Sections de Supply

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 Supply et la manière de les personnaliser en fonction de votre entreprise.

Supply inclut les sections statiques suivantes :

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

Sections dynamiques

Vous pouvez ajouter, réorganiser et supprimer des sections dynamiques pour personnaliser la mise en page de votre page d'accueil. Chaque thème propose un ensemble unique de sections dynamiques à choix.

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

Supply comprend des paramètres uniques pour l'en-tête de votre boutique. Vous pouvez choisir un menu à afficher dans votre en-tête, mettre en ligne un logo et afficher un message à l'intention de vos clients.

Pour personnaliser l'en-tête :

  1. Cliquez sur l'onglet Sections.

  2. Cliquez sur En-tête.

  3. Sélectionnez un menu à afficher dans la liste Menu.

Avec Supply, vous pouvez placer un logo dans l'en-tête de votre boutique. Si vous utilisez un logo personnalisé, 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 modifier la largeur de votre image grâce au champ Largeur de logo personnalisée. N'augmentez pas la valeur au-delà de la largeur d'origine du logo. Le cas échéant, cela pourrait provoquer une distorsion et une perte de qualité de l'image.

Message

Avec Supply, vous pouvez saisir un message de 55 caractères maximum dans l'en-tête de votre boutique. Ce message apparaît au-dessus de la barre de recherche.

Par exemple, vous pouvez saisir un message d'accueil, annoncer une vente ou une nouvelle collection, ou informer vos clients des retards d'expédition.

Pour ajouter un message d'en-tête :

  1. Dans la zone Message, saisissez votre message d'en-tête.

  2. Il est possible de mettre une partie du texte en gras ou en italique.

  3. Cliquez sur Save (Enregistrer).

Pied de page

Dans la section pied de page, vous pouvez modifier le contenu qui apparaît en 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

Pour personnaliser la section de pied de page :

  1. À côté de Supply, cliquez sur Personnaliser.

  2. Cliquez sur Sections.

  3. Cliquez sur Pied de page.

  4. Affichez des icônes de médias sociaux sur votre pied de page en cochant l'option Afficher les icônes de médias sociaux. Sélectionnez les comptes de médias sociaux à relier aux icônes dans les paramètres du thème.

  5. Ajoutez des icônes de paiement (MasterCard, PayPal…) à votre pied de page en cochant l'option Afficher les icônes de paiement.

  6. Ajoutez un menu horizontal au bas de votre pied de page dans la zone du Menu juridique. Pour modifier le menu par défaut, cliquez sur Modifier le menu. Pour sélectionner un menu différent, cliquez sur Modifier et faites votre choix parmi les menus existants ou cliquez sur Créer un menu.

  7. Ajoutez jusqu'à neuf blocs de contenu à votre pied de page dans la zone Contenu :

- Pour ajouter un bloc de contenu, cliquez sur Ajouter du contenu. Sélectionnez un type de bloc parmi les choix suivants : - Menu - Texte enrichi - Inscription à la newsletter

- Pour déplacer un bloc de contenu, cliquez sur l'icône ⁞⁞ et faites glisser le bloc vers un autre emplacement. - Pour supprimer un bloc de contenu, cliquez sur celui-ci, puis sur Remove content (Supprimer du contenu). - Pour personnaliser un bloc de contenu, cliquez sur celui-ci et modifiez ses paramètres.

  1. Cliquez sur Save (Enregistrer).

Pages de produits

Dans la section Pages de produit, vous pouvez ajouter ou supprimer les éléments suivants :

  • Le zoom sur image
  • Un sélecteur de quantité
  • Des informations sur les stocks
  • La marque ou le distributeur du produit
  • Des informations sur les réductions
  • Produits associés
  • Un bouton de paiement dynamique
  • Des icônes de partage social
  • Des avis de clients

