Points clés
- La méthode la plus simple consiste à ajouter les ingrédients ou les instructions d’entretien directement dans la description du produit.
- La méthode la plus propre est d’utiliser un champ méta (metafield) de produit - le formatage reste cohérent sur l’ensemble de vos produits.
- Pour utiliser des icônes d’entretien ou appliquer un style visuel personnalisé, utilisez Fudge pour créer une section sur mesure.
- Les deux méthodes fonctionnent sans code. Les champs métas nécessitent une configuration initiale unique.
Que vous vendiez des produits de soin, des compléments alimentaires, des vêtements ou de la nourriture, vos clients doivent savoir ce que contient votre produit et comment l’entretenir. Shopify vous offre deux moyens pratiques d’afficher ce contenu.
Pourquoi vous pouvez nous faire confiance
Nous avons travaillé avec des centaines de marques Shopify dans les secteurs de la beauté, de l’alimentation et de la mode — des catégories où les ingrédients et les instructions d’entretien sont non négociables. Nous avons également créé Fudge — un éditeur de vitrine IA noté 4.9 sur le Shopify App Store.
Méthode 1 - Ajouter à la description du produit (la plus rapide)
Le champ de description du produit est l’endroit le plus évident pour y ajouter ce contenu.
Voir aussi : Ajouter des données structurées sur Shopify.
Voir aussi : Personnaliser la mise en page d’un produit sur Shopify.
Voir aussi : Créer une page de guide d’entretien sur Shopify.
Étape 1. Allez dans Produits et ouvrez le produit en question.
Étape 2. Cliquez dans le champ Description.
Étape 3. Ajoutez votre contenu. Quelques conseils de formatage :
- Utilisez un titre en gras comme Ingrédients ou Instructions d’entretien pour séparer cette section de la description principale.
- Utilisez une liste à puces pour les ingrédients - plus facile à lire qu’un paragraphe séparé par des virgules.
- Pour les instructions d’entretien, utilisez des étapes numérotées courtes ou des symboles avec des descriptions écrites.
Étape 4. Enregistrez.
Quand utiliser cette méthode : Les petits catalogues où vous ne voyez pas d’inconvénient à ajouter le contenu produit par produit. Rapide à mettre en place. Aucune configuration nécessaire.
Inconvénient : Le contenu est mélangé avec le reste de la description. Si vous voulez afficher les ingrédients dans une section dédiée avec son propre style, cette méthode ne permet pas de le faire proprement.
Méthode 2 - Utiliser un champ méta (recommandé pour les boutiques de +10 produits)
Les champs métas (metafields) stockent les données dans un champ dédié, distinct de la description. Cela signifie que :
- Le contenu est toujours au même endroit pour chaque produit
- Vous pouvez l’afficher dans une section dédiée avec un style uniforme
- Vous pouvez filtrer ou interroger ce champ de manière programmatique
Configurer la définition du champ méta
Étape 1. Allez dans Paramètres > Données personnalisées > Produits.
Étape 2. Cliquez sur Ajouter une définition.
Étape 3. Donnez-lui un nom (par exemple, “Ingrédients” ou “Instructions d’entretien”).
Étape 4. Choisissez un type - le Texte multiligne fonctionne pour la plupart des instructions d’entretien. Le Texte riche si vous souhaitez utiliser du formatage comme du gras ou des listes à puces.
Étape 5. Enregistrez.
Remplir le champ méta par produit
Étape 1. Ouvrez un produit dans votre interface d’administration.
Étape 2. Faites défiler jusqu’au bas de la page. Votre nouveau champ méta y apparaît.
Étape 3. Ajoutez votre contenu et enregistrez.
Afficher le champ méta sur la page produit
Dans l’Éditeur de thème, allez sur une page produit, ajoutez un bloc de texte à la section principale du produit, et connectez-le à votre champ méta via l’option de source dynamique. Le contenu proviendra ainsi automatiquement du champ méta de chaque produit.
Voir aussi : Ajouter des champs métas aux produits Shopify.
Ajouter des icônes d’instructions d’entretien
Les symboles sont la norme internationale pour les instructions d’entretien (température de lavage, séchage en machine, repassage, etc.). Pour les afficher correctement sur Shopify, vous avez plusieurs options :
- Symboles Unicode - basiques mais limités. À ajouter directement dans le texte du champ méta.
- Icônes SVG - un affichage plus propre. Nécessite de les ajouter à votre thème via le code ou Fudge.
- Section personnalisée d’instructions d’entretien - créée avec Fudge. Décrivez ce que vous souhaitez : “Ajoute une section d’instructions d’entretien sous la description du produit comportant des icônes pour chaque étape d’entretien avec un petit texte explicatif.” Fudge va générer cela en code Liquid natif directement dans votre thème.
Où placer les ingrédients ou les instructions d’entretien sur la page
Les emplacements courants qui fonctionnent bien :
- Dans une section à onglets - pour garder une page produit épurée. La description dans un onglet, les ingrédients dans un autre, l’entretien dans un troisième. De nombreux thèmes prennent en charge nativement les sections de produits à onglets.
- Sous le bouton d’ajout au panier (add to cart) - visible sans avoir à trop scroller, pertinent pour la conformité.
- Dans un accordéon dépliant - particulièrement adapté aux longues listes d’ingrédients.
Si votre thème ne gère pas ces mises en page nativement, Fudge peut créer une section à onglets ou en accordéon sur mesure pour votre page produit.
Notes sur la conformité
Si vous vendez de la nourriture, des compléments alimentaires ou des cosmétiques, l’affichage des ingrédients peut être une obligation légale. Vérifiez la réglementation en vigueur sur vos marchés cibles. Pour les produits alimentaires et les compléments aux États-Unis, la FDA impose des règles d’étiquetage spécifiques. Ce guide couvre la configuration technique sur Shopify — consultez un spécialiste de la conformité pour connaître les obligations réglementaires liées à votre catégorie.
FAQ
Dans un champ méta si vous avez plus de 10 produits environ et que vous souhaitez un formatage cohérent. Dans la description si vous avez un petit catalogue ou si vos ingrédients varient tellement qu'un champ structuré n'aide pas vraiment. Les champs métas s'adaptent mieux à la croissance de la boutique mais nécessitent une configuration initiale.
Oui - créez deux définitions de champs métas distinctes, une pour chaque. Cela permet de les garder clairement séparés à la fois dans l'interface d'administration et sur la page produit. Vous pouvez également créer des champs spécifiques à une catégorie (par ex., un champ Entretien pour les vêtements, un champ Ingrédients pour les soins de la peau) et ne remplir que ceux qui sont pertinents pour chaque produit.
Trois options : (1) des symboles Unicode tapés directement dans un champ méta (basique mais limité), (2) importer des fichiers d'icônes SVG et les appeler dans le code de votre thème via Liquid en fonction de la valeur du champ méta, ou (3) créer une section d'instructions d'entretien personnalisée avec Fudge qui associe les valeurs des champs métas à des images d'icônes.
Oui, en particulier pour le SEO par catégorie. Des recherches telles que « crème hydratante vegan sans parabènes » peuvent faire ressortir des produits dont les ingrédients figurent dans leur contenu. Que ce soit dans la description ou dans un champ méta affiché sur la page, le texte est indexé par Google.
Oui - de nombreux thèmes incluent un bloc d'accordéon ou de ligne dépliante sous la section produit. Ajoutez-le à votre modèle de produit, définissez le titre sur « Ingrédients » et connectez le corps du texte à votre champ méta d'ingrédients. Le contenu masqué par défaut ne pose aucun problème pour le SEO ; Google indexe tout de même le contenu à l'intérieur des accordéons.
