Sections pour Venture

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

Venture inclut les sections statiques suivantes :

  • En-tête
  • Diaporama
  • Pied de page
  • Pages de produits
  • Pages de collection
  • Page de liste des collections
  • Produits présentés sur la page du blog
  • Contenu de l'article
  • Page de panier

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.

Venture inclut les sections dynamiques suivantes :

  • Articles de blog
  • Liste des collections
  • Collection en vedette
  • Galerie
  • Image avec texte
  • Image avec lien texte
  • Liste des logos
  • Blocs de liens multiples
  • Produit en vedette
  • Newsletter
  • Carte
  • Recherche
  • Texte enrichi
  • Témoignages
  • Colonnes de texte et images
  • Vidéo
  • Code HTML personnalisé

En-tête

Avec Venture, vous pouvez ajouter les éléments suivants à votre en-tête :

  • Une image de logo
  • Un menu de navigation
  • Une barre d'annonces

Ajouter un logo personnalisé

  1. À côté de Venture, cliquez sur Personnaliser.
    1. Cliquez sur En-tête. 5. Dans la zone Image du 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 sur l’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. 6. Saisissez la largeur du logo dans le champ Largeur personnalisée du logo (en pixels). 8. Cliquez sur Save (Enregistrer).

Ajouter une barre d’annonces

<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></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></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></ol></div>
</div>



1. À côté de **Venture, cliquez sur Personnaliser**.
  1. Cliquez sur En-tête.

  2. Dans la zone Barre d'annonces, cochez la case Afficher l'annonce.

  3. Saisissez le texte de votre annonce dans le champ Texte.

  4. Si vous souhaitez lier le texte à une page de votre boutique, cliquez sur le champ Link (Lien) et sélectionnez une page dans la liste.

  5. Si vous souhaitez lier le texte à un autre site web, collez l’URL du site dans le champ Link (Lien).

  6. 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. À côté de Venture, cliquez sur Personnaliser.

  2. Cliquez sur En-tête.

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

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

  5. Cliquez sur Save (Enregistrer).

Afficher ou masquer les images de collection dans le menu

Vous pouvez afficher des images de produits dans une collection du menu déroulant Venture. De cette façon, si un client voit un article qui lui plaît dans le menu, il peut aller directement à la page du produit sans devoir chercher cet article sur la page de collection.

L'en-tête avec un menu sélectionné. Les images des produits de la collection apparaissent dans le menu.

Pour afficher des images de produits à partir d’une collection, votre menu doit répondre aux critères suivants :

  • Votre menu doit disposer d'éléments de menu imbriqués.
  • L’article de niveau supérieur doit être une collection.
  • Lorsque vous ajoutez la collection de niveau supérieur au menu, vous devez la sélectionner dans le menu Link (Lien). Si vous saisissez manuellement l’URL de la collection dans le champ Link (Lien), les images n’apparaîtront pas.

Si votre menu ne répond pas à ces critères, le menu de navigation supérieur affichera des liens à la place des images des produits.

Pour masquer les images de produits au niveau supérieur d’un menu imbriqué, saisissez manuellement l’URL de la collection dans le champ Link (Lien).

Pied de page

Avec Venture, vous pouvez ajouter les éléments suivants à votre pied de page :

  • menus
  • icônes de médias sociaux
  • inscription à la newsletter
  • texte

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. À côté de Venture, cliquez sur Personnaliser.

  2. Cliquez sur Pied de page.

  3. Cochez Afficher les icônes de paiement.

  4. Cliquez sur Save (Enregistrer).

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

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

  2. Cliquez sur Pied de page.

  3. 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
  • Newsletter
  • Texte

    - Comptes sociaux

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

Ajouter des icônes de médias sociaux

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

  2. Cliquez sur Paramètres du thème.

  3. Cliquez sur Médias sociaux.

    1. Pour mettre en ligne une image de partage social, dans la zone Image de partage social, cliquez sur Sélectionner une image ou Consulter les images gratuites.
  4. Pour ajouter des boutons de partage social à vos produits et à vos articles de blog, cochez l’une des options suivantes :

