Sections de Boundless

Le contenu du thème est généré à l’aide de sections. Les sections sont des blocs de contenu personnalisables, qui déterminent la mise en page et l’apparence de différentes pages de votre boutique en ligne.

Les sections statiques apparaissent dans des emplacements prédéterminés de votre boutique en ligne. Ces sections ne peuvent pas être supprimées ou réarrangées. Elles peuvent inclure des en-têtes, des pieds de page, des sections de navigation ou des sections de contenu sur des pages telles que les pages de produits et de collection. Par exemple, la section Produit détermine l’apparence de chaque page de produit sur votre boutique en ligne.

Les sections dynamiques sont facultatives, et vous pouvez les utiliser pour personnaliser la mise en page de votre page d’accueil. Sur la page d’accueil de votre boutique, vous pouvez ajouter, réorganiseret supprimer des sections dynamiques pour créer la mise en page. Votre page d’accueil peut présenter jusqu’à 25 sections dynamiques.

Vous pouvez en apprendre davantage sur la sélection unique de sections de Boundless et la manière de les personnaliser en fonction de votre entreprise.

Sections statiques

Boundless inclut les sections statiques suivantes :

  • Menu de la barre latérale
  • Barre d'annonces
  • En-tête
  • Diaporama
  • Barre de menus
  • Pied de page
  • Produit
  • Recommandations de produits
  • Collection
  • Page de liste des collections
  • Article

Sections dynamiques

Boundless inclut les sections statiques suivantes :

  • Articles de blog
  • Liste des collections
  • Collection en vedette
  • Image avec texte
  • Produit en vedette
  • Newsletter
  • Carte
  • Texte enrichi
  • Vidéo
  • Code HTML personnalisé

Le menu de la barre latérale tient lieu de table des matières pour votre boutique. Ce menu apparaît sur toutes les pages de votre boutique.

Le menu de la barre latérale affiche deux menus. Le menu principal s'affiche en haut de la page dans une police plus grande, et le menu supplémentaire s'affiche sous le menu principal dans une police plus petite.

Vous pouvez également afficher des liens vers vos comptes de médias sociaux dans la barre latérale. Ces liens sont contrôlés par les paramètres de votre thème.

Personnaliser le menu de la barre latérale

  1. Cliquez sur le menu Barre latérale.

  2. Dans la liste du menu principal, sélectionnez le menu que vous souhaitez afficher comme menu principal. En règle générale, il s'agit du menu principal de votre boutique.

  3. Dans la liste du menu supplémentaire, sélectionnez le menu que vous souhaitez afficher sous le menu principal. En règle générale, il s'agit du menu du pied de page de votre boutique.

  4. Cliquez sur Save (Enregistrer).

Barre d'annonces

Vous pouvez activer la barre d’annonces pour afficher un message pour vos clients. Votre message est entièrement personnalisable et peut inclure des coordonnées, un lien, des informations sur les événements ou les ventes de la boutique, ainsi que le slogan ou le message de marque de votre boutique. La barre d’annonce peut apparaître sur toutes les pages de votre boutique ou vous pouvez choisir de l’afficher uniquement sur la page d’accueil.

Activer la barre d’annonces

  1. Cliquez sur Barre d’annonces. 5. Cochez la case Afficher l’annonce.
Select **Home page only** to display the announcement message on the home page only.
  1. Saisissez le texte de votre annonce.
  2. Facultatif : saisissez une URL pour ajouter un lien à votre annonce.
  3. Pour changer la couleur de l'arrière-plan de la barre d'annonce, cliquez sur l'échantillon de couleur de la barre et choisissez une couleur.
  4. Pour changer la couleur du texte de l'annonce, cliquez sur l'échantillon de couleur du texte et choisissez une couleur.
  5. Cliquez sur Save (Enregistrer).

En-tête

L'en-tête de votre thème est la section qui apparaît en haut de chaque page de votre boutique. Vous pouvez personnaliser le logo qui apparaît dans l'en-tête.