Pour modifier les paramètres des pages de produit :

  1. Dans le menu déroulant de la barre supérieure, sélectionnez Pages de produit.

  2. Cliquez sur Sections.

  3. Cliquez sur Produit.

  4. Pour permettre aux clients d'effectuer un zoom avant en déplaçant le curseur sur l'image du produit, cochez Activer le zoom de l'image.

  5. Pour afficher un sélecteur de quantité, cochez Afficher le sélecteur de quantité.

  6. Pour afficher le stock restant lorsque le niveau d'inventaire est bas, cochez Afficher le stock lorsque moins de 10 produits sont disponibles. Pour que ce message s'affiche, vous devez activer le suivi des stocks du produit.

  7. Pour afficher un message indiquant si un produit épuisé sera de nouveau en stock, cochez Afficher le message de transfert de stock entrant lorsqu'un article est épuisé. Le message de transfert « Sera en stock après le (date) » s'affiche. Pour que ce message s'affiche, vous devez créer un transfertpour le produit.

  8. Pour afficher la marque ou le distributeur du produit, cochez Afficher le distributeur du produit. Pour qu'une marque ou un distributeur s'affiche, vous devez ajouter un distributeur au produit.

  9. Pour afficher le montant économisé par le client, cochez Afficher le montant économisé. Le montant économisé représente la différence entre le prix courant et le prix normal du produit. Le montant économisé est arrondi au dollar le plus proche. Par exemple, si la différence de prix est de 25,51 $, le montant économisé est de « 25 $ ». Pour que le montant économisé s'affiche, vous devez définir le prix normal du produit.

  10. Pour afficher le prix normal, cochez Afficher le prix normal.

  11. Pour afficher une sélection de produits associés en bas de la page, cochez Show related products (Afficher les produits associés). La collection à laquelle le produit appartient détermine les produits associés qui s'affichent. Pour afficher les produits associés, vous devez créer une collection pour le produit ou l'ajouter à une collection existante. Si le produit ne fait pas partie d'une collection, aucun produit associé n'apparaîtra.

  12. Pour afficher un bouton de paiement dynamique, cochez la case Afficher le bouton de paiement dynamique.

  13. Pour afficher les icônes de partage social, cochez Activer le partage de produits.

  14. Pour afficher les avis des clients sur le produit, cochez la case Activer les avis sur les produits. Pour afficher les avis, vous devez installer l'application gratuite Shopify Product Reviews et recevoir des avis sur votre produit.

  15. Pour définir la taille du sélecteur de variante, le bouton Ajouter au panier et le bouton de paiement dynamique, sélectionnez une taille dans le menu déroulant Sélecteur de variante et taille du bouton.

  16. Cliquez sur Save (Enregistrer).

Pages de collection

Avec Supply, vous pouvez spécifier le mode de tri des collections dans le menu latéral de la page des collections. Vous pouvez choisir de trier par balise de produit ou par groupe de filtres.

  1. Dans l'aperçu de l'éditeur de thème de votre boutique, ouvrez une page de collection.

  2. Cliquez sur l'onglet Sections.

  3. Cliquez sur Collection.

  4. Dans la liste Produits par rangée, sélectionnez le nombre de produits à afficher sur chaque ligne.

  5. Dans la liste déroulante Rangées par page, choisissez le nombre de lignes à afficher.

  6. Sous Filtres de produits de la barre latérale, indiquez si vous souhaitez trier les collections par balise de produit ou par groupe de filtres.

  7. Pour afficher un prix comparatif lorsque le prix d'un produit de la collection est inférieur à son prix normal ou pour le comparer aux prix d'un concurrent, cochez Afficher le prix normal.

  8. Pour afficher le montant que les clients économisent lorsqu'un produit est soldé, cochez Afficher le montant économisé.

  9. Pour autoriser les avis sur les produits sur vos pages de collection, cochez Activer les avis sur les produits.

  1. Cliquez sur Save (Enregistrer).

Collections en vedette

