Sections de Narrative

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

Sections statiques

Narrative inclut les sections statiques suivantes :

  • En-tête
  • Diaporama
  • Pied de page
  • Pages de produits
  • Recommandations de produits
  • Collection
  • Page de liste des collections
  • Blog
  • Articles de blog
  • Page de panier

Sections dynamiques

Narrative inclut les sections statiques suivantes :

  • Articles de blog
  • Liste des collections
  • Collection en vedette
  • Galerie
  • Sélection
  • Image avec texte
  • Image avec calque texte
  • Produit en vedette
  • Newsletter
  • Carte
  • Texte enrichi
  • Témoignages
  • Vidéo
  • Contenu personnalisé
  • Curseur intégré

En-tête

La section de l'en-tête comprend le contenu qui apparaît en haut de chaque page de votre boutique. Narrative vous permet de sélectionner deux menus de navigation auxquels les clients peuvent accéder en cliquant sur une icône de navigation (☰).

Vous pouvez également modifier l'apparence de l'en-tête de votre boutique en le rendant transparent.

Personnaliser l’en-tête

  1. Cliquez sur la section En-tête.

  2. Dans la zone Image de 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.

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

  4. Pour sélectionner une image sur votre ordinateur local, cliquez sur l'onglet Bibliothèque, puis sur Mettre en ligne.

  5. Dans le champ Hauteur du logo personnalisé (en pixels), saisissez la hauteur en pixels de votre logo.

  6. Dans la liste des icônes de panier, indiquez si vous souhaitez afficher un logo représentant un sac ou un panier dans votre en-tête.

  7. Si vous souhaitez rendre l'en-tête de votre boutique transparent, procédez comme suit :

    1. Cliquez sur Activer l'en-tête transparent de la page d'accueil.
    2. Choisissez une image à afficher sur le fond transparent. Vous devrez peut-être sélectionner un logo différent de celui que vous avez choisi d'afficher sur votre page d'en-tête. Par exemple, vous pourriez avoir besoin d'un logo blanc, qui ressortirait sur un fond plus sombre.
    3. Cliquez sur la palette de couleurs des icônes d'en-tête transparentes pour sélectionner une couleur pour l'image du logo ainsi que les icônes de navigation et de panier.
  8. Dans la liste Navigation principale, sélectionnez le menu principal qui s'affiche lorsqu'un client clique sur l'icône de navigation.

  9. Dans la liste Navigation secondaire, sélectionnez le menu secondaire.

  10. Cliquez sur Save (Enregistrer).

Ajouter une barre d’annonces

Vous pouvez ajouter une barre d’annonces dans l’en-tête et l'utiliser pour afficher un message à l'attention de vos clients. Votre message peut être personnalisé. Il peut inclure vos coordonnées, des informations sur des événements ou des soldes dans votre boutique, ou encore le slogan de celle-ci.

  1. Cliquez sur En-tête.
  2. Dans la zone Annonce, cochez Afficher l'annonce.
  3. Saisissez le texte de votre annonce.
  4. Facultatif : Saisissez une URL pour ajouter un lien à votre annonce.
  5. Facultatif : dans le menu Icônes, sélectionnez une icône à afficher dans la barre d’annonces. L’icône sera de la même couleur que le texte de votre annonce.
  6. 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.
  7. Pour changer la couleur du texte de l'annonce, cliquez sur l'échantillon de couleur du texte et choisissez une couleur.
  8. Cliquez sur Save (Enregistrer).

Diaporama

Vous pouvez créer un diaporama de page d'accueil qui fasse défiler jusqu'à cinq diapositives d'image ou de vidéo.