Vous pouvez ajouter un logo supplémentaire qui s’affiche uniquement sur votre page d’accueil. Le logo de la page d’accueil s’affiche par-dessus le diaporama. Choisissez donc une version de votre logo facile à voir en haut d’une image.

Ajouter un logo personnalisé

  1. Cliquez sur En-tête. 2. Dans la zone Logo, cliquez sur Sélectionner une image, puis effectuez l’une des opérations suivantes : - Pour sélectionner une image que vous avez déjà mise en ligne dans votre interface administrateur Shopify, cliquez sur l'onglet Bibliothèque.
    • Pour sélectionner une image provenant de la banque d'images gratuites Burst, cliquez sur Images gratuites. De là, vous pouvez saisir un terme de recherche ou parcourir les catégories d'images.
    • Pour sélectionner une image sur votre ordinateur local, cliquez sur l'onglet Bibliothèque, puis sur Mettre en ligne.
  2. Facultatif : dans la zone Logo de la page d’accueil, cliquez sur Sélectionner une image, puis effectuez l’une des opérations suivantes : - Pour sélectionner une image que vous avez déjà mise en ligne dans votre interface administrateur Shopify, cliquez sur l'onglet Bibliothèque.
    • Pour sélectionner une image provenant de la banque d'images gratuites Burst, cliquez sur Images gratuites. De là, vous pouvez saisir un terme de recherche ou parcourir les catégories d'images.
    • Pour sélectionner une image sur votre ordinateur local, cliquez sur l'onglet Bibliothèque, puis sur Mettre en ligne.
  3. Saisissez la largeur du logo dans le champ Largeur personnalisée du logo (en pixels). 8. Cliquez sur Save (Enregistrer).

Diaporama

Vous pouvez ajouter un diaporama à votre page d’accueil, qui passe jusqu’à cinq images.

Il est préférable d'utiliser des images haute définition pour vos diapositives. Utilisez des images de 3840 x 2160 px ou plus, à condition de ne pas dépasser les limites de mise en ligne de Shopify.

Étant donné que la taille et la forme du diaporama dépendent de la taille et de la forme de l'appareil du client, les images de votre diaporama seront recadrées sur certains écrans. Essayez d’utiliser des images avec un point focal au milieu de manière à ce que la partie importante de chaque image soit toujours visible.

