Les metafields Shopify vous permettent d’ajouter des champs personnalisés aux produits, collections, clients et commandes via l’administrateur Shopify ou le code Liquid. En utilisant ces champs, vous pouvez stocker des informations que les paramètres Shopify standard ne couvrent pas, telles que des listes d’ingrédients spécifiques, des instructions de montage ou des détails de garantie. Ce tutoriel offre une voie claire aux propriétaires de boutiques pour gérer efficacement ces données, garantissant que votre vitrine affiche les informations exactes requises par vos clients sans dépendre d’applications tierces pour de simples tâches de stockage de données.
Que sont les metafields Shopify et pourquoi devriez-vous les utiliser ?
Les metafields agissent comme des conteneurs de stockage personnalisés pour les données de votre boutique. Bien que l’éditeur de produits Shopify standard inclue des champs pour les titres, les descriptions et les prix, il manque d’emplacements pour les attributs uniques qui varient selon la niche. Par exemple, si vous gérez une boutique de vélos, vous pourriez avoir besoin de champs pour le matériau du cadre ou les rapports de transmission. Au lieu de fourrer ces données dans la description principale, vous pouvez créer une définition de metafield spécifique pour cela. Cela garde votre backend organisé et permet à votre code de thème de récupérer ces informations spécifiques dans des endroits désignés sur vos pages produits.
Au-delà du texte simple, ces champs prennent en charge divers types de données, y compris les dates, les fichiers, les couleurs et les mesures. Cette flexibilidad est utile lorsque vous souhaitez créer un aspect cohérent dans toute votre boutique. En définissant un metafield, vous définissez des règles sur le type de données qui peuvent être saisies, ce qui évite les erreurs et maintient la base de données de votre boutique propre. Cette approche est supérieure à l’ajout de blocs de texte manuels aux descriptions car elle sépare le contenu de votre boutique de sa structure, rendant les futures mises à jour de thème beaucoup plus faciles à gérer.
Comment configurer les définitions de metafields dans l’administrateur Shopify
La configuration des metafields commence dans le menu des paramètres de votre administrateur Shopify. Vous devez définir l’espace de noms (namespace) et la clé (key), qui servent d’identifiant pour votre code. Suivez ces étapes pour configurer un nouveau champ :
- Allez dans Paramètres dans votre panneau d’administration Shopify.
- Sélectionnez Données personnalisées dans la barre latérale gauche.
- Choisissez la partie de votre boutique à laquelle vous souhaitez ajouter des données, telle que Produits ou Collections.
- Cliquez sur Ajouter une définition pour commencer à créer un nouveau champ.
- Entrez un Nom, un Espace de noms (Namespace) et une Clé (Key). L’espace de noms et la clé sont utilisés pour référencer le champ dans le code de votre thème.
- Sélectionnez le type de données, tel que Texte, Nombre ou Date.
- Enregistrez votre définition pour la rendre disponible à l’utilisation dans l’éditeur de votre boutique.
Quels types de données sont disponibles pour votre boutique ?
Choisir le bon type de données est important pour la façon dont les informations sont affichées à vos clients. Shopify propose plusieurs options qui aident à maintenir l’intégrité des données. Un champ de texte est basique, mais l’utilisation d’un type spécifique comme une URL ou un fichier permet à la plateforme de gérer correctement les données. Par exemple, si vous utilisez un type de données de couleur, l’administrateur affiche un sélecteur de couleur, ce qui est beaucoup plus intuitif pour votre équipe que de taper des codes hexadécimaux manuellement.
| Type de données | Meilleur cas d’utilisation | Méthode de saisie |
|---|---|---|
| Texte sur une seule ligne | Spécifications courtes comme le matériau | Champ de texte |
| Couleur | Échantillons ou image de marque | Sélecteur de couleur |
| Fichier | Manuels PDF ou images | Chargeur de fichiers |
| Entier/Décimal | Dimensions techniques | Saisie numérique |
Comment pouvez-vous afficher les metafields sur votre vitrine ?
Une fois que vous avez défini vos champs et les avez remplis de données, vous devez les afficher à vos clients. Si vous utilisez un thème qui prend en charge Online Store 2.0, vous pouvez connecter ces champs directement à vos blocs de thème via l’éditeur. Ouvrez simplement le modèle de page produit, cliquez sur un bloc de texte ou d’image, et cliquez sur le bouton de connexion pour choisir le metafield correspondant.
Pour des mises en page plus avancées, vous devrez peut-être modifier les fichiers Liquid. Vous pouvez y accéder dans la zone Thèmes en choisissant Modifier le code. Pour afficher un metafield en Liquid, vous utilisez la notation d’objet telle que product.metafields.namespace.key. Cela vous permet de placer les données n’importe où dans votre structure HTML, comme sous le prix ou à l’intérieur d’une zone de description à onglets. Testez toujours votre code Liquid sur un thème de brouillon avant de le pousser sur votre site en direct pour vous assurer qu’il s’affiche correctement sur les ordinateurs de bureau et les appareils mobiles.
Comment Alien Road applique les metafields Shopify pour ses clients
Chez Alien Road, nous nous concentrons sur la rendre les données de la boutique évolutives et faciles à gérer pour nos clients. Dans le cadre d’une collaboration typique, nous commençons par auditer les informations actuelles sur les produits du client pour identifier le contenu répétitif qui pourrait être mieux géré via des champs personnalisés. Au lieu de faire taper manuellement aux clients des tableaux de tailles ou des clauses de non-responsabilité d’expédition sur chaque page de produit, nous créons une définition de metafield globale.
Nous utilisons également ces champs à des fins d’organisation interne, telles que le suivi des codes fournisseurs ou des notes de stock internes qui n’ont pas besoin d’être publiques. En utilisant l’interface d’administration pour remplir ces champs, nos clients passent moins de temps à fouiller dans des feuilles de calcul et plus de temps à gérer leur catalogue. Nous veillons à ce que chaque champ personnalisé soit clairement étiqueté afin que même les membres de l’équipe sans compétences techniques puissent mettre à jour le contenu de la boutique en toute confiance.
Quelles sont les erreurs courantes à éviter ?
Un problème courant est de nommer vos metafields d’une manière qui rend leur suivi difficile. L’utilisation de noms vagues comme ‘field1’ ou ‘data_a’ créera de la confusion à mesure que votre boutique se développe. Utilisez toujours des noms descriptifs qui reflètent le contenu, tels que ‘care_instructions’ ou ‘material_composition’. Une autre erreur est de ne pas définir de limite sur les champs de texte, ce qui peut entraîner des problèmes de mise en page si un utilisateur saisit un paragraphe là où une seule phrase courte devait apparaître.
- Évitez d’utiliser des caractères spéciaux dans votre espace de noms et votre clé.
- Vérifiez les paramètres de votre thème pour voir si un bloc prend déjà en charge le type de données dont vous avez besoin.
- Gardez votre convention de nommage cohérente sur tous les types de produits.
- Documentez toujours l’utilisation de chaque champ personnalisé afin que les autres membres de l’équipe comprennent son objectif.
- Vérifiez votre vue mobile après l’avoir ajoutée pour vous assurer qu’elle ne casse pas la mise en page.
Par où commencer cette semaine
Cette semaine, identifiez une tâche répétitive dans vos pages produits. Si vous vous surprenez à taper le même texte sur plusieurs pages, créez une définition de metafield pour ces informations. Ajoutez-la à un produit à titre d’essai, puis connectez-la à votre modèle de thème. Une fois que vous voyez les données apparaître correctement sur le front-end, vous pouvez procéder à la mise à jour en masse de vos produits restants à l’aide de l’éditeur en masse Shopify ou d’une importation CSV.
Foire aux questions
Puis-je utiliser des metafields pour filtrer les produits ?
Oui, vous pouvez utiliser des metafields pour créer des filtres personnalisés dans votre boutique. En utilisant le système de filtrage de l’application de recherche et de découverte Shopify, vous pouvez sélectionner vos metafields définis comme options de filtre. Cela aide les clients à affiner les produits en fonction d’attributs spécifiques que vous avez ajoutés, tels que le matériau, la taille ou des balises personnalisées qui n’étaient pas possibles avec les champs de produits standard.
Les metafields affectent-ils la vitesse de ma boutique ?
En général, l’utilisation de metafields n’affecte pas négativement la vitesse de votre boutique. Ils font partie de l’architecture native de Shopify et sont conçus pour être récupérés efficacement. Cependant, si vous appelez un nombre excessif de metafields sur une seule page ou si vous utilisez de très grands objets de fichiers, vous devez toujours surveiller les performances de chargement de vos pages pour garantir que votre boutique reste rapide pour vos visiteurs.
Puis-je importer des metafields en masse ?
Oui, vous pouvez importer des données de metafield en masse à l’aide du processus d’importation CSV standard de Shopify. Vous devez inclure des colonnes dans votre fichier CSV qui correspondent à l’espace de noms et à la clé de vos metafields définis. C’est un moyen très efficace de remplir des données pour l’ensemble de votre catalogue en une seule fois, plutôt que de saisir des informations pour chaque produit individuel manuellement dans l’administrateur.
Les metafields sont-ils visibles pour les clients ?
Les metafields ne sont visibles pour les clients que si vous les ajoutez explicitement à votre code de thème ou les connectez à vos blocs de thème. Si vous les utilisez uniquement pour des notes internes ou un suivi backend, vos clients ne verront pas les données. Cela en fait un outil parfait pour stocker à la fois des informations destinées au public et des données de gestion de boutique privées au sein du même système.
Continuer la lecture : E-commerce · E-commerce