Ajouter les bonnes informations à tes fiches avec les metafields Shopify

Quelle question ton acheteur se pose-t-il ?

Un champ méta ajoute une donnée à un élément qui existe déjà, comme un produit. Je distingue sa définition, qui fixe le nom et le format, de sa valeur, qui contient l'information propre à chaque fiche. Papier est la définition ; papier mat est une valeur. Le thème décide ensuite où cette valeur apparaît.

Sur Brunelia, ma boutique d’affiches Shopify, j’avais annoncé 1 400 affiches dans mon Carnet d’octobre. J’avais aussi repéré des visuels à remplacer, produits avec une IA moins performante. Avant d’ajouter des champs, je commencerais donc par ces images : une précision sur le papier ne corrige pas un mauvais visuel. Le champ Papier qui suit est un exemple de travail, pas un champ que je te présente comme déjà utilisé chez moi.

Dans Scientific Advertising, au chapitre Being Specific, Claude C. Hopkins prend le cas d’un brasseur qui décrit le refroidissement à l’air filtré et le nettoyage des bouteilles. Ces procédés existaient aussi chez des concurrents, mais personne ne les expliquait ainsi. J'en retiens une piste concrète pour ta fiche : rendre visible une caractéristique vérifiable, comme la finition du papier, plutôt qu'ajouter un adjectif flatteur.

Je noterais les questions qui reviennent avant de créer les champs : cadre inclus, matière, entretien, compatibilité. Puis je chercherais la réponse exacte dans les informations fournisseur. Si la réponse ne change pas selon le produit, je regarderais d'abord si un contenu commun suffit.

Télécharger en PNGÉpingler sur PinterestReprendre ce schéma (code avec source)

Produit ou variante : où ranger la donnée ?

Avant d'ajouter quoi que ce soit, je vérifie la catégorie attribuée au produit. Shopify peut déjà proposer des attributs adaptés, comme le tissu ou la couleur. Je regarde aussi les définitions standard suggérées : je les privilégie quand elles correspondent au besoin, au lieu de recréer une structure équivalente.

Je range au niveau produit ce qui décrit la fiche entière. Une variante, c'est une version que le client peut acheter, avec un choix comme le format. Si la donnée dépend de ce choix, je la rattache à la variante. Je garde les options d'achat dans les variantes : un texte qui dit grand format ne crée pas une option achetable.

Un métaobjet regroupe plusieurs champs dans une fiche réutilisable. Genre un artiste avec son nom, son portrait et sa présentation, référencé depuis plusieurs affiches. Pour afficher seulement le papier, je garde un champ simple. Si tu dois réutiliser une fiche artiste complète, je choisirais un champ de référence vers un métaobjet plutôt que de recopier sa biographie sur chaque produit.

Dans l’introduction d’Inspired, dont le récit figure dans les extraits de ma bibliothèque, Marty Cagan raconte un projet chez HP : l'équipe a livré un produit techniquement abouti, mais les clients ne l'ont pas acheté. Je fais le rapprochement avec ton catalogue : construire une structure parfaite ne sert pas si personne n'a besoin de l'information. Prends une fiche et demande à quelqu'un ce qui lui manque pour choisir.

Télécharger en PNGÉpingler sur PinterestReprendre ce schéma (code avec source)

Créer une définition de champ méta durable

Dans Paramètres, je cherche Champs méta et méta-objets, puis Produits et Ajouter une définition. Selon l'écran, Shopify peut aussi employer Données personnalisées. Je commence par un nom lisible pour la personne qui remplira les fiches. Pour notre exemple, je choisis Papier et je regarde les suggestions avant de créer une définition personnalisée.

Je vérifie l'espace de noms et la clé. Ce sont les identifiants techniques du champ : dans custom.papier, custom est le groupe et papier le nom technique. Je garde une clé simple, sans la renommer au fil de mes envies, parce que le thème ou une automatisation pourra s'appuyer dessus. Le libellé destiné à l'équipe peut rester plus explicite.

Je choisis ensuite le type, c'est-à-dire le format accepté. Un texte court convient pour une finition ; un texte sur plusieurs lignes pour des consignes sans mise en forme ; un texte enrichi pour des paragraphes mis en forme. Pour une mesure, je regarde le type Dimension plutôt que d'entasser valeur et unité dans une phrase.