Il est préférable d'utiliser des images haute définition pour vos diapositives. Utilisez des images de 4000 x 2200 px ou plus, mais ne dépassez pas les limites de chargement 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.
  • Touches centrales – Définissez la position des boutons sur vos diapositives.
  • Afficher la superposition - Ajoutez une couche de couleur sur vos diapositives. Une superposition peut rendre le texte du diaporama plus facile à lire.
  • Couleur de superposition - Définissez la couleur de votre superposition.
  • Opacité – Définissez l'opacité de votre superposition.
  • Image – Ajoutez une image à afficher dans votre diaporama.
  • Alignement de l'image - Choisissez la zone de l'image la plus importante sur laquelle vous concentrer dans le diaporama.
  • Lien vidéo - Ajoutez le lien YouTube pour votre vidéo.
  • Image de couverture – Ajoutez une image de couverture pour la diapositive de votre vidéo. L'image de couverture indique lorsque la vidéo n'est pas en cours de lecture
  • Titre - Ajoutez un titre à votre diapositive.
  • Titre de la diapositive - Ajoutez un titre à votre diapositive. Lorsque vous avez plus d'une diapositive, il s'affiche en bas du diaporama.
  • Texte de bouton - Ajoutez un bouton avec une étiquette de 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.

Ajouter un diaporama à votre page d'accueil

  1. Cliquez sur Add section (Ajouter une section).
  2. Cliquez sur Diaporama, puis sur Sélectionner.
  3. Utilisez les paramètres pour personnaliser votre diaporama.

  4. 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
  • inscription à la newsletter
  • effet de défilement parallaxe
  • jusqu'à deux menus

Personnaliser le pied de page

  1. Cliquez sur Pied de page.
  2. Ajoutez des icônes de médias sociaux à votre pied de page en cochant l'option Afficher les icônes de médias sociaux. Vous pouvez relier ces icônes à vos comptes de médias sociaux à partir des paramètres des médias sociaux.
  3. Ajoutez des icônes de paiement (MasterCard, PayPal…) à votre pied de page en cochant l'option Afficher les icônes de paiement. 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.
  4. Pour ajouter un champ d'inscription à votre newsletter à votre pied de page, suivez les étapes suivantes :

    1. Cochez l'option Afficher l'inscription à la newsletter.
    2. Saisissez un titre pour l'inscription à la newsletter dans le champ Titre. Le texte par défaut est « Inscrivez-vous pour recevoir les mises à jour ».
    3. Saisissez un sous-titre pour l'inscription à la newsletter dans le champ Sous-titre. Le sous-titre par défaut est : « Des promotions, des nouveaux produits et des soldes directement dans votre boîte de réception. ».
  5. Pour ajouter un menu à votre pied de page, procédez comme suit :

    1. Sous Contenu, cliquez sur Ajouter un menu.
    2. 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.
  6. Cliquez sur Save (Enregistrer).

Pages de produits

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

  • Afficher le sélecteur de quantité – donnez aux utilisateurs la possibilité de préciser une quantité à ajouter à leur panier.
  • Afficher les étiquettes de variantes - Affichez les étiquettes de variantes, comme « Taille » et « Couleur » au-dessus des menus déroulants des variantes. Les étiquettes de variantes qui s'affichent sont basées sur les noms d'options de variante du produit.
  • Afficher le fournisseur du produit - 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 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.
  • Afficher les boutons de partage social – Affichez des boutons que vos clients peuvent utiliser pour partager vos 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.

Support multimédia

  • Activer la vidéo en boucle – Vidéos en boucle sur les produits. Si cette option est désélectionnée, un bouton de lecture apparaît sur les vidéos au moment où elles se terminent.
  • Masquer les supports multimédias de la variante dans la galerie – Sélectionnez cette option pour empêcher les supports multimédias de la variante de s’afficher dans la galerie en bas de la page. Lorsque cette option est activée, les seuls supports multimédias affichés sont ceux qui ne sont pas associés à une variante.

Modifier les paramètres des pages de produits

  1. Sélectionnez Product pages (Pages de produits).
  2. Cliquez sur la section Pages de produit.
  3. Utilisez les paramètres pour personnaliser la section des pages de vos produits.
  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.
    2. Facultatif : ajoutez un espacement entre les images du produit en sélectionnant Activer l’espacement entre les images.
  5. 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 :

  • Activer le filtrage par balise – Ajoutez un filtre que les clients peuvent utiliser pour afficher les produits d'une collection avec une certaine balise. Pour que le filtre s'affiche sur une page de collection, vous devez ajouter des balises aux produits de cette collection.
  • Activer le tri de la collection – Ajoutez un menu que les clients peuvent utiliser pour trier une collection de différentes manières, par ordre alphabétique ou par prix, par exemple.
  • Style de grille – Définissez la mise en page de vos produits sur la page.
  • Afficher l'image de la collection - Affichez l'image de la collection en haut de la page de la collection.
  • Activer l’espacement entre les images – Sélectionnez cette option pour augmenter l’espace entre les images.
  • Afficher le distributeur du produit – Affichez la marque ou le fournisseur du produit.

