Sections de Minimal

Les sections sont des blocs de contenu personnalisables, qui déterminent la mise en page des différentes pages de votre boutique en ligne.

  • Les sections d'accueil incluent des fonctionnalités, telles que le diaporama ou l'inscription à la newsletter, que vous pouvez ajouter, réorganiser ou supprimer. Votre page d'accueil peut comporter jusqu'à 25 sections.

  • Chaque type de page possède ses propres sections. Par exemple, la section des pages de produits détermine la mise en page de chaque page de produit sur votre boutique en ligne.

  • Les sections de page se trouvent toujours à des endroits spécifiques de votre boutique en ligne. Vous pouvez les personnaliser, mais vous ne pouvez pas les réorganiser ni les supprimer.

  • Chaque thème comprend des sections fixes, telles que l'en-tête et le pied de page, qui s'affichent sur chaque page de votre boutique en ligne.

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

Minimal inclut les sections statiques suivantes :

  • En-tête
  • Pied de page
  • Pages de produits
  • Pages de collection
  • Page de liste des collections
  • Blog
  • 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.

Minimal inclut les sections dynamiques suivantes :

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

En-tête

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. Les images de logo doivent être de 450 x 200 px. Vous pouvez redimensionner l'image du logo en diminuant sa largeur.

Avec Minimal, vous pouvez également créer un message à l'intention de vos clients, qui s'affichera en haut de la page de votre boutique.

Votre message est entièrement personnalisé et peut inclure des coordonnées, des informations sur les événements ou les soldes de votre boutique, ou encore le slogan ou le message véhiculé par la marque de votre boutique.

Pour personnaliser la section de l'en-tête :

  1. Cliquez sur Sections.

  2. Cliquez sur En-tête.

  3. Dans la zone 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. - Pour sélectionner une image sur votre ordinateur local, cliquez sur l'onglet Bibliothèque, puis sur le bouton « plus ».

  1. Inscrivez la largeur du logo dans le champ Largeur personnalisée du logo (en pixels).

  2. Dans le Menu principal, sélectionnez le menu de navigation que vous souhaitez afficher dans l'en-tête de votre boutique dans la liste Menu.

  3. Si vous souhaitez afficher votre menu de navigation sous le logo de votre boutique, cochez Centrer le menu principal sous le logo.

  4. Si vous souhaitez aligner le logo de votre boutique sur la gauche de la page, cochez Aligner le logo à gauche.

  5. Si vous souhaitez afficher une petite ligne sous l'en-tête, cochez Afficher les lignes de séparation dans l'en-tête.

  6. Dans la section Barre supérieure, saisissez votre message personnalisé dans le champ de Texte de la barre supérieure.

  7. Si vous souhaitez afficher une barre de recherche dans votre en-tête, cochez Afficher la barre de recherche.

  8. 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 paiement
  • icônes de médias sociaux
  • inscription à la newsletter
  • texte personnalisé
  • lien vers la dernière publication de votre blog
  • un menu

La section pied de page d'un site web comprenant un menu, un champ d'inscription à la newsletter, un texte protégé par un copyright et des icônes des paiement.

Pour personnaliser la section de pied de page :

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

  2. Cliquez sur Sections.

  3. Cliquez sur Pied de page.

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

  5. Ajoutez jusqu'à 6 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 - Icônes de partage social - Inscription à la newsletter - Dernier article de blog - Texte

- Pour déplacer un bloc de contenu, cliquez sur l'icône ⁞⁞ et faites glisser le bloc vers un autre emplacement. - Pour retirer un bloc de contenu, cliquez sur celui-ci puis sur 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 du produit, vous pouvez ajouter ou supprimer les éléments suivants :

  • La marque ou le distributeur du produit
  • Un sélecteur de quantité
  • Le zoom sur image
  • Les onglets dans la description du produit
  • Des icônes de partage social
  • Produits associés
  • Un bouton de paiement dynamique
  • Recommandations de produits

Vous pouvez également définir la position de vos images miniatures et choisir la taille du sélecteur de variante, le bouton Ajouter au panier et le bouton de paiement dynamique.

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

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

  6. Pour choisir le type de zoom pour l'image sélectionnée, dans la liste Type de zoom, sélectionnez Lightbox, Zoom avant ou Aucun zoom.

  7. Pour définir la position des images miniatures de vos produits, dans le menu déroulant Position des images miniatures de produit, sélectionnez À droite de l'image principale ou Sous l'image principale.

  8. Pour utiliser les onglets dans la description de votre produit, effectuez les tâches suivantes :

    1. Cochez Afficher un onglet à côté de la description de votre produit. Cela affiche la description de votre produit sur un onglet et du contenu supplémentaire, tel qu'un tableau des tailles ou une politique de retour, sur un second onglet.
    2. Dans la zone Contenu de l'onglet, cliquez sur Sélectionner une page et choisissez une page avec le contenu que vous souhaitez afficher dans le second onglet.
  9. Pour afficher les icônes de partage social, cochez Activer le partage de produits.

  10. Pour afficher une sélection de produits associés au bas de la page, effectuez les tâches suivantes :

    1. Cochez Activer les produits associés.
    2. Pour afficher la marque du produit ou le distributeur des produits associés, cochez Afficher le distributeur.
    3. Pour afficher une icône de vente pour les produits associés en vente, cochez Afficher la vignette de vente.
    4. Pour afficher une icône d'article épuisé pour les produits associés en rupture de stock, cochez Afficher la vignette de produit épuisé.
    5. Pour centrer le texte du titre sur les produits associés, cochez Centrer le texte sous les images du produit.

    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.

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

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

  13. 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. Facultatif : choisissez la façon dont les recommandations de produits apparaissent en utilisant les cases à cocher :