Pour en savoir plus sur les bonnes pratiques pour les images de diaporama, voir Uploading images (Téléchargement d'images).

La section du diaporama comprend les paramètres suivants :

  • Hauteur de diapositive – Définissez la hauteur du diaporama. Sélectionnez Adapt to first image slide height (Adapter à la hauteur de la diapositive de la première image) pour baser la hauteur de votre diaporama sur la hauteur de votre première image.
  • Rotation automatique des diapositives - Configurez la lecture automatique du diaporama.
  • Changer de diapositive toutes les – Sélectionnez la fréquence de rotation des diapositives.
  • Texte et icônes – Sélectionnez une couleur pour le texte et les icônes apparaissant sur le diaporama.
  • Superposition d'images - Ajoutez une couche de couleur sur votre diapositive d'image. Une superposition peut rendre le texte du diaporama plus facile à lire.
  • Opacité – Définissez l'opacité de votre superposition.
  • Image – Ajoutez une diapositive d'image à votre diaporama.
  • Position de l'image - Choisissez la zone de l'image la plus importante sur laquelle vous concentrer dans le diaporama.
  • Titre - Ajoutez un titre à votre diapositive.
  • Texte du bouton – Ajoutez un bouton avec une étiquette texte à votre diapositive.
  • Lien du bouton – Définissez l'URL ou la page à laquelle vous souhaitez que le bouton mène. Collez l’URL ou sélectionnez une page dans le menu. Si vous ne souhaitez pas inclure de bouton dans la section, laissez ce champ vide.

Personnaliser votre diaporama

  1. Cliquez sur Diaporama.

  2. Utilisez les paramètres pour personnaliser votre diaporama.

  3. Cliquez sur Save (Enregistrer).

Barre de menus

Par défaut, la barre de menus affiche le menu principal de votre boutique. Vous pouvez personnaliser vos menus de manière à afficher différents articles, selon la page consultée par votre client. Le plus souvent, on utilise la barre de menus de la page d'accueil pour présenter les collections de produits. À l'intérieur d'une collection, la barre de menus peut afficher d'autres sous-catégories ou des collections connexes.

Prenons l'exemple d'une boutique de vêtements dont la page d'accueil contient une barre de menus affichant les rubriques Hommes, Femmes et Accessoires. Si une cliente clique sur Femmes, la barre de menus peut alors afficher Hauts, Pantalons et Chaussures sur la page de la collection.

Pour que votre barre de menus fonctionne de cette façon, utilisez les liens de votre menu principal pour accéder à vos collections. Insérez des liens vers d'autres parties de votre boutique (vos pages Contact ou À propos) dans votre menu de pied de page.

Personnaliser sa barre de menus

  1. Cliquez sur la barre de menus.

  2. Dans la liste des menus, sélectionnez celui que vous souhaitez afficher dans la barre de menus.

  3. Cliquez sur Save (Enregistrer).

Pied de page

Le pied de page de votre thème est la section qui apparaît en bas de chaque page de votre boutique. Avec Boundless, vous pouvez afficher un menu et des icônes pour les moyens de paiement que vous acceptez dans votre pied de page.

Vous pouvez également afficher des liens vers vos comptes de médias sociaux dans le pied de page. Ces liens sont contrôlés par les paramètres de votre thème.

Ajouter un menu à son pied de page

Vous pouvez ajouter un menu à votre pied de page. Cela en affiche tous les liens dans votre pied de page, que vous pouvez utiliser pour mettre en évidence les pages courantes auxquelles vos clients souhaitent accéder. Par exemple, vous pouvez ajouter un menu qui contient des liens vers vos contacts et politiques d'expédition.

<div class="section-tag-block">
  <div class="sections-menu"><ul class="in-page-menu in-page-menu--horizontal"><li class="js-is-active"><a href="#" class="desktop marketing-button marketing-button--small">Bureau</a></li><li class=""><a href="#" class="iphone marketing-button marketing-button--small">iPhone</a></li><li class=""><a href="#" class="android marketing-button marketing-button--small">Android</a></li></ul></div><div class="desktop active changeable-content"><ol>
<li>Depuis votre interface administrateur Shopify, accédez à <strong>Boutique en ligne</strong> &gt; <strong>Thèmes</strong>.
</li><li>À côté de <strong>Boundless</strong>, cliquez sur <strong>Personnaliser</strong>.
</li></ol></div><div class="iphone changeable-content"><ol>
<li>Dans l&#39;<a href="https://www.shopify.com/install/detect">application Shopify</a>, appuyez sur <strong>Boutique</strong>.
</li><li>Dans la section <strong>Canaux de vente</strong>, appuyez sur <strong>Boutique en ligne</strong>.
</li><li>Appuyez sur <strong>Gérer les thèmes</strong>.
</li><li>À côté de <strong>Boundless</strong>, appuyez sur <strong>Personnaliser</strong>.
</li><li>Appuyez sur <strong>Edit</strong> (Modifier).
</li></ol></div><div class="android changeable-content"><ol>
<li>Dans l&#39;<a href="https://www.shopify.com/install/detect">application Shopify</a>, appuyez sur <strong>Boutique</strong>.
</li><li>Dans la section <strong>Canaux de vente</strong>, appuyez sur <strong>Boutique en ligne</strong>.
</li><li>Appuyez sur <strong>Gérer les thèmes</strong>.
</li><li>À côté de <strong>Boundless</strong>, appuyez sur <strong>Personnaliser</strong>.
</li><li>Appuyez sur <strong>Edit</strong> (Modifier).
</li></ol></div>
</div>
  1. Cliquez sur Pied de page.

  2. Pour sélectionner un menu, cliquez sur Modifier. Sélectionnez un menu dans la liste ou cliquez sur Créer un menu pour en créer un nouveau.

  3. Pour modifier le menu, cliquez sur Modifier le menu.

  4. Cliquez sur Save (Enregistrer).

Ajouter des icônes de paiement

Vous pouvez afficher les icônes des moyens de paiement que vous acceptez dans votre pied de page. Cette zone montre les icônes associées au fournisseur de services de paiement que vous avez activé dans la section Paramètres de paiement de votre interface administrateur.

  1. Cliquez sur Pied de page.

  2. Cochez Afficher les icônes de paiement.

  3. Cliquez sur Save (Enregistrer).

Produit

La section Pages de collection est la principale section personnalisable pour les pages de collection. Vous pouvez personnaliser cette section à l'aide des options suivantes :

  • Ignorer la première image du produit – Lorsque cette option est activée, la première image du produit ne s’affiche que sur les pages de collection, et pas sur les pages de produits. Grâce à cette option, vous pouvez concevoir la première image de votre produit pour la rendre plus attrayante sur les pages de collection et personnaliser vos autres images de produits pour les rendre plus visibles dans l'espace plus grand figurant sur les pages de produits.
  • Style d’image – Choisissez haut/carré ou large.
  • Afficher le distributeur : affichez la marque ou le distributeur du produit dans la fenêtre de ce dernier. Pour qu'une marque ou un distributeur s'affiche, vous devez ajouter un distributeur au produit.
  • Afficher le sélecteur de quantité – donnez aux utilisateurs la possibilité de préciser une quantité à ajouter à leur panier.
  • Afficher le bouton de paiement dynamique – offrez aux clients la possibilité d'ignorer le panier pour accéder directement au paiement depuis la section des produits en vedette.
  • Largeur du formulaire de produit – Choisissez une largeur petite ou grande.

Vous pouvez également afficher les recommandations sur les produits sur la page Produit.

Personnaliser la section d'un produit

  1. Sélectionnez Product pages (Pages de produits).
  2. Cliquez sur la section Produit.
  3. Utilisez les paramètres pour personnaliser la fenêtre de votre produit.
  4. Cliquez sur Save (Enregistrer).

Recommandations de produits

Vous pouvez afficher des produits recommandés sur les pages des produits pour permettre à vos clients de découvrir d'autres produits qui pourraient les intéresser.

Activer les recommandations sur les produits

  1. Sélectionnez Product pages (Pages de produits).

  2. Cliquez sur la section Recommandations sur les produits.

  3. Cochez Afficher les recommandations dynamiques pour afficher les recommandations sur les produits sur les pages de vos produits.

  4. Facultatif : pour modifier le titre qui apparaît au-dessus des produits recommandés, saisissez-en un nouveau dans le champ Heading (Titre).

    1. Facultatif : pour afficher ou masquer les distributeurs dans les descriptions de produits, activez la case à cocher Afficher le distributeur.
  5. Cliquez sur Save (Enregistrer).

Collection

La section Collection est la principale section personnalisable pour les pages de collection. Vous pouvez personnaliser cette section à l'aide des options suivantes :

  • Style d’image – Indiquez si vous souhaitez que les images soient grandes/carrées ou larges.

    Sélectionnez Haut/carré si vos images de produits sont carrées ou en orientation portrait.

    Choisissez Large si vos images sont rectangulaires ou en orientation paysage.

  • Taille de l'image - Choisissez une taille d'image. Plus vos images de produits sont petites, plus vous pouvez en placer sur chaque ligne. Le nombre d'images affichées par ligne dépend également de l'appareil utilisé par le client (ordinateur de bureau ou mobile) et de la taille de la fenêtre.

  • Ajouter un espacement entre les images – Augmentez l’espacement entre les images de produit.

  • Afficher le distributeur du produit - Affichez la marque ou le distributeur sous les images du produit. Pour qu'une marque ou un distributeur s'affiche, vous devez ajouter un distributeur au produit.

  • Afficher les options de tri – Sélectionnez cette option pour permettre aux clients de trier les produits sur vos pages de collection.

  • Afficher le filtrage des balises – Sélectionnez cette option pour permettre aux clients de filtrer la collection par balise de produit.

  • Type de pagination - Indiquez si vous souhaitez afficher des pages numérotées ou un bouton Afficher plus lorsqu’il y a plusieurs pages de produits dans la collection.

Personnaliser la section d'une collection

  1. Sélectionnez les pages de collections.
  2. Cliquez sur la section Collection.
  3. Utilisez les paramètres pour personnaliser votre page de collection.
  4. Cliquez sur Save (Enregistrer).

Collection en vedette

Vous pouvez présenter une collection sur votre page d'accueil. Présenter des collections peut vous aider à promouvoir les promotions et les nouvelles collections.

La section Collection en vedette comprend les paramètres suivants :

  • Collection - Choisissez la collection qui apparaît dans la section. Jusqu’à 50 produits s’afficheront à partir de la collection que vous sélectionnerez.
  • Style d’image – Indiquez si vous souhaitez que les images soient grandes/carrées ou larges.

    Sélectionnez Haut/carré si vos images de produits sont carrées ou en orientation portrait.

    Choisissez Large si vos images sont rectangulaires ou en orientation paysage.

  • Taille de l'image - Choisissez une taille d'image. Plus vos images de produits sont petites, plus vous pouvez en placer sur chaque ligne. Le nombre d'images affichées par ligne dépend également de l'appareil utilisé par le client (ordinateur de bureau ou mobile) et de la taille de la fenêtre.

  • Activer l’espacement entre les images – Augmentez l’espacement autour des images de produit.

  • Afficher le distributeur du produit - Affichez la marque ou le distributeur sous les images du produit. Pour qu'une marque ou un distributeur s'affiche, vous devez ajouter un distributeur au produit.

Ajouter une collection en vedette à votre page d'accueil

  1. Cliquez sur Ajouter une section.
  2. Cliquez sur Collection en vedette, puis cliquez sur Sélectionner.
  3. Cliquez sur Sélectionner une collection, puis sélectionnez-en une dans la liste Collection. Jusqu'à 50 produits de la collection sélectionnée s'affichent alors.
  4. Utilisez les paramètres pour personnaliser la section.
  5. Cliquez sur Save (Enregistrer).

Newsletter

Vous pouvez ajouter un champ d'inscription à votre newsletter en page d'accueil. Cela vous permet de recueillir les adresses e-mail de clients pour vos campagnes de marketing par e-mail. Consultez le blog de Shopify pour en savoir plus sur le marketing par e-mail.

Ajouter une inscription à la newsletter sur votre page d'accueil

  1. Cliquez sur Add section (Ajouter une section).

  2. Cliquez sur Newsletter, puis sur Sélectionner.

  3. Saisissez un titre pour l'inscription à votre newsletter.

  4. Saisissez un sous-titre pour l’inscription à la newsletter.

  5. Cliquez sur Save (Enregistrer).

Carte

Vous pouvez ajouter une carte Google sur votre page d'accueil pour montrer aux clients où se trouve votre entreprise.

La section de la carte comprend les paramètres suivants :

  • Titre - Ajoutez un titre à votre section de carte.
  • Adresse et heures d'ouverture – Ajoutez l'adresse et les heures d'ouverture de votre boutique à la section de votre carte.
  • Adresse de la carte – Définissez la carte de manière à ce qu'elle affiche l'emplacement de votre boutique.
  • Texte du lien de la carte – Ajoutez un bouton menant à votre position sur Google Maps.
  • Afficher l'épingle – Ajoutez une épingle indiquant l'emplacement spécifique de votre boutique sur la carte.
  • Clé API Google Maps – Ajoutez la clé API de votre carte à la section Carte.
  • Image – Ajoutez une image qui s'affiche si la carte ne charge pas.
  • Position de l'image – Définissez l'emplacement de l'image.

Ajouter une carte à votre page d'accueil

  1. Cliquez sur Ajouter une section. 2. Cliquez sur Mapper, puis cliquez sur Sélectionner. 3. Utilisez les paramètres pour personnaliser la section de votre carte. 4. Cliquez sur Save (Enregistrer).

Texte enrichi

Utilisez la section Rich text (Texte enrichi) pour fournir tout contenu écrit que vous souhaitez afficher sur votre page d'accueil ou pour intégrer une page créée dans votre interface administrateur de Shopify. Par exemple, vous pouvez présenter de futurs événements en intégrant votre page de blog, ou afficher une page comportant l'un ou l'autre des éléments suivants :

La section de texte enrichi comprend les paramètres suivants :

  • Affichage large – Réduisez les marges de chaque côté de votre texte. - Titre – Ajoutez un titre à votre section de texte enrichi. - Texte – Ajoutez et formatez votre texte personnalisé. Si vous souhaitez mettre en vedette une page de votre boutique, cliquez sur Ajouter du contenu, puis sur Page. Sélectionnez une page à afficher en tant que page d'accueil dans le menu déroulant. - Taille – Définissez la taille de votre texte.

Ajouter du texte enrichi à sa page d’accueil

  1. Cliquez sur Ajouter une section.

  2. Cliquez sur Texte enrichi, puis cliquez sur Sélectionner.

  3. Utilisez les paramètres pour personnaliser votre section de texte enrichi.

  4. Cliquez sur Save (Enregistrer).

Vidéo

Vous pouvez ajouter une vidéo YouTube ou Vimeo à votre page d'accueil. Les vidéos permettent d'éveiller la curiosité de vos clients et de les intéresser à votre entreprise.

Pour ajouter une vidéo, vous devez trouver le lien de partage de la vidéo :

  • YouTube – Un lien de partage YouTube ressemble à ceci : https://youtu.be/Oc5v_ToKP7c. Pour savoir comment copier le lien de partage d'une vidéo YouTube, consultez cet article de l'assistance de YouTube.
  • Vimeo – Un lien de partage Vimeo ressemble à ceci : https://vimeo.com/123456789. Pour découvrir comment copier le lien de partage d'une vidéo Vimeo, consultez cet article du Centre d'aide de Vimeo.

La section vidéo comprend les paramètres suivants :

  • Titre – Ajoutez un titre à votre section vidéo.
  • Lien de la vidéo – Ajoutez le lien de partage de votre vidéo.

Ajouter une vidéo à votre page d'accueil

  1. Cliquez sur Ajouter une section. 3. Cliquez sur Vidéo, puis cliquez sur Sélectionner. 4. Utilisez les paramètres pour personnaliser la section vidéo. 5. Cliquez sur Save (Enregistrer).

Code HTML personnalisé

Dans la section HTML personnalisé, vous pouvez utiliser du code HTML pour créer du contenu personnalisé pour votre page d'accueil. Par exemple, vous pouvez utiliser le langage HTML pour mettre en forme des blocs de texte, créer des tableaux ou incorporer du contenu à partir d'un site web tiers.

Ajouter une section HTML personnalisée à la page d'accueil

  1. Cliquez sur Ajouter une section.

  2. Cliquez sur Code HTML personnalisé, puis sur Sélectionner.

  3. Cliquez sur HTML personnalisé et saisissez le code HTML que vous souhaitez ajouter à votre page d'accueil.

  4. Cliquez sur Save (Enregistrer).

Prêt(e) à commencer à vendre avec Shopify ?

Essayez gratuitement