Personnaliser vos pages de collections

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

Page de panier

La section Page du panier est la section principale personnalisable du panier de votre boutique en ligne. À la page du panier, vous pouvez activer les notes de panier pour permettre à vos clients d’inclure des instructions spéciales à leurs commandes.

Activer les notes de commande

  1. Sélectionner Cart (Panier).
  2. Cliquez sur la section Pages du panier.
  3. Sélectionnez Activer les notes de panier.
  4. Cliquez sur Save (Enregistrer).

Conseil Vous pouvez définir le style tiroir pour votre panier à partir des paramètres de thème relatifs au tiroir du panier. Un tiroir de panier glisse à partir du côté droit de la page, ce qui permet aux clients d'ajouter des produits au panier sans quitter la page du produit.

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 une collection à afficher dans la section.
  • Activer l’espacement entre les images – Sélectionnez cette option pour augmenter l’espace entre les images.
  • Titre - Ajoutez le texte qui apparaît au-dessus des produits de la collection. Le texte par défaut est Collection en vedette.
  • Afficher les distributeurs du produit - Affichez le distributeur de chaque produit sous le titre du produit.
  • Montrer le bouton « Afficher tout » - Sélectionnez cette option pour ajouter un bouton Afficher tout sous la dernière ligne de la section. Les clients peuvent cliquer sur ce bouton pour afficher toute la collection.
  • Utiliser le style de bouton secondaire – Affichez le bouton en tant que bouton transparent avec un contour plein.
  • Style de grille – Définissez la mise en page de vos produits sur la page.
  • 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.

Ajouter une collection en vedette à votre page d'accueil

  1. Cliquez sur Add section (Ajouter une section).
  2. Cliquez sur Collections en vedette, puis sur Sélectionner.
  3. Cliquez sur Sélectionner une collection, puis sélectionnez une collection dans la liste Collection.
  4. Utilisez les paramètres pour personnaliser la section de votre collection en vedette.
  5. Cliquez sur Save (Enregistrer).

Galerie

La section Galerie est une série de trois images maximum. Vous pouvez choisir l'une des 13 icônes personnalisées à afficher sur chaque image. Si vous le souhaitez, vous pouvez également lier chaque image à une URL ou à une page de votre boutique.

La section d'image avec texte comprend les paramètres suivants :

Contenu

  • Image – Ajoutez une image à afficher dans la section.
  • Alignement de l’image – Choisissez comment vous souhaitez aligner l’image dans la section. Si vous ne souhaitez pas afficher d’icône, sélectionnez « Aucune » dans la liste Icône.
  • Icône – Ajoutez une icône à afficher sur l’image.
  • Légende – Saisissez du texte à afficher sur l’image.
  • Lien - Collez un lien vers une URL ou cliquez dans le champ pour sélectionner une page de votre boutique.

Paramètres

  • Hauteur de la section - Choisissez la taille souhaitée pour cette section.
  • Afficher la superposition - Ajoutez une couche de couleur sur votre image. Une superposition peut faciliter la lecture du texte.
  • Couleur de superposition - Définissez la couleur de la superposition.
  • Couleur du texte – Définissez la couleur de votre titre et de votre texte. Si l’image de fond est sombre, choisissez une couleur de texte claire pour faciliter la lecture du texte.
  • Opacité – Définissez l'opacité de votre superposition.

Ajouter une galerie à votre page d’accueil

  1. Cliquez sur Add section (Ajouter une section).
  2. Cliquez sur Galerie, puis cliquez sur Sélectionner.
  3. Pour ajouter l'image, 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.
  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.

  6. Utilisez les paramètres pour personnaliser la section de la galerie.

  7. Cliquez sur Save (Enregistrer).

Image avec texte

Narrative comprend une section Image avec texte qui vous permet de montrer à vos clients une image accompagnée d'un message personnalisé.

