Sections d'Express

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

Sections statiques

Express inclut les sections statiques suivantes :

  • En-tête
  • Pied de page
  • Produit
  • Recommandations de produits

Sections dynamiques

Express inclut les sections dynamiques suivantes :

  • Collections en vedette
  • Produit en vedette
  • Contenu personnalisé
  • Image avec texte

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
  • Recherche

Ajouter un logo personnalisé

Vous pouvez ajouter une image personnalisée de logo à l’en-tête de votre boutique. Le meilleur format est un fichier .png doté d'un arrière-plan transparent. La largeur maximale d’un logo doit être de 180 px. Vous pouvez redimensionner l’image du logo en augmentant ou en diminuant sa largeur.

  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. Utilisez le curseur de la largeur personnalisée du logo pour en personnaliser la largeur. 8. 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. 5. Dans la zone Barre d’annonces, cochez Afficher l’annonce. 6. Saisissez le texte de votre annonce. 7. Facultatif : saisissez une URL pour ajouter un lien à votre annonce. 8. Facultatif : dans le menu Icône , sélectionnez une icône à afficher dans la barre d’annonces. L’icône utilise la même couleur que votre texte d’annonce. 9. Pour changer la couleur de l’arrière-plan de la barre d’annonces, cliquez sur l’échantillon de couleur de la barre et choisissez une couleur. 10. Pour modifier la couleur du texte de l’annonce, cliquez sur l’échantillon de couleur du texte et choisissez une couleur. 11. 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).

Activer la recherche

Vous pouvez ajouter une option de recherche à votre en-tête afin que les clients puissent facilement localiser les articles dans votre boutique.

  1. Cliquez sur En-tête. 2. Activez Afficher la recherche. 3. 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 paiement
  • un menu
  • inscription à la newsletter
  • une section de texte contenant des informations sur votre entreprise
  • icônes de médias sociaux
  • sélecteur de langue

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, une inscription à la newsletter ou un texte

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

    Vous pouvez ajouter jusqu'à 4 blocs de contenu.

    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. Cliquez sur Paramètres du thème.

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

    1. Pour modifier le style des boutons de partage, sélectionnez Entièrement marqué ou Logo uniquement dans le menu Style de bouton.
  2. Cliquez sur Save (Enregistrer).

Ajouter un sélecteur de langue

Vous ne devez ajouter un sélecteur de langue que si vous avez activé plusieurs langues pour la boutique.

  1. Cliquez sur Sections.

  2. Cliquez sur Pied de page.

  3. Sous Sélecteur de langue, sélectionnez Afficher le sélecteur de langue.

  4. Cliquez sur Save (Enregistrer).

Produit

La page de produit apparaît lorsqu’un acheteur clique sur un produit dans une collection en vedette. Il affiche la description, le prix, les variantes et les images de votre produit. Vous pouvez choisir d’orienter les utilisateurs vers une nouvelle page ou d’afficher les détails du produit dans un superposition sur la page d’accueil. Ce paramètre est contrôlé par les paramètres de votre thème. Lorsque l'option Afficher les pages de produits dans une superposition est activée, la page du produit s’affiche sous la forme d’une superposition lorsqu’un produit est sélectionné dans une collection en vedette.

La section Produit comprend les paramètres suivants :

  • Afficher le sélecteur de quantité – donnez aux utilisateurs la possibilité de préciser une quantité à ajouter à leur panier.
  • 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 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 pages de produits dans une superposition - Sélectionnez cette option pour afficher les détails d'un produit dans une superposition sur la page en cours. Cette superposition apparaît lorsqu’un produit est sélectionné dans une collection 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. Ces boutons sont contrôlés par vos paramètres de votre thème.

Modifier les paramètres de produit

  1. Cliquez sur Produit. 2. Utilisez les paramètres pour personnaliser la page de votre produit. 3. 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.

Si l’option Afficher les pages de produits dans une superposition est activée pour votre page de produit, les produits apparaissent dans une superposition sur la page en cours lorsque vous y accédez à partir de cette section.

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 : si vous souhaitez permettre aux clients d’ajouter des produits au panier directement à partir de la section Recommandations de produits, sélectionnez Activer le bouton « Achat rapide ».
    2. Facultatif : pour afficher ou masquer les distributeurs dans les descriptions de produits, activez la case à cocher Afficher le distributeur.
  5. Cliquez sur Save (Enregistrer).

