Un seul modèle de page produit pour tous tes articles, c’est la garantie d’une fiche générique qui ne convertit pas. Créer des modèles distincts et exploiter les champs méta, c’est ce qui fait la différence entre une boutique amateur et une vraie machine à vendre.
En 30 secondes
Cette leçon couvre la personnalisation des pages produit sur Shopify : création de modèles de page distincts par type de produit, utilisation des champs méta pour dynamiser le contenu, et optimisation de la boîte d’achat pour maximiser les conversions. L’objectif : une fiche produit qui convainc avant même que le visiteur ne scrolle.
Pourquoi personnaliser tes pages produit (et pas juste laisser le modèle par défaut)
Le modèle de page produit par défaut de Shopify est générique. Si tu vends un t-shirt, un maître ruban et un journal digital, les trois n’ont pas les mêmes informations à mettre en avant : délai de livraison, guide des tailles, disponibilité immédiate pour un produit digital… Tout ça ne peut pas tenir dans un seul modèle.
Comme l’explique Jerome : « Si je mets détail 1 et détail 2 sur le t-shirt et que mon deuxième produit c’est le maître ruban ou le journal digital, tu vois bien que ça va pas coller. »
Tu as deux approches possibles :
- Créer plusieurs modèles de page (un par type de produit) — recommandé par Jerome pour garder le contrôle visuel complet.
- Utiliser les champs méta (métadonnées) pour personnaliser certains textes dynamiquement sans dupliquer le modèle.
Les champs méta : personnaliser chaque fiche sans tout refaire
Les champs méta (ou métadonnées) sont des champs personnalisés que tu crées dans Paramètres → Données personnalisées → Produits. Ils te permettent d’afficher un texte différent sur chaque fiche produit, en utilisant une source dynamique dans le thème.
Comment créer un champ méta produit :
- Va dans Paramètres → Données personnalisées → Produits.
- Clique sur Ajouter une définition.
- Donne-lui un nom clair (ex : « Phrase bénéfice produit »).
- Sélectionne le type : Texte → Une seule ligne (c’est ce qui fonctionne le mieux selon Jerome).
- Coche Boutique en ligne pour pouvoir l’utiliser dans le thème.
- Sauvegarde, puis va dans chaque fiche produit pour renseigner la valeur du champ.
- Dans l’éditeur de thème, insère ce champ comme source dynamique dans le bloc texte concerné.
Astuce : si tu travailles en équipe, ajoute une description au champ méta pour guider tes collaborateurs (ex : « Une phrase courte mettant en avant le bénéfice principal du produit »).
Créer un modèle de page produit : la bonne méthode
Jerome insiste sur un point crucial : « C’est super important de venir faire toute la page, tous les paramètres, et ensuite de venir créer un modèle — parce que ça va créer le modèle selon la page. »
Si tu crées le modèle vide en premier, tu repars de zéro. Si tu pars du modèle par défaut déjà configuré, tu n’as plus qu’à ajuster.
Étapes pour créer un nouveau modèle :
- Configure entièrement le modèle Produit par défaut avec toutes tes sections.
- Dans l’éditeur de thème, clique sur Créer un modèle (ex : « digital »).
- Shopify duplique automatiquement le modèle par défaut.
- Modifie uniquement ce qui change (supprime la livraison pour un produit digital, adapte la FAQ, etc.).
- Va dans la fiche produit concernée → change le Modèle de thème pour lui attribuer le bon modèle.
- Vérifie dans l’éditeur que le modèle est bien attribué à 1 produit (et non 0).
Optimiser la boîte d’achat : les réglages qui font la différence
La boîte d’achat (zone avec le prix, les variantes et le bouton « Ajouter au panier ») est l’élément le plus important de ta fiche. Voici les réglages clés à configurer :
- Photos produit : taille « Moyen », limiter à la hauteur de l’écran activé → tout le contenu important reste visible sans scroller (concept de la ligne de flottaison).
- Mise en page bureau : Carrousel de vignettes, image à gauche — c’est ce que les visiteurs ont l’habitude de voir.
- Mobile : Afficher les vignettes pour donner un aperçu immédiat des photos.
- Variantes de taille : Format « Comprimer » (pas menu déroulant) — on voit directement les tailles disponibles et celles en rupture de stock.
- État des stocks : Afficher le nombre exact si tu veux créer un sentiment d’urgence (ex : « Il reste 6 t-shirts »).
- Bouton d’achat : Un seul bouton, désactiver « Acheter maintenant » et les autres options — une seule action possible.
- Partage social : À supprimer. Personne ne partage une page produit.
- Zoom sur image : Désactivé si tes photos sont déjà zoomées et de qualité.
Les sections à ajouter sous la boîte d’achat
Au-delà de la boîte d’achat, voici ce que Jerome recommande d’intégrer dans la page produit, dans l’ordre :
- Phrase bénéfice produit (via champ méta) — juste sous le prix, avant les avis.
- Avis clients — via une application dédiée (à installer après).
- Icônes de réassurance (livraison, retours, garantie) — bloc « Icône avec texte », orientation verticale.
- Description avec rangées réductibles — pour les détails techniques, politique de retour, conditions de livraison.
- Mini FAQ réductible — 3 questions max : frais de livraison, délai, retours.
- Produits associés — uniquement si pertinent (inutile si tu as peu de produits ou si tu veux focaliser l’attention).
Règle d’or de Jerome : « Ne mets pas des sections pour mettre des sections. Plus c’est haut, plus c’est important. » Une page courte et percutante vaut mieux qu’une page longue et brouillonne.
Les photos : le vrai levier de conversion
Jerome est direct là-dessus : « Les photos dans une fiche produit, ça dépend des produits, c’est 50 voire 80 % de la prise de décision du visiteur. »
- Des photos pixelisées ou mal cadrées tuent les conversions, peu importe la qualité du reste de la page.
- Prépare tes photos avant de commencer à personnaliser la boutique : même taille, même format, retouchées.
- Inclus des photos du produit en utilisation, pas seulement sur fond blanc.
- Un shooting photo réussi peut transformer une fiche « meh » en fiche qui convertit — sans changer une seule ligne de texte.
Erreurs à éviter sur tes pages produit Shopify
- Créer le modèle vide avant de configurer le modèle par défaut → tu vas tout refaire deux fois.
- Oublier d’attribuer le bon modèle de thème à la fiche produit → le modèle reste à 0 produit et ne s’affiche jamais.
- Mettre plusieurs boutons d’achat (Acheter maintenant + Ajouter au panier) → ça dilue l’attention et crée de la confusion.
- Utiliser le menu déroulant pour les variantes de taille → le visiteur doit cliquer pour voir les options disponibles, mauvaise UX.
- Laisser des sections inutiles (partage social, SKU visible, bouclage vidéo activé) → ça encombre sans apporter de valeur.
- Appliquer le même modèle à un produit digital et un produit physique → les infos livraison/retour n’ont pas de sens pour un téléchargement immédiat.
- Passer plus d’une semaine sur la boutique si tout est déjà préparé (maquettes, photos, descriptions) → fixe-toi une deadline et tiens-la.
Action cette semaine
- Configurer entièrement le modèle « Produit par défaut » avant de créer d’autres modèles.
- Créer au moins un champ méta « Phrase bénéfice produit » dans Paramètres → Données personnalisées → Produits.
- Renseigner la valeur du champ méta dans chaque fiche produit.
- Créer un modèle de page séparé pour chaque type de produit différent (physique classique, produit digital, bestseller mis en avant).
- Vérifier que chaque modèle est bien attribué à la bonne fiche produit (modèle ≠ 0 produit).
- Désactiver le bouton « Acheter maintenant » et ne laisser qu’un seul bouton d’achat.
- Passer les variantes de taille en format « Comprimer » (pas menu déroulant).
- Supprimer les sections inutiles : partage social, SKU, bouclage vidéo.
- Tester la page sur mobile avant de la considérer comme terminée.
- Préparer ou planifier un shooting photo si tes images actuelles sont pixelisées ou peu attractives.
Pour aller plus loin
Leçon interactive complète (quiz, transcription, notes, chapitres) : https://app.cockpitlab.io/fr/formations/shopify/personnaliser-la-page-produit-shopify-la-derniere-etape-cle-tutoriel-video-30-41
Vidéo originale sur YouTube : Regarder
Chaîne cockpitLAB : Abonne-toi pour les prochaines formations
Discussion
Tu utilises un seul modèle produit ou tu as déjà créé des templates distincts selon tes catégories ?
N’hésite pas à poser tes questions ou partager ton expérience ci-dessous — la communauté te répond sous 24h en général.