Utilisez la section Featured collections (Collections en vedette) pour sélectionner jusqu'à 6 collections de produits à afficher sur votre page d'accueil. Lorsqu'un client clique sur une collection en vedette de votre page d'accueil, le produit vedette de la collection s'affiche. Si vous n'avez pas de produit en vedette, la première image du produit dans la collection s'affichera.

Pour afficher les collections en vedette sur votre page d'accueil :

  1. Cliquez sur l'onglet Sections.

  2. Cliquez sur Collections en vedette.

  3. Dans la zone Contenu, cliquez sur Collection.

  4. Dans la liste déroulante Collection, sélectionnez une collection à afficher.

  5. Continuez à ajouter des collections jusqu'à ce que vous ayez sélectionné toutes les collections que vous souhaitez afficher.

  6. Cliquez sur Save (Enregistrer).

Diaporama

La section Diaporama vous permet de mettre en ligne des images à utiliser pour votre diaporama. Vous pouvez choisir si les images du diaporama doivent défiler automatiquement, et vous pouvez définir la fréquence, en secondes, à laquelle les images défilent.

Avec Supply, vous pouvez sélectionner jusqu'à 6 images de diapositives pour votre page d'accueil. Vous pouvez ajouter un lien URL à 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.

Pour personnaliser votre diaporama :

  1. Cliquez sur l'onglet Sections.

  2. Cliquez sur Diaporama.

  3. Dans la zone Paramètres, cochez la case Défilement automatiquement des diapositives si vous souhaitez que les images de diapositive défilent automatiquement.

  4. Dans la liste déroulante Temps de transition, sélectionnez une fréquence de rotation, en secondes.

Pour ajouter une diapositive d'image :

  1. Dans la zone Contenu, cliquez sur Image.

  2. Dans la zone Image, 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 à partir de la banque d'images Burst de Shopify, cliquez sur l'onglet 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 le bouton « plus ».

  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. - Si vous souhaitez lier le texte de votre diapositive à un site web, collez l'URL du site web dans le champ Lien de diapositive.

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

Pour ajouter un champ d'inscription à la newsletter à votre page d'accueil :

  1. À côté de Supply, cliquez sur Personnaliser.

  2. Cliquez sur Sections.

  3. Cliquez sur Ajouter une section > Newsletter.

  4. Saisissez un titre pour l'inscription à la newsletter dans le champ Titre. Le titre par défaut est : « Abonnez-vous à notre newsletter ».

  5. Saisissez un sous-titre pour l'inscription à la newsletter dans le champ Sous-texte. Le texte par défaut est : « Des promotions, des nouveaux produits et des soldes directement dans votre boîte de réception. ».

  6. Cliquez sur Save (Enregistrer).

Vidéo

Vous pouvez ajouter une vidéo YouTube ou Vimeo sur 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 à votre page d'accueil :

  1. À côté de Supply, cliquez sur Personnaliser.

  2. Cliquez sur Sections.

  3. Cliquez sur Ajouter une section > Vidéo.

  4. Saisissez un titre pour la vidéo dans le champ Titre.

  5. Saisissez le lien de partage de votre vidéo dans le champ Lien de la vidéo.

    Voici à quoi ressemble un lien de partage YouTube : https://youtu.be/OTJXAUZY9t0. Pour découvrir comment copier le lien de partage d'une vidéo YouTube, consultez cet article de l'Aide YouTube.

    Voici à quoi ressemble un lien de partage Vimeo : https://vimeo.com/281332510. Pour découvrir comment copier le lien de partage d'une vidéo Vimeo, consultez cet article du Centre d'aide de Vimeo.

  6. Cliquez sur Save (Enregistrer).

Contenu personnalisé

Dans la section Contenu 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.

Pour ajouter du contenu personnalisé à votre page d'accueil :

  1. À côté de Supply, cliquez sur Personnaliser.

  2. Cliquez sur Sections.

  3. Cliquez sur Ajouter une section.

  4. Dans la zone Mise en page avancée, cliquez sur Contenu personnalisé > Ajouter.

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

  6. Cliquez sur Enregistrer.

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

Essayez gratuitement