- Partager sur Facebook - Tweeter sur Twitter - Épingler sur Pinterest (non disponible pour le partage d'articles de blog)

  1. Pour ajouter des liens vers vos comptes de médias sociaux, saisissez les liens vers vos comptes dans les champs fournis sous Comptes. Saisissez les liens en entier, tels que https://instagram.com/shopify ou https://twitter.com/shopify.

  2. Cliquez sur Save (Enregistrer).

Diaporama

Avec Venture, vous pouvez afficher un grand diaporama sur votre page d'accueil. Le diaporama est toujours situé juste en dessous de l'en-tête de la page d'accueil. Vous ne pouvez pas déplacer la section de diaporama sur la page comme vous pouvez le faire avec d'autres sections.

Chaque diapositive peut avoir un titre et un sous-titre, et le texte peut être lié à n'importe quelle page.

La taille recommandée pour vos images de diaporama est de 1 800 x 1 000 px. Le diaporama de Venture est réactif, ce qui signifie qu'il va redimensionner et recadrer vos images dynamiquement en fonction de l'appareil que votre client utilise pour afficher votre boutique. Pour obtenir plus d'informations sur l'optimisation de vos images, voir Meilleures pratiques pour les images.

Pour créer votre diaporama :

  1. Cliquez sur l'onglet Sections.

  2. Cliquez sur Diaporama.

  3. Pour mettre en ligne une image de diapositive, cliquez sur Diapositive.

  4. 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. Pour modifier la partie de l'image dans le diaporama, cliquez sur la liste déroulante position Image position (Position de l'image).

  2. Dans la zone Titre, tapez le titre que vous souhaitez voir apparaître sur la diapositive.

  3. Dans le champ Sous-titre, tapez le texte de sous-titre que vous souhaitez afficher sous le titre.

  4. Si vous souhaitez lier le texte de votre diapositive à une page de votre boutique, cliquez sur le champ Lien de la diapositive et sélectionnez une page.

  5. Si vous souhaitez lier le texte de votre diapositive à un site web, collez l'URL du site web dans le champ Lien de diapositive.

  6. Répétez les étapes 3 à 9 pour chaque image que vous souhaitez ajouter à votre diaporama.

  7. Cliquez sur Save (Enregistrer).

Les paramètres s'affichent en haut de la section de diaporama. Celles-ci incluent : * Slide height (Hauteur des diapositives) vous permet de choisir la hauteur du diaporama. * La case à cocher Auto-rotate slides (Autoriser la rotation automatiquement des diapositives) vous permet d'activer la rotation automatique. Le cas échéant, votre diaporama changera automatiquement, sans que les clients aient besoin de cliquer manuellement. * Change slides every (Changer de diapositive toutes les) vous permet de choisir le nombre de secondes pendant lesquelles chaque diapositive s'affichera si la rotation automatique est activée.

Liste des collections

Sur les ordinateurs de bureau et les tablettes, vous pouvez afficher jusqu'à six collections sélectionnées sur votre page d'accueil.

Sur les appareils mobiles, la section des collections sélectionnées affiche le menu principal de votre boutique par défaut. Cela permet aux clients utilisant des appareils mobiles d'accéder plus facilement à l'inventaire complet de votre boutique.

Vous pouvez cocher la case paramètres pour que vos images de collection remplissent toutes leurs vignettes. Si vous choisissez cette option, il peut être nécessaire de modifier les couleurs des titres des collections sélectionnées dans les paramètres de votre thème Couleurs.

Pour ajouter des collections à une page d'accueil :

  1. Cliquez sur l'onglet Sections.

  2. Cliquez sur Liste de collection.

  3. Dans la zone Contenu, cliquez sur Collection pour la dérouler.

  4. Sélectionnez une collection à afficher dans la liste Collection.

  5. Si vous souhaitez ajouter d'autres collections, cliquez sur Ajouter une collection.

  6. Pour agrandir les images de collection afin de remplir leurs titres, cochez Utiliser une image de collection secondaire.

  7. Cliquez sur Save (Enregistrer).

Produit en vedette

Dans cette section, vous pouvez sélectionner les collections dont vous souhaitez mettre en évidence les produits et le nombre de lignes de produits que vous souhaitez afficher dans chaque collection.

  1. Cliquez sur l'onglet Sections.

  2. Cliquez sur Collection en vedette.

  3. Dans la liste Collection, sélectionnez la collection qui contient les produits que vous souhaitez sélectionner.

  4. Déplacez le curseur Lignes pour sélectionner le nombre de lignes de produits à afficher.

  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.

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

  1. À côté de Venture, 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-titre. 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).

Image avec texte

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

  1. Cliquez sur l'onglet Sections.

  2. Cliquez sur Image avec texte.

  3. Pour ajouter l'image, procédez comme suit :

    1. Cliquez pour agrandir la zone 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.
    3. 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.
    4. Pour sélectionner une image sur votre ordinateur local, cliquez sur l'onglet Bibliothèque, puis sur le bouton « plus ».
  4. Pour ajouter le texte, procédez comme suit :

    1. Cliquez pour agrandir la zone Image avec texte.
    2. Dans la zone Titre, tapez le texte que vous souhaitez afficher.
    3. Dans le champ Texte, tapez le texte que vous souhaitez afficher sous le titre.
    4. Dans la zone Alignement du texte, sélectionnez la manière dont vous souhaitez aligner le texte sur l'image.
  5. Cliquez sur Save (Enregistrer).

Pages de produits

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

  • Un message indiquant le stock restant lorsque l'inventaire est bas
  • Un bouton de paiement dynamique
  • Des icônes de partage social
  • Recommandations de produits

