Sections de Supply

Le contenu du thème est créé à l’aide de sections. Les sections sont des blocs de contenu personnalisables qui déterminent la mise en page et l’apparence des différentes pages de votre boutique en ligne. Vous pouvez ajouter, supprimer, modifier et personnaliser les sections en utilisant la version actuelle de l’éditeur de thème.

Les thèmes de Shopify possèdent les types de sections suivants :

  • Sections statiques : sections apparaissant dans des emplacements prédéterminés de votre boutique en ligne. Ces sections ne peuvent pas être supprimées ou réorganisées. Elles peuvent inclure des en-têtes, des pieds de page, des sections de navigation ou de contenu sur des pages telles que les pages de produit et de collection. Par exemple, la section Produit détermine l'apparence de chaque page de produit sur votre boutique en ligne.
  • Sections dynamiques : sections facultatives que vous pouvez utiliser pour personnaliser la mise en page de votre page d’accueil. Sur la page d’accueil de votre boutique, vous pouvez ajouter, réorganiser et supprimer des sections dynamiques pour créer la mise en page de la page. Votre page d'accueil peut comporter jusqu'à 25 sections dynamiques.

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

Sections statiques

Supply inclut les sections statiques suivantes :

  • En-tête
  • Pied de page
  • Produit
  • Collection
  • Page de liste des collections
  • Pages d'articles

Sections dynamiques

Supply inclut les sections dynamiques suivantes :

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

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 les éléments suivants de votre en-tête :

  • Logo
  • Barre d'annonces
  • Menu

Ajouter un logo personnalisé

Vous pouvez ajouter une image de logo personnalisée à l'en-tête de votre boutique. Le meilleur format est un fichier .png avec un fond transparent. L'utilisation d'un logo de 400 pixels de large est idéale dans Supply. Vous pouvez redimensionner l'image du logo en augmentant ou en diminuant la largeur. N'augmentez pas la valeur au-delà de la largeur d'origine de l'image du logo. Le cas échéant, cela pourrait provoquer une distorsion et une perte de qualité de l'image.

Si vous n'ajoutez pas d'image de logo, le nom de votre boutique s'affiche sous forme de texte. Vous pouvez modifier ce nom à la page Paramètres généraux de votre interface administrateur.

  • Largeur personnalisée du logo: La largeur du logo.
  1. Cliquez sur En-tête. 2. Dans la zone Image du logo, cliquez sur Sélectionner une image, puis choisissez l’une des options 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 sur votre ordinateur local, cliquez sur Bibliothèque > Mettre en ligne. 3. Personnalisez la taille et le placement de votre logo à l’aide des paramètres. 4. Cliquez sur Save (Enregistrer).

Ajouter une barre d’annonces

Vous pouvez ajouter une barre d’annonces dans l’en-tête que vous pouvez utiliser pour montrer un message à vos clients. Votre message est personnalisable et peut inclure les coordonnées, des informations sur les événements organisés par la boutique ou les ventes, ou le slogan de la boutique. Le message peut comporter 55 caractères au maximum.

  1. Cliquez sur En-tête.
  2. Dans la zone Barre d'annonces, cochez Afficher l'annonce.
  3. Saisissez le texte de votre annonce.
  4. Facultatif : Saisissez une URL pour ajouter un lien à votre annonce.
  5. Cliquez sur Save (Enregistrer).

Ajouter un menu

Vous pouvez ajouter un menu à votre en-tête. Cela en affiche tous les liens dans votre en-tête, 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 collections.

  1. Cliquez sur En-tête.

  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).

Pied de page

Le pied de page de votre thème est la section qui apparaît au bas de chaque page de votre boutique. Vous pouvez ajouter les fonctionnalités suivantes à votre pied de page :

  • icônes de médias sociaux
  • icônes de paiement
  • menu horizontal
  • inscription à la newsletter
  • texte personnalisé
  • liens rapides

Ajouter des icônes de médias sociaux

Vous pouvez activer une option pour afficher les icônes de médias sociaux dans le pied de page de votre boutique en ligne. Les icônes des médias sociaux qui apparaissent dans le pied de page sont contrôlées par les paramètres de votre thème.

  1. Cliquez sur Pied de page.
  2. Cochez Afficher les icônes de médias sociaux.
  3. 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).

Ajouter un menu horizontal

Vous pouvez ajouter un menu à votre pied de page. Cela affiche tous les liens du menu dans une barre horizontale au bas de votre pied de page. Vous pouvez utiliser ce menu pour établir un lien vers les pages courantes auxquelles vos clients souhaitent accéder. Par exemple, vous pouvez ajouter un menu qui contient des liens vers vos politiques d’expédition et de rapatriement.

  1. Cliquez sur Pied de page.
  2. Modifiez le paramètre Menu Mentions légales. 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.
  3. Pour modifier le menu, cliquez sur Modifier le menu.
  4. Cliquez sur Save (Enregistrer).