- Afficher le fournisseur du produit - Afficher la vignette « Réduction » - Centrer le texte sous les images des produits

  1. Cliquez sur Save (Enregistrer).

Pages de collection

Minimal inclut les paramètres suivants qui vous permettent de personnaliser l'affichage des produits sur les pages de vos collection :

  • Afficher ou masquer une icône d'article soldé, une icône d'article épuisé et le nom du fournisseur du produit

  • Permettre à vos clients de sélectionner des options de tri et de filtrer les collections par balises de produits

  • Choisir si le texte sous chaque image de produit est centré ou aligné à gauche.

Pour définir la manière dont les collections s'affichent :

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

  2. Cliquez sur l'onglet Sections.

  3. Cliquez sur la section Pages de collection.

  4. Pour afficher le nom du fournisseur ou de la marque d'un produit, cochez Afficher le distributeur du produit.

  5. Pour afficher une icône d'article soldé, cochez Afficher la vignette de solde.

  6. Pour afficher une icône d'article épuisé, cochez Afficher la vignette de produit épuisé.

  7. Pour permettre aux clients de sélectionner un ordre de tri pour les produits d'une collection, cochez Activer le tri de la collection.

  8. Pour permettre aux clients de filtrer les résultats d'affichage par balise de produit, cochez Activer le filtrage par balise de produit.

  9. Pour afficher le texte directement sous l'image d'un produit, cochez Centrer le texte sous les images du produit.

  10. Cliquez sur Save (Enregistrer).

Blog

Si vous publiez des articles de blog provenant de plusieurs auteurs, vous souhaiterez peut-être afficher automatiquement le nom de l'auteur pour chaque article de blog.

¨Pour afficher l'auteur de l'article de 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 Blog.

  4. Cochez Afficher l'auteur de l'article de blog.

  5. Cliquez sur Save (Enregistrer).

Page de panier

Avec Minimal, vous pouvez laisser vos clients saisir des instructions avec leur commande en activant des notes de commande à la page du panier.

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 Page du panier.

  4. Cochez Activer les notes de commande.

  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.

Pour présenter une collection sur votre page d'accueil :

  1. Cliquez sur l'onglet Sections.

  2. Cliquez sur la section Collection en vedette.

  3. Si vous souhaitez modifier le texte affiché au-dessus de la collection, saisissez le texte dans le champ En-tête.

  4. Dans la liste Collection, sélectionnez la collection que vous souhaitez afficher. Pour ajouter une collection, cliquez sur le lien Ajouter une collection pour ouvrir la page Créer une collection dans un nouvel onglet.

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

  6. Dans la liste Lignes, sélectionnez le nombre de lignes de produits à afficher.

  7. Si vous souhaitez afficher le fournisseur ou le nom de la marque sous chaque image de produit, cochez Afficher le fournisseur du produit.

  8. Si vous souhaitez afficher une vignette sur les produits soldés, cochez Afficher la vignette de solde.

  9. Si vous souhaitez afficher une vignette sur les produits épuisés, cochez Afficher la vignette de produit épuisé.

  10. Si vous souhaitez centrer le texte du produit, cliquez sur Centrer le texte sous les images du produit.

  11. Cliquez sur Save (Enregistrer).

Diaporama

Vous pouvez créer un diaporama de page d'accueil, qui contient jusqu'à six images.

La section Diaporama du thème Minimal

La taille recommandée pour les diapositives est de 1 280 x 460 px.

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.
  • Rotation automatique des diapositives - Configurez la lecture automatique du diaporama.
  • Changer de diapositive toutes les – Sélectionnez la fréquence de changement des diapositives.
  • Effet de transition – Indiquez si vous souhaitez que les images glissent ou disparaissent.
  • Taille du texte – Définissez la taille du texte de votre diaporama.
  • Image – Ajoutez une diapositive d'image à votre diaporama.
  • Position de l'image - Choisissez la zone de l'image la plus importante sur laquelle vous concentrer dans le diaporama.
  • Opacité de superposition - Définissez l'ombre de la superposition d'image. Une superposition assombrit l'apparence de vos images et peut rendre le texte du diaporama plus facile à lire.
  • Couleur du texte – Définissez la couleur du texte du diaporama.
  • Alignement du texte - Alignez le texte par rapport aux diapositives.
  • Titre - Ajoutez un titre à votre diapositive.
  • Texte de bouton - Ajoutez un bouton avec une étiquette de texte à votre diapositive.
  • Lien du bouton -Liez votre bouton à une autre partie de votre boutique en ligne.

Ajoutez un diaporama à votre page d'accueil :

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

  2. Cliquez sur Diaporama.

  3. Utilisez les paramètres pour personnaliser votre diaporama.

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

La section newsletter sur un site web. Ce champ comprend une zone de texte pour que les clients y saisissent leur adresse e-mail, mais aussi un bouton « S'abonner ».

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

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

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

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.

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

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

  2. Cliquez sur Sections.

  3. Cliquez sur Ajouter une section.

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

  5. Cliquez sur HTML 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