Points clés
- Refaites votre page d’accueil depuis l’Éditeur de thème : Boutique en ligne > Thèmes > Personnaliser > Page d’accueil.
- Ajoutez, supprimez et réorganisez les sections à l’aide de la barre latérale gauche.
- Une structure de page d’accueil qui convertit : hero, preuve sociale, produits en vedette, histoire de la marque, témoignages.
- Pour les types de sections personnalisés que votre thème n’inclut pas, utilisez Fudge.
La refonte de la page d’accueil est l’une des actions les plus rentables que vous puissiez entreprendre pour votre boutique. Bien faite, elle répond en quelques secondes à la question principale des nouveaux visiteurs : « Cette marque est-elle faite pour moi ? ». Voici comment la refaire sur Shopify.
Pourquoi vous pouvez nous faire confiance
Nous avons travaillé sur l’optimisation des pages d’accueil pour des centaines de marques Shopify dans de nombreuses catégories. Nous avons également créé Fudge — un éditeur de boutique IA avec une note de 5.0 sur le Shopify App Store.
Comment mettre à jour la page d’accueil de votre boutique Shopify
Étape 1. Depuis votre interface administrateur Shopify, allez dans Boutique en ligne > Thèmes.
Étape 2. Sur votre thème actuel, cliquez sur Personnaliser.
Étape 3. L’Éditeur de thème s’ouvre. Assurez-vous que le sélecteur de page en haut indique Page d’accueil. Si ce n’est pas le cas, cliquez dessus et sélectionnez Page d’accueil.
Étape 4. Vous verrez les sections actuelles de votre page d’accueil répertoriées dans la barre latérale gauche. C’est votre point de départ.
Supprimer les sections dont vous ne voulez pas
Étape 1. Dans la barre latérale gauche, cliquez sur la section que vous souhaitez supprimer.
Étape 2. Dans le panneau des paramètres de la section, faites défiler vers le bas et cliquez sur Supprimer la section (ou sur l’icône de la corbeille).
Étape 3. Confirmez la suppression.
Vous pouvez supprimer toutes les sections existantes et repartir de zéro, ou conserver celles que vous souhaitez garder et les modifier.
Ajouter de nouvelles sections
Étape 1. Dans la barre latérale gauche, cliquez sur Ajouter une section (généralement en bas de la liste des sections).
Étape 2. Parcourez la bibliothèque de sections de votre thème. Sections courantes de la page d’accueil :
- Bannière d’image / Hero - en-tête pleine largeur avec image, titre et bouton CTA
- Texte enrichi - section axée sur le texte pour les messages de la marque ou les annonces
- Collection en vedette - affiche les produits d’une collection spécifique
- Produit en vedette - met en avant un seul produit phare avec des options d’achat
- Multicolonnes - colonnes côte à côte, idéales pour les piliers ou les caractéristiques de la marque
- Témoignages / Avis - citations de clients ou grille d’évaluation par étoiles
- Image avec texte - photo d’un côté, texte de l’autre
- Vidéo - section vidéo intégrée
- Inscription par e-mail - capture d’e-mails pour la newsletter
Un ordre des sections de page d’accueil qui convertit
Cette structure fonctionne dans la plupart des catégories e-commerce :
1. Hero / Bannière d’image Montre immédiatement qui vous êtes et ce que vous vendez. Incluez un titre, un sous-titre et un seul bouton CTA. N’essayez pas de tout dire ici - accrochez juste la bonne personne.
2. Barre de preuve sociale Une bande affichant des logos de presse, des statistiques d’avis (« 4,8 étoiles sur 2 000+ clients ») ou des certifications. Placée immédiatement après le hero, elle instaure rapidement la confiance.
3. Collection ou catégories en vedette 3 à 4 tuiles de catégorie ou produits en vedette. Aide les nouveaux visiteurs à trouver rapidement ce qu’ils cherchent.
4. Histoire de la marque / Image avec texte 2 à 3 phrases sur qui a créé le produit et pourquoi. Une photo du fondateur ou une image de l’origine du produit à cet endroit crée du lien.
5. Témoignages 3 à 6 vrais avis clients. Positionnés après la sélection de produits pour conforter les décisions d’achat.
6. Capture d’e-mail ou offre Inscription à la newsletter avec une incitation (10 % de réduction, guide gratuit). Convertit les non-acheteurs en futurs prospects.
Comment réinitialiser toute la page d’accueil Shopify ?
Vous avez deux options :
Option A - Supprimer toutes les sections et repartir de zéro. Supprimez chaque section dans l’Éditeur de thème et recréez-la à partir du bouton Ajouter une section.
Option B - Passer à un nouveau thème. Allez dans Boutique en ligne > Thèmes > Explorer les thèmes gratuits. Installez un nouveau thème et personnalisez-le. Votre ancien thème est conservé en tant que version non publiée.
Repartir de zéro sur le même thème préserve tous vos autres modèles de pages. Changer de thème signifie que vous devrez également reconstruire ces pages.
Quand utiliser Fudge pour votre page d’accueil
L’Éditeur de thème vous limite aux types de sections intégrés à votre thème. Si vous avez besoin de :
- Un hero personnalisé avec une vidéo en arrière-plan et du texte superposé
- Un quiz interactif ou un outil de recherche de produits intégré sur la page d’accueil (voir Quiz de recommandation de produits Shopify)
- Un compte à rebours pour un lancement ou une promotion
- Un carrousel de témoignages personnalisé
- N’importe quelle mise en page qui ne figure pas dans la bibliothèque de sections de votre thème
…alors Fudge est la solution. Décrivez ce que vous souhaitez et Fudge le génère sous forme de code Liquid natif dans votre thème.
Exemple : « Ajoute une section “Comment ça marche” en trois étapes sur la page d’accueil avec des icônes numérotées, un titre court et une description d’une phrase pour chaque étape. Place-la entre les sections de collection en vedette et de témoignages. »
Sur le même sujet : Constructeur de pages Fudge.
Sur le même sujet : Réorganiser les sections sur une page Shopify.
Considérations sur le mobile et la vitesse
Chaque section que vous ajoutez alourdit la page. Vérifiez votre page d’accueil sur mobile avant de publier - l’Éditeur de thème de Shopify dispose d’un bouton d’aperçu mobile.
Quelques problèmes courants :
- Les images hero qui rendent très bien sur ordinateur sont souvent mal recadrées sur mobile - utilisez des paramètres d’image distincts pour mobile et ordinateur si votre thème le propose
- Trop de sections ralentissent le temps de chargement de la page, ce qui nuit au taux de rebond et au SEO
- Les vidéos en lecture automatique nécessitent une image de couverture pour le mobile, car la lecture automatique y est souvent bloquée
Sur le même sujet : Accélérer un thème Shopify.