Points clés
- Créez des définitions de metafields dans Paramètres > Données personnalisées > Produits.
- Remplissez les valeurs des metafields pour chaque produit depuis la page de l’éditeur de produit (en faisant défiler vers le bas).
- Affichez les metafields sur la page via les sources dynamiques de l’Éditeur de thème ou avec du code Liquid.
- Les metafields sont parfaits pour les données structurées : ingrédients, matériaux, certifications, instructions d’entretien.
Les metafields (champs méta) de produits vous permettent d’ajouter des données personnalisées à vos produits, au-delà des champs par défaut proposés par Shopify. Une fois que vous avez compris leur configuration en deux étapes, ils deviennent l’un des outils les plus puissants de l’écosystème natif de Shopify.
Pourquoi vous pouvez nous faire confiance
Nous avons travaillé sur l’architecture de données produits de centaines de boutiques Shopify. Nous avons également créé Fudge — un éditeur de boutique par IA noté 5.0 sur le Shopify App Store.
Que sont les metafields de produits Shopify ?
Les metafields sont des champs de données personnalisés que vous paramétrez et associez à n’importe quelle ressource Shopify (produits, collections, pages, clients, commandes, etc.).
Exemples de metafields de produits :
- Liste des ingrédients (pour l’alimentaire, les compléments, la beauté)
- Composition des matériaux (pour les vêtements)
- Instructions d’entretien
- Certifications (bio, équitable, vegan)
- Étiquettes personnalisées (“Bestseller”, “Choix de l’équipe”)
- Spécifications techniques (puissance, dimensions, compatibilité)
L’avantage des metafields par rapport à l’ajout direct dans la description : les données sont structurées et uniformes. Vous définissez le champ une bonne fois pour toutes, vous le remplissez pour chaque produit et vous l’affichez où vous voulez sur la page.
À lire aussi : Créer une page de guide d’entretien sur Shopify.
À lire aussi : Ajouter des données structurées sur Shopify.
À lire aussi : Personnaliser une page produit Shopify.
À lire aussi : Comparer des produits sur Shopify.
Étape 1 - Créer une définition de metafield
Étape 1. Allez dans Paramètres (en bas à gauche de l’interface d’administration Shopify).
Étape 2. Cliquez sur Données personnalisées.
Étape 3. Cliquez sur Produits.
Étape 4. Cliquez sur Ajouter une définition.
Étape 5. Remplissez :
- Nom - le nom que vous souhaitez lui donner (ex. : “Ingrédients”)
- Espace de noms et clé - un identifiant pour la machine (ex. :
custom.ingredients). Shopify le pré-remplit. - Type - choisissez le type de données. Choix courants : Texte sur une seule ligne (Single line text), Texte multiligne (Multi-line text), Texte enrichi (Rich text), Liste de valeurs.
Étape 6. Cliquez sur Enregistrer.
Étape 2 - Remplir la valeur du metafield par produit
Étape 1. Allez dans Produits et ouvrez n’importe quel produit.
Étape 2. Faites défiler jusqu’en bas de l’éditeur de produit. Vous verrez une section portant le nom de votre metafield (ex. : “Ingrédients”).
Étape 3. Cliquez dans le champ et ajoutez votre contenu.
Étape 4. Enregistrez le produit.
Répétez l’opération pour chaque produit pour lequel le champ doit être rempli.
Étape 3 - Afficher le metafield sur la page produit
Vous avez défini le champ et vous l’avez rempli. Vous devez maintenant l’afficher à vos clients.
Option A - Éditeur de thème (sans coder)
Étape 1. Allez dans Boutique en ligne > Thèmes > Personnaliser.
Étape 2. Naviguez jusqu’à une page produit.
Étape 3. Dans la section Produit principal, cliquez sur Ajouter un bloc ou trouvez un bloc de texte.
Étape 4. Dans les paramètres du bloc, cherchez l’option Source dynamique (une petite icône en forme de base de données). Cliquez dessus et sélectionnez votre metafield dans la liste.
Étape 5. Enregistrez. Le bloc ira désormais chercher le contenu via le metafield pour chaque produit.
Cette méthode fonctionne très bien pour les thèmes qui supportent les sources dynamiques sur les blocs de page produit.
Option B - Code Liquid
Si votre thème ne propose pas l’option de source dynamique, vous pouvez afficher le metafield en Liquid :
{{ product.metafields.custom.ingredients }}Ajoutez cela dans le template de votre page produit ou dans une section. Si vous n’êtes pas à l’aise avec la modification du code Liquid, décrivez simplement ce que vous voulez à Fudge et il ajoutera ce code pour vous.
À lire aussi : Ajouter du texte personnalisé sur une page collection Shopify.
Types de metafields pratiques et quand les utiliser
| Type | Cas d’utilisation |
|---|---|
| Texte sur une seule ligne | Étiquettes courtes, certifications, valeurs simples |
| Texte multiligne | Descriptions plus longues, instructions d’entretien |
| Texte enrichi | Contenu formaté avec du gras, des listes, des liens |
| Liste ou texte sur une seule ligne | Valeurs multiples (ex. : liste d’ingrédients) |
| Nombre | Dimensions, poids, spécifications |
| URL | Lien vers un document, une vidéo ou une ressource externe |
Metafields vs. Description du produit
Les deux permettent de stocker du contenu sur un produit, mais n’ont pas la même fonction.
Description : Du contenu rédigé de manière libre, destiné à être lu par l’acheteur. Il s’agit d’un champ unique par produit.
Metafields : Des données typées et structurées. Il y a plusieurs champs par produit. Chaque champ a un format que vous avez défini : on peut faire des requêtes pour les chercher, les filtrer ou les afficher de manière cohérente sur tout le catalogue.
Privilégiez la description pour le texte narratif. Utilisez les metafields pour les données structurées que vous voulez afficher de manière récurrente et uniforme.
