Points clés
- La personnalisation de la page produit est divisée en deux endroits : l’éditeur de thème (mise en page et sections) et l’éditeur de produit (contenu).
- Vous pouvez réorganiser les blocs (titre, prix, description, bouton d’ajout au panier) directement dans l’éditeur de thème sur la plupart des thèmes Shopify modernes.
- Ajouter de nouvelles sections (avis, ventes incitatives, FAQ, tableaux comparatifs) sous les informations principales du produit est simple dans l’éditeur de thème.
- Pour une mise en page entièrement personnalisée qui va au-delà de ce que votre thème prend en charge, Fudge peut la créer à partir d’une description.
Pour personnaliser une page produit Shopify, ouvrez Boutique en ligne → Thèmes → Personnaliser, passez sur une page produit, puis glissez les blocs dans la section d’informations sur le produit et ajoutez des sections en dessous. Le contenu comme le titre, les images et le prix est modifié dans le produit lui-même.
Pourquoi vous pouvez nous faire confiance
Jacques a plus de 15 ans d’expérience en développement et a travaillé avec des centaines de marques Shopify sur leurs pages produits. Nous construisons Fudge, l’opérateur IA pour les boutiques Shopify, avec une note de 4.9 sur le Shopify App Store.
Deux éléments à personnaliser sur une page produit
1. Contenu — le titre du produit, la description, les images, le prix et les variantes. Tout cela se trouve dans l’éditeur de produit : Produits → sélectionnez le produit → modifier.
2. Mise en page — la disposition des éléments, les sections supplémentaires et le design. Tout cela se trouve dans l’éditeur de thème : Boutique en ligne → Thèmes → Personnaliser → naviguez jusqu’à une page produit.
La plupart des questions sur la personnalisation concernent la mise en page. C’est là que l’éditeur de thème et Fudge entrent en jeu.
Pour un bloc de garantie, consultez comment ajouter des garanties à une page produit Shopify.
Comment réorganiser les blocs de la page produit dans l’Éditeur de thème
Les thèmes Shopify modernes (Online Store 2.0) vous permettent de faire glisser et de réorganiser les éléments individuels dans la section produit — titre, prix, description, bouton d’ajout au panier, sélecteurs de variantes, et plus encore.
Étape 1. Allez dans Boutique en ligne → Thèmes → Personnaliser.
Étape 2. Accédez à une page produit. Cliquez sur n’importe quel nom de produit dans le sélecteur de page en haut, ou visitez l’URL d’un produit pendant que vous êtes dans l’éditeur.
Étape 3. Cliquez sur la section des informations sur le produit (Product information) dans la barre latérale gauche. Vous verrez une liste de blocs — titre, prix, quantité, ajout au panier, description, etc.
Étape 4. Faites glisser les blocs dans l’ordre de votre choix. Un ordre courant pour la colonne d’informations : titre → aperçu des avis → prix → variantes → ajout au panier → description courte → badges de confiance.
Étape 5. Enregistrez.
Pour ajouter un nouveau bloc, cliquez sur Ajouter un bloc (Add block) dans la section des informations sur le produit et choisissez l’un des types de blocs de votre thème, tel que Texte, Rangée rétractable (Collapsible row), Image, Évaluation (Rating) ou Liquid personnalisé. Remplissez son contenu, faites-le glisser à l’endroit désiré et enregistrez.
Comment ajouter des sections à une page produit Shopify
Sous les informations principales du produit, vous pouvez ajouter des sections pleine largeur — les mêmes sections disponibles sur votre page d’accueil.
Dans l’éditeur de thème sur une page produit, descendez dans la barre latérale gauche sous la section produit et cliquez sur Ajouter une section. Vous pouvez ajouter :
- Avis (si vous utilisez une application d’avis qui s’intègre à l’éditeur de thème)
- Produits récemment consultés
- Produits associés / recommandations
- FAQ en accordéon
- Texte enrichi ou mises en avant de fonctionnalités
- Image avec texte pour l’histoire des ingrédients ou le contenu de marque
Ces sections s’appliquent à toutes les pages produits sauf si vous utilisez un modèle personnalisé pour des produits spécifiques.
Si vous voulez que les acheteurs puissent prévisualiser les articles dans ces grilles de produits sans quitter la page, consultez l’ajout d’une modale d’aperçu rapide.
Comment créer un template personnalisé pour un produit spécifique
Si vous voulez une mise en page différente pour un seul produit (ex. : un produit phare avec une page plus éditoriale), vous pouvez créer un template personnalisé.
Étape 1. Dans l’Éditeur de thème, cliquez sur le sélecteur de page en haut et choisissez Créer un modèle → Produit.
Étape 2. Nomnez le template (ex. : hero-product).
Étape 3. Personnalisez la mise en page dans l’Éditeur de thème.
Étape 4. Allez dans Produits → sélectionnez le produit → dans la barre latérale droite sous Modèle de thème (Theme template), assignez votre nouveau template.
Ce produit utilisera désormais cette nouvelle mise en page. Tous les autres produits resteront sur le template par défaut.
Les personnalisations de pages produits qui nécessitent de coder
Certaines fonctionnalités de page produit ne sont pas disponibles dans l’éditeur de thème :
- Barre sticky d’ajout au panier — suit l’utilisateur pendant qu’il fait défiler la page
- Modale de guide des tailles — s’ouvre sans quitter la page
- Mise en page avec onglets personnalisés — description sous forme d’onglets, matériaux, expédition
- Slider d’images avant/après — pour les soins de la peau, les vêtements, les articles pour la maison
- Ligne de badges de confiance personnalisée — des icônes avec du texte personnalisé, non disponibles dans la plupart des thèmes
- Tableau comparatif — montrez comment votre produit se compare aux alternatives
Pour cela, vous avez besoin soit d’un développeur, soit d’un outil qui peut générer le code pour vous.
Fudge, l’opérateur IA pour les boutiques Shopify, gère tout cela sous forme de code natif dans votre thème. Décrivez ce que vous voulez :
“Ajoute une barre sticky d’ajout au panier sur mes pages produits qui s’affiche quand l’utilisateur fait défiler la page au-delà du bouton d’achat principal.”
“Crée une section à onglets sous ma description de produit avec des onglets pour : Description, Ingrédients, Conseils d’utilisation, Expédition.”
Fudge génère le code, vous examinez le brouillon sur un vrai produit, et vous le publiez quand ça vous semble bien. Ensuite, il affiche le taux d’ajout au panier et le taux de conversion sur les pages qu’il a modifiées, avant et après, pour que vous puissiez décider de déployer ou non le changement sur le reste de votre catalogue.
Pour voir comment cela se compare à l’éditeur de thème, consultez l’éditeur de boutique Fudge.
Mises en page courantes pour les pages produits Shopify
- Mise en page standard : images à gauche ; titre, prix, variantes, ajout au panier, garantie et description à droite.
- Page de vente longue : une image hero en pleine largeur, puis l’histoire du produit, des blocs de fonctionnalités, des témoignages, l’ajout au panier et une FAQ.
- Mise en page minimaliste : une grande image, le titre, le prix et l’ajout au panier, avec tout le reste réduit ou supprimé.
- Mise en page avec onglets : les détails principaux restent visibles, avec la description, l’entretien, les ingrédients et les caractéristiques techniques dans des onglets en dessous.
Si votre thème ne permet pas de créer la mise en page souhaitée, décrivez-la à Fudge, par exemple : « Restructure notre page produit pour que la description soit divisée en trois onglets : Aperçu, Ingrédients et Instructions d’entretien ». Fudge la construit sous forme de brouillon dans votre thème pour que vous puissiez l’examiner.
Qu’est-ce qui fait une page produit Shopify à fort taux de conversion ?
La mise en page n’est que la moitié du travail ; les données du produit en sont l’autre moitié. L’audit gratuit des données du catalogue Shopify signale les produits dont les données sont trop minces pour que les acheteurs ou les agents d’IA puissent agir.
Au-delà des aspects techniques de la personnalisation, ces éléments favorisent souvent la conversion :
- Avis près du sommet de la page — une preuve sociale très tôt, avant le défilement (au-dessus de la ligne de flottaison)
- Sélecteurs de variantes clairs — guides des tailles intégrés, pastilles de couleur au lieu de listes déroulantes
- Signaux d’urgence — indicateurs de stock faible, comptes à rebours de livraison (utilisés de manière honnête)
- Descriptions courtes, axées sur les avantages — listes à puces plutôt que paragraphes pour une lecture rapide
- Multiples angles d’image — photos lifestyle, détails et mises en situation pour donner l’échelle
- Badges de confiance au-dessus de la ligne de flottaison — retours gratuits, paiement sécurisé, livraison rapide
FAQ
Pourquoi la modification de l'ordre des blocs dans mon éditeur de thème ne s'affiche-t-elle pas sur tous les produits ?
Si vous avez réorganisé les blocs sur le modèle de produit par défaut, la modification s'applique à tous les produits qui l'utilisent. Si vous l'avez fait sur un modèle personnalisé (par ex. product.hero), elle ne s'applique qu'aux produits attribués à ce modèle. Allez dans Produits → Produit → Modèle de thème pour vérifier quel modèle chaque produit utilise.
Dois-je créer des modèles personnalisés pour des produits individuels ?
Uniquement lorsque les produits ont réellement besoin de mises en page différentes — un produit phare avec une longue page de présentation, une carte-cadeau sans ajout au panier, un produit par abonnement avec un sélecteur de fréquence. Sinon, ne créez pas un modèle par produit ; vous passerez du temps à maintenir 50 modèles presque identiques au lieu d'un seul partagé.
Combien de blocs une page produit Shopify doit-elle comporter ?
Le bloc d'achat (titre, prix, variantes, ajout au panier) plus 4 à 8 blocs complémentaires (description, avis, produits associés, FAQ, ingrédients, etc.). Au-delà d'environ 10 blocs, la page devient longue et lente sur mobile. Utilisez des blocs rétractables pour conserver une page visiblement compacte tout en rendant les informations détaillées accessibles à la demande.
Puis-je afficher ou masquer des blocs de page produit en fonction de balises (tags) ou de champs méta (metafields) ?
Oui, via Liquid dans le modèle de la section. L'éditeur de thème natif ne le permet pas — décrivez la règle à Fudge ("afficher ce bloc de confiance uniquement sur les produits avec le tag 'haut de gamme'") et il enveloppera le bloc dans la bonne condition {% if product.tags contains '…' %}. Vous pouvez aussi modifier vous-même le code Liquid de la section.
L'ajout de sections supplémentaires ralentira-t-il ma page produit Shopify ?
Légèrement, selon ce qu'elles contiennent. Quelques blocs de texte enrichi ou d'images supplémentaires ont un poids négligeable. Les sections liées à des applications (widgets d'avis, barres d'upsell) ajoutent souvent de 50 à 200 Ko de JavaScript chacune. Si la vitesse de la page est importante, auditez quelles applications chargent des scripts sur le modèle de produit et supprimez tout ce qui n'est pas strictement nécessaire.
