Points clés
- Ajoute des sections depuis l’éditeur de thème : Personnaliser > Page d’accueil > Ajouter une section.
- Les types de sections disponibles dépendent de ton thème - tu ne peux pas ajouter des types qui ne sont pas dans la bibliothèque de ton thème.
- Sections courantes : bannière d’image, collection en vedette, texte enrichi, image avec texte, témoignages, vidéo.
- Pour les sections qui ne sont pas dans la bibliothèque de ton thème, utilise Fudge pour les créer en tant que code Shopify natif.
Pour ajouter une section à ta page d’accueil Shopify, ouvre Boutique en ligne → Thèmes → Personnaliser, clique sur Ajouter une section dans la barre latérale gauche et choisis un type de section. Tu ne peux ajouter que les types inclus dans ton thème ; pour le reste, il faut du code, une application ou Fudge.
Pourquoi vous pouvez nous faire confiance
Nous avons créé et optimisé des pages d’accueil pour des centaines de boutiques Shopify. Nous avons également conçu Fudge, l’opérateur IA pour les boutiques Shopify, avec une note de 4.9 sur le Shopify App Store.
Comment ajouter une section à votre page d’accueil Shopify
Étape 1. Depuis ton interface administrateur Shopify, va dans Boutique en ligne > Thèmes > Personnaliser.
Étape 2. Assure-toi que le sélecteur de page en haut indique Page d’accueil. Clique dessus et sélectionne Page d’accueil si nécessaire.
Étape 3. Dans la barre latérale gauche, trouve Ajouter une section sous la dernière section de la page d’accueil (au-dessus du groupe Pied de page) et clique dessus.
Étape 4. Une fenêtre modale s’ouvre montrant tous les types de sections inclus dans ton thème. Parcoure la liste et clique sur la section que tu veux ajouter.
Étape 5. La section est ajoutée au bas de ta page d’accueil. Fais-la glisser vers le haut ou vers le bas dans la barre latérale gauche pour la positionner.
Étape 6. Clique sur la section dans la barre latérale pour ouvrir ses paramètres et configurer le contenu.
Étape 7. Enregistre.
Types de sections courants sur une page d’accueil Shopify
Bannière d’image / Hero Une section pleine largeur avec une image d’arrière-plan et du texte superposé. Le hero principal de la page d’accueil. La plupart des thèmes l’incluent avec des paramètres pour le titre, le sous-titre, le bouton, l’opacité de la superposition et l’alignement du texte.
Texte enrichi Un bloc de texte centré. Utile pour les déclarations de mission de la marque, les annonces, ou toute section axée sur le contenu où une image n’est pas nécessaire.
Image avec texte Une disposition sur deux colonnes - une image d’un côté, du texte de l’autre. Polyvalent pour les sections d’histoire de la marque, la mise en évidence de fonctionnalités ou de produits.
Collection en vedette Récupère des produits d’une collection choisie et les affiche sous forme de grille de produits. Spécifie la collection dans les paramètres de la section.
Produit en vedette Met en avant un seul produit avec son image, son titre, son prix et son bouton d’ajout au panier directement sur la page d’accueil.
Multicolonne Deux à quatre colonnes de contenu - icône ou image en haut, titre et texte. Idéal pour les sections “Comment ça marche”, les caractéristiques de la marque ou les listes d’avantages.
Témoignages Une grille ou un carrousel d’avis clients. Peut être intégré au thème ou disponible sous forme de bloc dans d’autres sections.
Vidéo Une section vidéo intégrée ou vidéo d’arrière-plan. La plupart des thèmes supportent les URL YouTube et Vimeo.
Compte à rebours / Annonce Certains thèmes incluent des sections d’urgence pour les soldes ou les lancements. Ce n’est pas universel.
Inscription par e-mail / Newsletter Une section d’appel à l’action pour capturer des adresses e-mail. Comprend généralement un champ de texte et un bouton de soumission.
Liste de collections Affiche plusieurs collections sous forme de tuiles d’images - utile pour les boutiques avec des catégories de produits distinctes.
Pour plus de détails, consulte Comment reconstruire ta page d’accueil Shopify.
Pourquoi est-il impossible d’ajouter une section personnalisée en passant directement par l’éditeur de thème ?
La modale “Ajouter une section” de l’éditeur de thème ne montre que les sections qui sont déjà codées dans ton thème. Tu ne peux pas créer un nouveau type de section de zéro depuis l’interface de l’éditeur de thème.
Si tu as besoin d’un type de section que ton thème n’inclut pas - un quiz, un compte à rebours, une bande de comparaison de produits, une disposition de témoignages personnalisée, une barre d’annonce collante - tu as besoin de l’une de ces approches :
A - La section Liquid personnalisé. Chaque thème Boutique en ligne 2.0 possède une section Liquid personnalisé que tu peux ajouter depuis l’éditeur et dans laquelle tu peux coller du HTML ou du Liquid.
B - Une application Shopify. Certaines applications ajoutent des types de sections à la bibliothèque de l’éditeur de thème. Utile pour des fonctions spécifiques.
C - Du code. Un développeur ajoute une section personnalisée au code de ton thème. La section apparaît ensuite dans l’éditeur de thème pour que tu puisses l’utiliser.
D - Fudge. Décris la section que tu veux en langage naturel et Fudge, l’opérateur IA pour les boutiques Shopify, la crée sous forme de code Liquid natif dans ton thème avec son éditeur de boutique. Aucun codage n’est requis de ta part, et aucun script d’application n’est ajouté à chaque page.
Ajouter une section personnalisée à la page d’accueil Shopify avec Fudge
Ouvre Fudge et décris ce que tu veux ajouter à ta page d’accueil :
-
“Ajoute une section ‘Comment ça marche’ avec trois étapes, chacune avec une icône numérotée, un titre en gras et deux lignes de texte descriptif. Place-la entre le hero et la collection en vedette.”
-
“Ajoute un carrousel de témoignages à la page d’accueil montrant cinq citations de clients avec des notes en étoiles, le nom du client et son emplacement. Personnalise-le avec la couleur principale de la marque en arrière-plan.”
-
“Ajoute une section de compte à rebours pour le lancement de nos soldes d’été. Affiche les jours, heures, minutes, secondes. Arrière-plan sombre, texte blanc. Positionne-la en haut de la page d’accueil, sous la barre d’annonce.”
Fudge génère la section sous forme de brouillon dans ton thème. Tu la révises dans l’éditeur de thème, effectues des ajustements si besoin, et la publies. Avec un objectif de conversion, Fudge vérifie également où ton trafic publicitaire atterrit, et si une campagne envoie les acheteurs vers la page d’accueil, il peut suggérer une landing page qui correspond à la publicité à la place.
Réorganiser les sections de votre page d’accueil
Étape 1. Dans l’éditeur de thème avec la Page d’accueil sélectionnée, regarde la liste des sections dans la barre latérale gauche.
Étape 2. Survole le nom d’une section - une poignée de glissement apparaît.
Étape 3. Fais glisser pour modifier l’ordre à ta convenance.
Étape 4. Enregistre.
Si l’ordre n’est pas vraiment le problème, notre outil gratuit de refonte de site web Shopify te montre trois directions originales de page d’accueil construites à partir de tes propres produits et contenus.
Pour les autres pages, voir Réorganiser les sections sur une page Shopify.
FAQ
Combien de sections devrais-je avoir sur ma page d'accueil Shopify ?
Six à neuf fonctionnent généralement le mieux. En dessous de cinq, la page d'accueil semble souvent vide ; au-dessus de dix, les acheteurs arrêtent de scroller avant la fin. Chaque section doit mériter sa place - si une section ne génère pas de clic, d'ajout au panier ou ne renforce pas la confiance, supprime-la.
Puis-je ajouter le même type de section plusieurs fois sur la page d'accueil ?
Oui. Tu peux ajouter trois sections de texte enrichi, deux bannières d'image, quatre sections multicolonnes - tout ce dont la page a besoin. Chaque instance possède ses propres paramètres, elles peuvent donc avoir un contenu complètement différent. Shopify autorise jusqu'à 25 sections par modèle JSON, y compris sur la page d'accueil.
Pourquoi ma section nouvellement ajoutée ne s'affiche-t-elle pas sur la vitrine ?
Trois causes courantes : (1) tu n'as pas cliqué sur Enregistrer dans l'éditeur de thème, (2) la section a été ajoutée mais son contenu requis (image, collection, produits) est vide donc le thème ne rend rien, ou (3) la section a des règles de visibilité dans ses paramètres (par ex., "afficher uniquement sur ordinateur") qui la masquent sur l'appareil que tu utilises pour vérifier.
Puis-je montrer différentes sections à différents visiteurs ?
Pas nativement. Les sections de l'éditeur de thème sont statiques — tout le monde voit la même page d'accueil. Pour une personnalisation par client, décris la règle à Fudge ("montrer cette variante du hero aux clients VIP connectés, et la version standard à tous les autres") et il créera une section avec du Liquid basé sur les tags clients qui s'exécute côté serveur. Alternatives : Shopify Markets pour le contenu par région, ou une application de personnalisation.
Quelle est la différence entre une section et un modèle ?
Un modèle est le fichier JSON qui définit quelles sections apparaissent sur une page (par ex., index.json pour la page d'accueil). Une section est le bloc de contenu modulaire qui est rendu à l'intérieur du modèle. Les modèles composent les sections ; les sections rendent le contenu.