Collections en vedette

Vous pouvez présenter plusieurs collections dans une seule section de votre page d’accueil. Les collections s’affichent sous la forme d’onglets entre lesquels les clients peuvent naviguer.

Lorsqu’un client ajoute à son panier un ou plusieurs produits d’une collection en vedette, la quantité ajoutée s’affiche sous la forme d’un badge sur le produit.

Section de collection en vedette contenant plusieurs collections. Les noms des collections apparaissent sous forme d'onglets cliquables le long du haut de la section.

La section de la collection en vedette comprend les paramètres suivants :

  • Collection - Choisissez les collections que vous souhaitez inclure dans la section Collections en vedette.
  • Taille de la liste des collections – Choisissez le nombre de produits à afficher par défaut. Ce paramètre s’applique à toutes les collections de la section Collections en vedette. - Petite – 6 produits

    • Moyenne – 18 produits
    • Grande – 36 produits
  • Style d’image – Choisissez le style de recadrage pour les images de produits dans les collections. Ce paramètre s’applique à toutes les collections de la section.

Ajouter une section de collections en vedette à votre page d'accueil

  1. Sélectionnez Ajouter une section. 2. Cliquez sur Collections en vedette, puis sur Sélectionner. 3. Dans la zone de contenu, choisissez un bloc de collection ou Ajouter une collection. 4. Cliquez sur Sélectionner une collection. 5. Dans la liste Collection, sélectionnez la collection que vous souhaitez afficher dans l’onglet, puis cliquez sur Sélectionner.
To add a collection, click the **Add collection** link to open the [**Create collection**](/manual/products/collections) page in a new tab.

To add or remove products from the selected collection, click the **Edit collection** link to open the **Collections** page in a new tab.
  1. Répétez les étapes 3 à 5 pour ajouter d'autres collections à la section.
  2. Cliquez sur Save (Enregistrer).

Produit en vedette

Vous pouvez présenter un produit sur votre page d’accueil. La mise en vedette permet de promouvoir un produit nouveau ou soldé. Les clients peuvent afficher d’autres images de produits à l’aide des flèches gauche et droite en dessous de l’image.

La section du produit en vedette comprend les paramètres suivants :

  • Produit – Choisissez le produit que vous souhaitez mettre en vedette sur la page d’accueil.
  • Afficher le sélecteur de quantité – donnez aux utilisateurs la possibilité de préciser une quantité à ajouter à leur panier.
  • Afficher le distributeur – montrez la marque ou le distributeur du produit dans la section des produits en vedette. Pour qu’une marque ou un distributeur s’affiche, vous devez ajouter un distributeur au produit.
  • Afficher les boutons de panier 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. Ces boutons sont contrôlés par vos paramètres de votre thème.
  • Style d’image – Indiquez si vous souhaitez ajouter un recadrage carré ou circulaire à vos images de produits en vedette.

Ajouter une section de produits en vedette

  1. Cliquez sur Ajouter une section. 2. Cliquez sur Produit en vedette, puis sur Sélectionner. 3. Personnalisez la section de votre produit en vedette à l'aide des paramètres. 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.

La section Contenu personnalisé comprend les paramètres suivants :

  • Titre – Le titre de la section.
  • Mise en page pour appareils mobiles - La mise en page des blocs lorsqu'un utilisateur visite votre boutique sur un appareil mobile. Choisissez parmi les options suivantes : - Grille - Les blocs d'une largeur maximum de 50 % apparaissent sur la même rangée. Les conteneurs dont la largeur dépasse 50 % apparaissent dans leur propre rangée.
    • Pile – Chaque bloc apparaît dans sa propre rangée.
    • Curseur - Les blocs sont réduits en une seule section de style diaporama. Les clients peuvent cliquer sur les flèches de navigation pour afficher les blocs supplémentaires.

Vous pouvez choisir parmi les types de blocs suivants.

Types de blocs de contenu personnalisé
Type de bloc Paramètres
Texte

