Un metafield Shopify est un champ de données personnalisé que vous attachez à une ressource de votre boutique (produit, collection, client, commande, page) pour stocker des informations que Shopify ne prévoit pas par défaut : dimensions, composition, guide des tailles, badges. Depuis que metafields et metaobjets cohabitent, ils forment la colonne vertébrale des boutiques modernes.
Chez Stellar Projects, cette évolution a changé notre façon de concevoir des sites : nous construisons désormais des boutiques 100 % administrables en natif Shopify, sans app tierce de champs personnalisés type Accentuate Custom Fields ni page builder type Shogun. Résultat pour nos clients : des sites plus souples, plus rapides, facilement évolutifs, avec une structure de données claire qu'ils prennent en main sans nous appeler à chaque modification. Ce guide vous montre comment faire pareil.
Sommaire
Qu'est-ce qu'un metafield Shopify ?
Un metafield est un champ supplémentaire attaché à une ressource Shopify existante. Là où une fiche produit standard contient un titre, une description, un prix et des variantes, les metafields permettent d'y ajouter n'importe quelle donnée structurée : une dimension, une matière, une date, une image, une référence vers un autre contenu.
Chaque metafield se définit par un espace de noms (namespace), une clé et un type de données. Cette structure garantit que la donnée est propre, réutilisable et affichable n'importe où dans le thème. Les metafields existent sur les produits, variantes, collections, clients, commandes, pages, articles de blog et sur la boutique elle-même. C'est la brique de base de la personnalisation Shopify moderne, complétée par les metaobjets pour les contenus autonomes.
Notre parti pris : des sites 100 % natifs, sans apps de champs
Pendant des années, ajouter des champs personnalisés à Shopify passait obligatoirement par des applications tierces comme Accentuate Custom Fields, et construire des pages riches par des page builders comme Shogun. Depuis que metafields et metaobjets cohabitent nativement, nous avons complètement fait évoluer notre manière de concevoir les sites : ces applications ne font plus partie de notre stack.
Concrètement, chaque boutique que nous livrons aujourd'hui est 100 % administrable en natif Shopify. Ce choix a quatre conséquences directes pour nos clients :
- Des abonnements d'apps en moins : les champs personnalisés et la construction de pages ne coûtent plus un centime de plus par mois.
- Un site plus rapide : moins de scripts tiers chargés sur chaque page, c'est autant de gagné sur les Core Web Vitals.
- Une évolutivité sans dette : la donnée vit dans Shopify, pas dans une app ; changer de thème ou faire évoluer le design ne casse rien.
- Une autonomie réelle : la structure de données est organisée clairement (définitions épinglées, nommage cohérent), si bien que nos clients modifient leurs contenus eux-mêmes, sans dépendre de nous.
Créer un metafield pas à pas
Aucun code n'est nécessaire pour créer et remplir un metafield. Le parcours complet dans l'admin :
- Ouvrez Paramètres, puis Données personnalisées. C'est le centre de contrôle de tous vos metafields et metaobjets.
- Choisissez la ressource (Produits, Variantes, Collections, Pages...) puis cliquez sur « Ajouter une définition ».
- Nommez la définition : un nom clair (par exemple « Guide des tailles »), un espace de noms et une clé générés automatiquement, une description pour vos équipes.
- Sélectionnez le type de données (voir le tableau ci-dessous) : c'est lui qui garantit la propreté de la donnée saisie.
- Épinglez la définition pour la faire apparaître directement sur les fiches concernées, puis remplissez le champ sur chaque produit.
Une fois la définition créée, le champ apparaît en bas de chaque fiche produit, prêt à être rempli par n'importe quel membre de l'équipe, sans risque de casser quoi que ce soit.
Les types de données disponibles
Le type conditionne à la fois la saisie et l'affichage. Les principaux :
| Type | Usage typique |
|---|---|
| Texte (ligne ou multiligne) | Conseil d'entretien, mention réglementaire |
| Texte enrichi | Bloc éditorial avec gras, listes et liens |
| Nombre (entier ou décimal) | Contenance, nombre de pièces |
| Dimension, poids, volume | Données physiques avec unité intégrée |
| Date et date-heure | Date de récolte, de réédition, de disponibilité |
| Couleur | Nuancier réel d'un coloris |
| Fichier (image, vidéo, PDF) | Fiche technique, certificat, notice |
| URL | Lien externe contrôlé |
| Vrai / faux | Badge conditionnel (fabriqué en France, précommande) |
| Référence (produit, collection, page, metaobjet) | Produits associés, renvoi vers un contenu structuré |
| JSON | Données complexes pour les développeurs |
4 cas d'usage concrets (dont nos boutiques)
Les metafields produit que nous déployons le plus souvent en production, à commencer par notre propre marque Cabania, dont chaque fiche produit est structurée avec des metafields : dimensions du lit, âge recommandé, matériaux. Quand l'équipe ajoute un nouveau modèle, elle remplit ces champs et le thème affiche tout au bon endroit, automatiquement.
- Guide des tailles. Un metafield de référence pointe vers le bon tableau de tailles selon la catégorie : un seul contenu à maintenir, affiché sur des dizaines de fiches.
- Composition et matériaux. Texte structuré ou références, pour afficher la composition exacte sans la noyer dans la description.
- FAQ produit. Questions-réponses propres à chaque produit, affichées en accordéon et exploitables en données structurées.
- Badges conditionnels. Un champ vrai/faux pilote l'affichage d'un badge (fabriqué en France, éco-conçu, précommande) sans toucher au thème.
Afficher un metafield, avec ou sans code
Depuis les thèmes Online Store 2.0, l'affichage se fait sans code : dans l'éditeur de thème, chaque bloc de texte, d'image ou de liste peut être connecté à une « source dynamique », c'est-à-dire directement à votre metafield. Vous insérez un bloc, cliquez sur l'icône de connexion, choisissez le champ : terminé.
Pour les cas avancés, afficher un metafield en Liquid tient en une ligne. Exemple réellement utilisé en production pour afficher une dimension :
{% if product.metafields.custom.dimensions != blank %}
<p class="product-dimensions">Dimensions : {{ product.metafields.custom.dimensions.value }}</p>
{% endif %}
La condition évite d'afficher un libellé vide quand le champ n'est pas rempli : un réflexe simple qui distingue une intégration propre d'une intégration bricolée.
Au-delà de l'affichage, vous pouvez aussi modifier vos metafields via l'API : c'est la méthode qu'utilisent les PIM, les ERP et les outils d'enrichissement automatique pour écrire ces champs en masse, sans passer par l'admin.
Metafield ou metaobjet ?
La règle de décision tient en une phrase : un metafield attache une donnée à une ressource existante, un metaobjet crée un contenu autonome et réutilisable. La dimension d'un lit appartient à ce produit : metafield. Une fiche matériau détaillée, réutilisée sur trente produits : metaobjet, référencé par un metafield. Les deux se combinent, et c'est précisément cette combinaison qui a rendu les apps tierces superflues. Nous avons consacré un guide complet aux metaobjets Shopify.
Limites et pièges à éviter
L'erreur que nous retrouvons dans 8 audits sur 10 : des metafields créés à la volée, souvent par d'anciennes apps, sans définition centralisée. Résultat : des espaces de noms anarchiques, des doublons, des champs texte fourre-tout là où un type structuré s'imposait. La donnée existe, mais personne ne sait plus qui l'affiche ni où. Trois règles l'évitent :
- Toujours passer par les définitions (Paramètres, Données personnalisées), jamais par des champs sauvages créés au fil de l'eau.
- Choisir le type le plus strict possible : une dimension se stocke en type dimension, pas en texte libre.
- Documenter le nommage : une convention claire d'espaces de noms rend la structure lisible par toute l'équipe, y compris celle qui arrivera dans deux ans.
Dernière limite à connaître : les metafields ne s'affichent pas seuls, il faut les connecter dans le thème. C'est le travail que nous faisons lors de chaque création ou refonte de boutique Shopify : une architecture de données pensée dès le départ, pour un site que vous administrez ensuite sans nous. Pour aller plus loin sur les fondamentaux, notre guide ultime Shopify et notre FAQ Shopify complètent cette page.