Je décide aussi si j'attends une valeur unique ou une liste, lorsque le type le permet. Je configure les validations utiles proposées par ce type, comme des choix prédéfinis pour le texte court. Je décris la règle de saisie, j'enregistre, puis j'épingle le champ si je veux le retrouver facilement sur mes fiches.

Pour Brunelia, ma boutique d’affiches, je suis sur Shopify, et je te propose ici de partir des champs méta natifs pour structurer tes informations produit. Si tu démarres sans boutique, tu peux créer ta boutique avec Shopify, avec l’offre actuellement affichée de 3 jours d’essai gratuit puis 1 € par mois pendant 3 mois. Si tu es déjà abonné, je te conseille de garder ta boutique actuelle et de tester une fiche avant de remplir tout le catalogue.

Télécharger en PNGÉpingler sur PinterestReprendre ce schéma (code avec source)

Une valeur enregistrée ne s’affiche pas toute seule

J'ouvre le produit témoin dans Produits et je retrouve la zone Champs méta. Je saisis sa valeur, puis j'enregistre. Je rouvre la fiche pour vérifier que la donnée est restée. Pour un document, je choisirais un type Fichier adapté ; sa présentation dépend ensuite du réglage compatible dans le thème.

Je travaille ensuite dans une copie du thème, depuis Boutique en ligne puis Thèmes. J'ouvre l'éditeur et le modèle de produit concerné. Un modèle est une mise en page partagée par les produits auxquels il est affecté. Je sélectionne le produit témoin dans l'aperçu, puis un bloc dont le réglage accepte mon type de champ.

Pour un chemin précis, je prends Dawn, le thème de Shopify dont le code public prévoit ce réglage. Avec Papier défini en texte sur une seule ligne, ouvre le modèle Produit par défaut, puis Informations produits > Ajouter un bloc > Texte. Dans ce bloc, c’est le réglage Texte qu’il faut connecter : clique sur son icône de source dynamique, puis choisis Papier. Le code du bloc utilise bien ce réglage pour le contenu affiché ; je vérifie ensuite sur ta copie du thème que la valeur enregistrée apparaît. Tu peux déplacer le bloc sous le titre pour la repérer facilement.

À côté du réglage, je cherche l'icône de source dynamique. Je choisis Papier, j'enregistre et je regarde l'aperçu. La connexion demande au thème de lire la valeur du produit affiché. Je conserve donc un intitulé commun comme Papier, mais je ne tape pas papier mat dans le contenu fixe du bloc.

Si le champ n'apparaît pas dans le sélecteur, je vérifie le type accepté par le réglage et le contexte de la section. Une zone Image ne propose pas forcément un texte ; une section hors du contexte produit ne dispose pas des mêmes données. Je reviens alors au modèle de produit et au bloc Texte de Dawn pour isoler le problème, avant de chercher une autre présentation.

Télécharger en PNGÉpingler sur PinterestReprendre ce schéma (code avec source)

Champs vides et variantes : les contrôles à faire

Je compare le produit témoin avec une fiche où la valeur est vide. Je regarde le contenu, mais aussi le titre du bloc et l'espace laissé autour. Le comportement du contenant dépend du thème : une valeur absente ne signifie pas que tout l'accordéon disparaîtra. Je ne remplace pas un manque d'information par une affirmation générique.

Pour les variantes, je teste le choix dans la page elle-même. La donnée enregistrée sur une variante ne signifie pas que le thème actualise son affichage quand tu changes d'option. Je demande explicitement ce comportement si je fais intervenir un développeur, et je vérifie aussi le chargement direct de la variante choisie.

Liquid est le langage de modèles utilisé par Shopify pour assembler une page. Quand l'éditeur ne suffit pas, je peux faire afficher un texte simple avec product.metafields.custom.papier.value et l'échapper avec le filtre escape, qui neutralise les caractères de balisage. Pour du texte enrichi, le filtre metafield_tag produit le balisage adapté ; je ne lui applique pas une recette universelle pour tous les types.