Titre – Ajoutez un titre au bloc de texte.

Texte – Ajoutez et formatez votre texte personnalisé.

Texte du bouton – Ajoutez au bloc un bouton avec une étiquette de texte.

Lien du bouton – Ajoutez le texte que vous souhaitez voir apparaître sur le bouton.

Taille du texte – Définissez la taille du texte.

Largeur du conteneur - Définissez la largeur du bloc.

Alignement vertical – Définissez la position verticale du contenu du bloc.

Alignement horizontal – Définissez la position horizontale du contenu du bloc.

Image

Image – Ajoutez une image à afficher dans le bloc. Vous pouvez mettre en ligne une image, utiliser une image déjà mise en ligne ou sélectionner une image dans la banque d'images gratuites Burst.

Largeur du conteneur - Définissez la largeur du bloc.

Alignement vertical – Définissez la position verticale du contenu du bloc.

Produit

Produit – Choisissez un produit à afficher dans le bloc. Le nom, l’image et le prix du produit s’affichent. Si le produit n’a pas d’image, son titre s’affiche dans le bloc.

Largeur du conteneur - Définissez la largeur du bloc.

Alignement vertical – Définissez la position verticale du contenu du bloc.

Si l’option Afficher les pages de produits dans une superposition est activée pour votre page de produit, les produits apparaissent dans une superposition sur la page en cours lorsque vous y accédez à partir de cette section.

Collection

Collection – Sélectionnez une collection à afficher dans le bloc. Le titre de la collection et l’image vedette sont affichés. S’il n’y a pas d’image vedette, une image du premier produit de la collection s’affiche. Si les produits de la collection n’ont pas d’images, le titre de la collection s’affiche dans le bloc.

Largeur du conteneur - Définissez la largeur du bloc.

Alignement vertical – Définissez la position verticale du contenu du bloc.

Menu

Menu - Sélectionnez le menu à afficher dans le bloc.

Titre – Ajoutez un titre au menu.

Largeur du conteneur - Définissez la largeur du bloc.

Alignement vertical – Définissez la position verticale du contenu du bloc.

Alignement horizontal – Définissez la position horizontale 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).

Image avec texte

Avec Express, vous pouvez ajouter une image avec du texte affiché à droite ou à gauche de l’image. Vous pouvez également ajouter un bouton qui renvoie à une autre page.

Vous pouvez utiliser une section d'image avec texte pour promouvoir un produit ou une collection spécifique.

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

  • Image – Ajoutez une image à inclure dans la section. Vous pouvez mettre en ligne une image, utiliser une image déjà mise en ligne ou sélectionner une image dans la banque d'images gratuites Burst.
  • Titre – Ajoutez le texte principal à associer à l’image.
  • Texte – Ajoutez le texte secondaire à associer à l’image. Ce texte s’affiche sous le titre.
  • Étiquette du bouton – Ajoutez le texte que vous souhaitez voir apparaître sur le bouton.
  • 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.

Options de mise en page

  • Bureau – déterminez si l’image de la section apparaît à gauche ou à droite lorsqu’elle est vue depuis un ordinateur de bureau. Pour afficher l’image à gauche, sélectionnez Image en premier.
  • 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.
  • Arrière-plan secondaire – déterminez si vous souhaitez ajouter une couleur d'arrière-plan secondaire à la section. Sélectionnez Partielle pour ajouter la couleur d’arrière-plan aux trois cinquièmes supérieurs de la section. Cette couleur est modifiable dans les paramètres du thème.
  • Taille du texte – choisissez la taille relative de l’en-tête et du texte dans la section.
  • Conserver le rapport d'aspect de l'image – sélectionnez cette option pour empêcher le recadrage de l’image que vous avez sélectionnée. Si vous ne cochez pas cette option, l’image est recadrée sous forme de carré.
  • Activer la couleur du texte secondaire – sélectionnez cette option pour utiliser la couleur du texte de l’arrière-plan secondaire pour le titre et le texte. Cette couleur est modifiable dans les paramètres du thème.

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

  1. Cliquez sur 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.
    • 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. Personnalisez la section à l'aide des paramètres. 5. Cliquez sur Save (Enregistrer).

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

Essayez gratuitement