Ajouter un menu, une inscription à la newsletter ou un texte

Vous pouvez ajouter jusqu’à neuf blocs de contenu à votre pied de page.

  1. Cliquez sur Pied de page.

  2. Pour ajouter un bloc de contenu, cliquez sur la zone Contenu, puis sur Ajouter du contenu. Sélectionnez le type de bloc parmi les options suivantes :

- [Menu](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text

Pour supprimer un bloc de contenu, cliquez sur le bloc, puis sur Supprimer le contenu.

Pour personnaliser un bloc de contenu, cliquez sur le bloc et modifiez les paramètres.

  1. 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 :

  • Activer le zoom sur l'image - Autorisez vos clients à zoomer en passant la souris sur l'image du produit.
  • Afficher le sélecteur de quantité – donnez aux utilisateurs la possibilité de préciser une quantité à ajouter à leur panier.
  • Afficher le message de quantité restante – Affichez le stock restant lorsque le niveau d’inventaire est bas. Le message de quantité restante s’affiche lorsqu’il y a au moins neuf variantes sélectionnées en stock. Pour que ce message s’affiche, vous devez activer le suivi des stocks du produit.
  • Afficher le message de transfert de stock entrant lorsque celui-ci est épuisé – Affichez un message indiquant quand un produit épuisé sera de nouveau en stock. Le message qui apparaît est le suivant : « Sera en stock après le [date] ». Pour que ce message s’affiche, vous devez créer un transfert pour le produit afin d’enregistrer les stocks entrants.
  • Afficher le distributeur - Affichez la marque ou le distributeur du produit. Pour qu'une marque ou un distributeur s'affiche, vous devez ajouter un distributeur au produit.
  • Afficher le montant enregistré – Indiquez le montant que le client économise. Le montant économisé représente la différence entre le prix habituel et le prix avant réduction du produit. Pour que le montant économisé s’affiche, vous devez définir un prix avant réduction pour le produit.
  • Afficher le prix avant réduction - Affichez le prix avant réduction du produit.
  • Afficher les produits connexes : affichez une sélection de produits connexes en bas de la page. La collection à laquelle appartient le produit détermine les produits connexes qui s’affichent dans cette section. Pour afficher les produits connexes, vous devez ajouter un produit à une collection. Si le produit ne fait pas partie d’aucune collection ou s'il est le seul article de la collection, aucun produit connexe n’apparaîtra.
  • 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.
  • Activer le partage de produits - Afficher les boutons que les clients peuvent utiliser pour partager des produits sur les médias sociaux. Les options de partage qui s’affichent sont contrôlées par les paramètres de votre thème.
  • Activer les avis sur les produits – Ajoutez une section d'avis sur les produits à la page. Pour afficher les avis, vous devez installer l’application gratuite Product Reviews de Shopify et recevoir des avis sur votre produit.
  • Sélecteur de variante et taille du bouton - Choisissez une taille dans ce menu déroulant pour définir la taille du sélecteur de variante, le bouton Ajouter au panier et le bouton de paiement dynamique.

Modifier les paramètres du produit

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

Collection

La section Collection est la principale section personnalisable pour les pages de collection.

La section Collection comprend les paramètres suivants :

  • Produits par ligne - Choisissez le nombre de produits à afficher sur chaque ligne de la page de collection.
  • Rangées par page (grille uniquement) - Choisissez le nombre de lignes de produits à afficher sur la page de la collection.
  • Filtres de produits de la barre latérale – Indiquez si vous souhaitez trier les collections par balise de produit ou par groupe de filtres dans la barre latérale.
  • Afficher le prix avant réduction - Affichez le prix avant réduction du produit.
  • Afficher le montant enregistré – Indiquez le montant que le client économise. Le montant économisé représente la différence entre le prix habituel et le prix avant réduction du produit. Pour que le montant économisé s’affiche, vous devez définir un prix avant réduction pour le produit.
  • Activer les avis sur les produits - Affichez les badges de score d’évaluation sur la page. Pour afficher ces badges, vous devez installer l’application gratuite Product Reviews de Shopify et recevoir des avis sur vos produits.
  • Activer la barre latérale – Affichez une barre latérale pour permettre aux clients de filtrer vos produits en utilisant le type de filtre sélectionné.

Modifier les paramètres de collection

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

Liste des collections

Utilisez la section de la liste des collections pour afficher jusqu’à six collections de produits sur votre page d’accueil.

Ajouter une liste de collections à votre page d'accueil

  1. Cliquez sur Ajouter une section. 2. Cliquez sur Liste de collections, puis Sélectionner. 3. Pour ajouter des collections à la section, personnalisez chaque bloc de collection : * cliquez sur un bloc de collection, puis sur Sélectionner une collection. * Dans la liste déroulante Collection, sélectionnez une collection à afficher ou cliquez sur Créer une collection pour en créer une nouvelle. * Cliquez sur Sélectionner. 4. Pour ajouter d’autres blocs de collection, cliquez sur Ajouter une collection. 5. 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 :

  • Titre – Ajoutez un titre à la section collection en vedette.
  • Collection - Choisissez la collection qui apparaît dans la section.
  • Produits par ligne - Choisissez le nombre de produits à afficher sur chaque ligne de la section.
  • Lignes - Définissez le nombre de lignes de produits à afficher dans la section.
  • Afficher le montant enregistré – Indiquez le montant que le client économise. Le montant économisé représente la différence entre le prix habituel et le prix avant réduction du produit. Pour que le montant économisé s’affiche, vous devez définir un prix avant réduction pour le produit.
  • Afficher le prix avant réduction - Affichez le prix avant réduction du produit.

Ajouter une collection en vedette à votre page d'accueil

  1. Sélectionnez Ajouter une section. 2. Cliquez sur Collection en vedette, puis sur Sélectionner. 3. Choisissez Sélectionner une collection, puis la collection à afficher. Cliquez enfin sur Sélectionner. 4. Personnalisez la section de votre collection en vedette à l'aide des paramètres. 5.Cliquez sur Save (Enregistrer).

Diaporama

La section Diaporama vous permet de mettre en ligne des images à utiliser pour un diaporama sur votre page d’accueil.

Vous pouvez sélectionner jusqu'à 6 images de diapositives pour votre page d'accueil. Vous pouvez ajouter un lien à chaque diapositive sur lequel vos clients peuvent cliquer pour ouvrir une page de votre boutique.

Chaque image de diapositive doit avoir une largeur de 1 000 pixels et une hauteur de 500 pixels. Si vous utilisez des images de diaporamas de hauteurs différentes, les images peuvent sembler sauter ou être disjointes entre les transitions de diapositives.

La section du diaporama comprend les paramètres suivants :

Contenu

  • Image – Ajoutez une image à afficher sur la diapositive de votre diaporama.
  • Lien URL – Reliez votre diapositive à une autre partie de votre boutique en ligne.

Paramètres

  • Rotation automatique des diapositives - Configurez la lecture automatique du diaporama.
  • Temps de transition - Choisissez la fréquence de changement des diapositives.

Personnaliser votre diaporama

  1. Cliquez sur Add section (Ajouter une section).
  2. Cliquez sur Diaporama, puis sur Sélectionner.
  3. Pour ajouter des images au diaporama, cliquez sur un bloc d'image pour le personnaliser :
    1. 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.
  4. 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.
  5. Pour sélectionner une image sur votre ordinateur local, cliquez sur l'onglet Bibliothèque, puis sur Mettre en ligne.

    1. Si vous souhaitez ajouter un lien à la diapositive, effectuez l'une des opérations suivantes : - Si vous souhaitez lier le texte de votre diapositive à une page de votre boutique, cliquez dans le champ URL du lien et sélectionnez une page.
    2. Si vous souhaitez lier le texte de votre diapositive à un site web, collez l'URL de ce site dans le champ URL du lien.
  6. Utilisez les paramètres pour personnaliser votre diaporama.

  7. 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'affichera si la carte ne se charge pas.
  • Position de l'image – Définissez l'emplacement de l'image.

Ajouter une carte à votre page d'accueil

  1. Cliquez sur Add section (Ajouter une section).
  2. Cliquez sur Mapper, puis 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 :

  • 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/ZXWgHlnVVEY. 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 Add section (Ajouter une section).
  2. Cliquez sur Vidéo, puis sur Sélectionner.
  3. Utilisez les paramètres pour personnaliser la section vidéo.
  4. Cliquez sur Save (Enregistrer).

Contenu personnalisé

Dans la section Contenu personnalisé, vous pouvez regrouper plusieurs blocs de contenu. La largeur et l’alignement de chaque bloc peuvent être ajustés pour personnaliser votre mise en page.

Vous pouvez utiliser le langage HTML pour formater des blocs de texte, créer des tableaux ou incorporer du contenu à partir d’un autre site web. Vous pouvez ajouter jusqu’à neuf blocs HTML personnalisés dans une section de contenu personnalisé.

Chaque bloc HTML personnalisé comprend les paramètres suivants :

  • HTML – Ajoutez le code HTML que vous souhaitez afficher sur votre page d'accueil.
  • Largeur du conteneur – Définissez la largeur de votre bloc HTML personnalisé.
  • Alignement vertical – Définissez la position verticale du contenu du bloc.

Ajouter du contenu personnalisé à sa page d'accueil

  1. Cliquez sur Ajouter une section.

  2. Cliquez sur Contenu personnalisé, puis cliquez sur Sélectionner.

  3. Sélectionnez et configurez les blocs de contenu que vous souhaitez inclure dans la section.

  4. Cliquez sur Save (Enregistrer).

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

Essayez gratuitement