Je fais entourer le bloc d'une condition qui contrôle la présence de la valeur avant d'afficher son titre. Je garde ce travail dans la copie du thème et je note le fichier modifié. Tu retrouveras les bases de ce langage dans mes guides Shopify techniques ; une modification doit pouvoir être retrouvée lors d'une mise à jour du thème.

Télécharger en PNGÉpingler sur PinterestReprendre ce schéma (code avec source)

Des valeurs cohérentes pour des filtres utiles

Sur Quel Canapé, j’ai repris le catalogue avec Claude Code et Codex. Les filtres dynamiques ont permis de présenter 950 canapés là où le catalogue en montrait 160. C'est le résultat raconté dans mon Carnet, sur mon site d'affiliation, pas une démonstration des metafields Shopify. Ce que j'en retiens pour toi : les caractéristiques doivent être exploitables pour aider le lecteur à trier.

Je définirais donc une écriture commune avant la saisie : papier mat partout, plutôt que mat, finition mate et papier matte au hasard. Dans Shopify Search & Discovery, l'application de recherche et de découverte des produits, certains types de champs méta peuvent servir de sources de filtres. Il faut ensuite les configurer et utiliser un thème compatible.

Je ne transforme pas un paragraphe d'entretien en filtre. Je choisis une caractéristique que le client veut réellement sélectionner. Dans Search & Discovery, ouvre Filtres, puis Ajouter un filtre et choisis le champ admissible comme source. Je vérifie ensuite sa présence dans les réglages de filtrage du modèle de collection du thème. Garde une liste claire des valeurs autorisées et désigne la personne qui peut en ajouter.

Un essai complet avant de remplir le catalogue

Dans The Lean Startup, Eric Ries décrit la boucle construire, mesurer, apprendre. Dans l’introduction, avec IMVU, il raconte aussi la mise sur le marché d'une version encore imparfaite pour apprendre des vrais clients. Je transpose cette méthode à ton chantier : valider une fiche exploitable avant de remplir tous les champs du catalogue.

Pour la saisie groupée, je sélectionne les produits dans l'administration, puis j'ouvre la modification en bloc. Dans Colonnes, j'ajoute les champs méta à renseigner. Je complète les cellules et j'enregistre ; si une validation refuse une valeur, je la corrige avant de considérer le lot comme terminé. Je commence par les produits témoins sélectionnés, pour vérifier les colonnes avant de reprendre les autres fiches.

Si tu passes par un fichier CSV, un tableau de données échangeable entre outils, Shopify prend en charge les champs méta de produits définis dans l'import et l'export des produits. Je repère la colonne product.metafields.custom.papier pour notre exemple. Attention, les champs méta de variantes ne sont pas pris en charge dans ce CSV de produits : je passe alors par l'éditeur en bloc des variantes. Je garde cette distinction dans ma procédure de sauvegarde.

Avant une opération large, je conserve une copie vérifiable des valeurs existantes dans un format qui les inclut réellement. Je ne suppose pas qu'un export quelconque sauvegarde tous mes champs. Je note aussi quelles données viennent d'une application ou d'une synchronisation : sinon, ma correction manuelle pourrait être remplacée au passage suivant.

Je termine sur téléphone avec le thème destiné à être publié : texte lisible, document accessible, aucune ligne vide gênante et bonne valeur après sélection d'une variante. Ensuite, je garde une fiche témoin dans mes contrôles de boutique pour repérer un affichage qui disparaîtrait après un changement de thème.

Télécharger en PNGÉpingler sur PinterestReprendre ce schéma (code avec source)

Garder de la place pour les informations utiles

Shopify autorise jusqu’à 256 définitions de champs méta par type de ressource, comme les produits ou les clients. Je vois cette limite comme un plafond technique, pas comme une liste à remplir. Avant d’ajouter une définition, je regarde si une donnée existante répond déjà au besoin.

Je te conseille de garder un petit dictionnaire des champs : leur rôle, leur clé et la personne qui les renseigne. Quand un champ semble abandonné, repère ses connexions dans le thème et les applications avant de décider de son sort.

Télécharger en PNGÉpingler sur PinterestReprendre ce schéma (code avec source)

Autres pages sur notre guide « Shopify technique : Liquid, metafields et API »

Toutes les pages du sujet sont dans notre guide « Shopify technique : Liquid, metafields et API ».