Vous pouvez sélectionner un alignement d'image pour vous assurer que les parties importantes de l'image ne sont pas coupées lorsqu'elles sont affichées sur des appareils mobiles. Par exemple, si vous ne voulez jamais recadrer le bas de l'image parce qu'il montre le produit que vous vendez, vous pouvez choisir un alignement inférieur centré pour vous assurer que cette partie de l'image ne sera pas coupée.

La section d'image avec texte comprend les paramètres suivants :

Paramètres

  • Hauteur de la section - Choisissez la taille souhaitée pour cette section.
  • Couleur de fond – Définissez une couleur d’arrière-plan pour la section.

Image

  • Image – Ajoutez une image à afficher dans la section.
  • Style d’image – Choisissez le style de rognage de l’image. Choisissez Aucun pour laisser l’image non coupée.
  • Position de l’image – Choisissez l’alignement de l’image dans le cadre.

Texte

  • Titre – Ajoutez un titre à la section.
  • Texte – Ajoutez du texte à la section.
  • Utiliser le style de bouton secondaire – Affichez le bouton en tant que bouton transparent avec un contour plein.
  • Texte du bouton – Ajoutez un bouton avec un texte de bouton à la section.
  • 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.

Alignement de l'image

  • Bureau – déterminez si l’image de la section apparaît à gauche ou à droite lorsqu’elle est vue depuis un ordinateur de bureau.
  • Mobile – déterminez si l’image de la section apparaît en premier ou en second lorsqu'elle est vue à partir d’un appareil mobile.

Ajouter une image avec du texte à une page d'accueil

  1. Cliquez sur Add section (Ajouter une section).
  2. Cliquez sur Image avec texte, puis sur Sélectionner.
  3. 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.
  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.

  6. Utilisez les paramètres pour personnaliser votre section Image avec texte.

  7. Cliquez sur Save (Enregistrer).

Image avec calque texte

Vous pouvez afficher un message personnalisé à vos clients sur votre page d’accueil à l’aide de la section image avec superposition de texte. Votre message peut décrire un produit, partager une annonce ou souhaiter la bienvenue aux clients de votre boutique.

La section Image avec calque texte comprend les paramètres suivants :

Paramètres

  • Espacement entre les sections – Choisissez la taille souhaitée pour cette section, soit petite, moyenne, grandeou très grande.
  • Image – Ajoutez une image à afficher dans la section.
  • Alignement de l’image – Choisissez comment vous souhaitez aligner l’image dans la section.

Texte

  • Titre – Ajoutez un titre à votre section.
  • Texte - Ajoutez du texte corps à votre section.
  • Taille du texte – Définissez la taille de l’en-tête et du corps du texte.
  • Utiliser le style de bouton secondaire – Affichez le bouton en tant que bouton transparent avec un contour plein.
  • Texte du bouton – Ajoutez un bouton avec un texte de bouton à la section.
  • 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.

Superposition

  • Afficher la superposition - Ajoutez une couche de couleur sur votre image. Une superposition peut faciliter la lecture du texte.
  • Couleur de superposition - Définissez la couleur de la superposition.
  • Couleur du texte – Définissez la couleur de votre titre et de votre texte. Si l’image de fond est sombre, choisissez une couleur de texte claire pour faciliter la lecture du texte.
  • Opacité – Définissez l'opacité de votre superposition.

Ajouter une image avec une superposition de texte à une page d'accueil

  1. Cliquez sur Add section (Ajouter une section).
  2. Cliquez sur Image avec superposition de texte, puis sur Sélectionner.
  3. 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.
  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.

  6. Utilisez les paramètres pour personnaliser votre section.

  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 à la newsletter dans le champ En-tête.
  4. Saisissez un sous-titre pour l'inscription à la newsletter dans le champ Sous-titre.
  5. Saisissez un message de réussite dans le champ Message de réussite. Le message de réussite s'affichera lorsque les clients auront validé leur adresse e-mail. Le message par défaut est : « Merci pour votre abonnement ».
  6. Paramétrez la couleur du texte du champ d'inscription à la newsletter en cliquant sur l'échantillon Couleur du texte et sélectionnez celle que vous désirez.
  7. Paramétrez la couleur d'arrière-plan du champ d'inscription à la newsletter en cliquant sur l'échantillon Couleur d'arrière-plan et sélectionnez celle que vous désirez.
  8. 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).

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 découvrir comment copier le lien de partage d'une vidéo YouTube, consultez cet article de l'Aide 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 :