Vous pouvez également choisir si les clients restent sur la page du produit au lieu d'accéder à la page du panier lorsqu'ils cliquent sur le bouton Ajouter au panier.

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 Pages du produit.

  4. Si vous souhaitez que les clients restent sur la page du produit au lieu d'accéder à la page du panier lorsqu'ils cliquent sur le bouton Ajouter au panier, cochez la case Rester sur la page actuelle lorsque l'article est ajouté au panier.

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

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

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

  8. Cliquez sur Save (Enregistrer).

Ajouter ou supprimer des 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.

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

  2. Cliquez sur Product recommendations (Recommandations de produits).

  3. Utilisez la case à cocher Show dynamic recommendations (Afficher les recommandations dynamiques) pour afficher ou masquer les recommandations de produits sur vos pages de 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).

  5. Cliquez sur Save (Enregistrer).

Pages de collection

Vous pouvez activer le filtrage et le tri des collections sur vos pages de collection pour aider vos clients à trouver les produits qu'ils recherchent.

Activer le filtrage par balise de produit ajoute un menu en haut de votre page de collection. Les clients peuvent utiliser le menu pour voir uniquement les produits de la collection dont la balise est sélectionnée.

Le Centre d'aide Shopify contient plus d'informations sur le filtrage par balise de produit.

Activer le tri des collections ajoute un menu Trier par en haut de votre page de collection. Les clients peuvent utiliser le menu pour trier les produits de la collection des façons suivantes :

  • En vedette
  • Meilleures ventes
  • Par ordre alphabétique, de A à Z
  • Par ordre alphabétique, de Z à A
  • Prix, par ordre croissant
  • Prix, par ordre décroissant
  • Date, nouveau à ancien
  • Date, ancien à nouveau

Pour activer le filtrage et le tri sur vos pages de collection :

  1. Accédez à une page de produit dans l'éditeur de thème.

  2. Cliquez sur l'onglet Sections.

  3. Cliquez sur la section Pages de collection.

  4. Pour ajouter un menu Filtrer par à votre page de collection, cochez Activer le filtrage des balises.

  5. Pour ajouter un menu Trier par à votre page de collection, cochez Activer le tri.

  6. Cliquez sur Save (Enregistrer).

Page de panier

Les notes de commande permettent à vos clients d'inclure des instructions spéciales à leurs commandes. Le Centre d'aide Shopify contient plus d'informations sur les notes de commande.

Pour activer les notes de commande :

  1. Accédez à la page de votre panier dans l'éditeur de thème en ajoutant un produit au panier.

  2. Cliquez sur l'onglet Sections.

  3. Cliquez sur la section Pages du panier.

  4. Cochez Activer les notes de commande.

  5. Cliquez sur Save (Enregistrer).

Produits présentés sur la page du blog

Avec Venture, vous pouvez afficher des produits sélectionnés dans une collection de votre choix lorsque les clients consultent les pages de blog dans votre boutique. Par exemple, pour un article de blog sur la mode automnale, vous pouvez présenter les produits de votre collection d'automne sous l'article.

Pour afficher une collection sur les pages d'un blog :

  1. Accédez à une page de blog dans l'éditeur de thème.

  2. Cliquez sur l'onglet Sections.

  3. Cliquez sur la section Produits sélectionnés.

  4. Dans la liste Collection, sélectionnez une collection que vous souhaitez afficher.

  5. 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 Venture, cliquez sur Personnaliser.

  2. Cliquez sur Sections.

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

  4. Pour ajouter du texte au bouton Lecture, saisissez votre texte dans le champ Texte du bouton.

  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. Facultatif : Ajoutez une image de couverture à votre vidéo :

    1. Cliquez sur Sélectionner une image. Pour mettre une image en ligne depuis votre ordinateur, cliquez sur Mettre en ligne. Pour utiliser une image provenant de la banque d'images gratuites Burst, cliquez sur Images gratuites.
    2. Pour choisir l'alignement de l'image de couverture, sélectionnez une position dans le menu déroulant Position de l'image. Cette fonction vous permet de choisir quelle partie de l'image vous voulez garder visible lors du recadrage.
    3. Pour configurez la hauteur de votre image de couverture, sélectionnez Petite ou Grande dans le menu déroulant Hauteur de l'image.
  7. Facultatif : Ajoutez une superposition à vos vidéos :

Astuce : Une superposition est un calque de couleur appliqué entre le titre et la vidéo. Cela rend plus lisible le texte sur une vidéo. La superposition s'affiche jusqu'à ce que l'utilisateur appuie sur le bouton Lecture.

1. Cochez l'option Afficher la superposition. 2. Pour définir une couleur de superposition, cliquez sur la palette Superposition et choisissez une couleur. 3. Pour définir le niveau d'opacité de la superposition, sélectionnez un pourcentage à l'aide du curseur Opacité.

  1. 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. À côté de Venture, cliquez sur Personnaliser.

  2. Cliquez sur Ajouter une section.

  3. Cliquez sur Code HTML personnalisé, puis sur Ajouter.

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

  5. Cliquez sur Save (Enregistrer).

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

Essayez gratuitement