Paramètres

  • Titre - Ajoutez le texte qui apparaît au-dessus du bouton de lecture.
  • Lien de la vidéo – Ajoutez le lien de partage de votre vidéo.

Couverture

  • Image – Ajoutez une image qui apparaît dans la section vidéo lorsque la vidéo n'est pas en cours de lecture.
  • Position de l’image – choisissez le placement de l’image dans la section vidéo.

Superposition

  • Afficher la superposition -ajoutez une couche de couleur entre l’image de votre espace réservé et l’étiquette du bouton. Une superposition facilite la lecture du texte sur une vidéo et s’affiche jusqu’à ce que l’utilisateur clique sur le bouton de lecture.
  • Superposition - Définissez la couleur de la superposition.
  • Texte – définissez la couleur du titre et du bouton lecture.
  • Opacité – Définissez l'opacité de votre superposition.

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. Collez le lien de partage de votre vidéo dans le champ Lien vidéo.
  4. Utilisez les paramètres pour personnaliser votre section vidéo.
  5. Cliquez sur Save (Enregistrer).

Curseur intégré

Le curseur en vedette vous permet de présenter plus d’informations sur les produits sur la page d’accueil.

Vous pouvez afficher les fonctionnalités du produit, une nouvelle collection ou les variantes d'un produit. Le diaporama fonctionne mieux avec un petit nombre de diapositives, car le défilement de la page est verrouillé pendant la navigation de l'ensemble du bureau.

Il faut appuyer sur le curseur intégré ou le pincer pour l'ouvrir et l'afficher sur des appareils mobiles. Pour inciter vos clients mobiles à ouvrir le curseur intégré, utilisez une image de couverture attrayante et du texte « appelant à l'action ».

Vous pouvez ajouter jusqu'à 5 diapositives à un curseur intégré.

Personnaliser le curseur en vedette

  1. Cliquez sur Add section (Ajouter une section).
  2. Cliquez sur Curseur intégré, puis sur Sélectionner.
  3. Utilisez les paramètres pour personnaliser la section de votre curseur intégré.
  4. Cliquez sur Save (Enregistrer).

Ajouter une diapositive d’image

  1. Dans la zone Contenu, cliquez sur Diapositive.
  2. Cliquez sur l'échantillon Couleur de fond pour sélectionner une couleur de fond dans une palette.
  3. 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.
  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.

  6. Dans la zone Titre, tapez le texte que vous souhaitez afficher sur la diapositive.

  7. Dans le champ Étiquette de bouton, tapez le texte que vous voulez voir apparaître sur le bouton.

  8. Dans le champ Lien du bouton, sélectionnez une URL ou une page de votre boutique à laquelle vous souhaitez lier le bouton. 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 les paramètres du curseur intégré

  1. Si vous souhaitez afficher les boutons de diapositive en transparence avec un contour plein, cochez la case Utiliser le style de bouton secondaire.
  2. Si vous souhaitez modifier la couleur du texte, cliquez sur l'échantillon Couleur du titre de la diapositive pour sélectionner une couleur dans une palette.
  3. Dans la zone Paramètres de couverture, sélectionnez une image de couverture pour la section du curseur intégré en cliquant sur Sélectionner une image, puis en procédant de l'une des manières 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.

  6. Dans la liste En-tête, saisissez le texte que vous souhaitez voir apparaître sur l'image de couverture.

  7. Dans la liste Position du titre, sélectionnez si le texte de titre s'affichera à gauche ou au centre de l'image de couverture. Ce paramètre s'applique uniquement aux vues de bureau.

  8. Dans la zone Superposition, cochez Afficher la superposition.

  9. Cliquez sur l'échantillon Couleur de superposition pour sélectionner une couleur pour la superposition d'image.

  10. Cliquez sur l'échantillon Couleur du texte pour sélectionner une couleur pour le texte.

<aside class="note note-information">
<h4>Conseil</h4>
<p>If the background image is dark, picking a light text color makes the text easier to read.</p>
</aside>
  1. Dans la liste Opacité, sélectionnez un niveau de transparence pour la superposition d'image.

  2. Cliquez sur Save (Enregistrer).

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

Essayez gratuitement