Aide
Se connecter

Ajout de nuanciers de couleurs à l’aide des champs méta de catégorie

Les champs méta de catégorie correspondent à des catégories de produits spécifiques dans la taxonomie de produit standard de Shopify. Les champs méta de catégorie, appelés attributs de produit dans la taxonomie, vous aident à ajouter les bonnes informations à vos produits pour qu’ils soient plus faciles à découvrir par les visiteurs sur votre site, sur les places de marché et sur les moteurs de recherche.

Par exemple, si vous ajoutez la catégorie de produits Apparel & Accessories > Clothing > Clothing Tops > Shirts, vous pouvez alors ajouter des champs méta de catégorie pour clothing size, neckline, sleeve length type, et plus encore. Sur la base des prévisions de Shopify Magic, certains champs méta de catégorie sont ajoutés par défaut. D’autres champs méta de catégorie peuvent être suggérés, et vous pouvez choisir de les ajouter à votre boutique. Les champs méta de catégorie ont des entrées par défaut que vous pouvez utiliser telles quelles ou personnaliser davantage.

Vous pouvez connecter les champs méta de catégorie à vos options de variantes de produits et les entrées à vos valeurs d’option. Cela signifie que vous pouvez modifier la couleur black en graphite et que vos valeurs de variante sont mises à jour partout où cette couleur est utilisée. Lorsque vous utilisez des entrées de couleur comme options de variante, vous pouvez afficher les options de variante sous forme de nuanciers pour les options de couleur sur les pages de produit de votre boutique en ligne.

Vous pouvez ajouter des champs méta de catégorie à vos produits directement depuis votre interface administrateur Shopify.

Pour effectuer toutes les étapes, vous avez besoin d’un thème qui prend en charge les options de variantes avec des nuanciers. Si vous utilisez des thèmes vintage ou si vous souhaitez ajouter des fonctionnalités que votre thème ne prend pas en charge, vous pouvez modifier le code de votre thème ou engager un Partenaire Shopify pour vous aider.

Ce tutoriel en 5 étapes présente la taxonomie de produit standard de Shopify, l’ajout de champs méta de catégorie, la connexion des options de variantes aux champs méta de catégorie, la personnalisation des nuanciers de couleurs sur votre boutique en ligne et l’ajout de nuanciers de couleurs comme filtre à la recherche de votre boutique avec l’application Search & Discovery.

Sur cette page

Étape 1 : ajouter une catégorie de produits

Une catégorie de produits est sélectionnée parmi les catégories prédéfinies de la taxonomie de produit standard de Shopify.

La taxonomie de produit standard de Shopify est utilisée aux fins suivantes :

  • Activer les attributs de produit, appelés champs méta de catégorie, qui correspondent à chaque catégorie de produits.
  • Mieux gérer vos produits dans Shopify, par exemple en tant que condition pour une collection, ou pour vous aider à filtrer votre liste de produits.
  • Faciliter la vente de produits sur d’autres canaux qui exigent un type de produit normalisé, comme Facebook ou Google.
  • Déterminer le taux de taxation du produit lorsque vous utilisez Shopify Tax. Vos produits peuvent être soumis à des taux spéciaux ou à des exonérations. Lorsqu’un produit est correctement catégorisé, le taux de taxation le plus exact est perçu au moment du paiement. La perception d’un montant de taxe de vente trop élevé ou insuffisant peut entraîner une responsabilité financière ou juridique pour votre entreprise.

La catégorie de produits Apparel & Accessories > Clothing > Clothing Tops > Shirts en est un exemple. Il s’agit de la catégorie d’exemple utilisée tout au long de ce tutoriel. Cependant, vous pouvez ajouter des nuanciers de couleurs pour n’importe quel champ méta de catégorie avec l’attribut de produit color.

Les autres champs méta de catégorie pour Apparel & Accessories > Clothing > Clothing Tops > Shirts incluent size, neckline, sleeve length type, top length type, age group, fabric, target gender et clothing features. Les champs méta de catégorie ont des entrées par défaut que vous pouvez utiliser telles quelles ou personnaliser davantage pour conserver une identité de marque cohérente. Par exemple, si la couleur black ne correspond pas à votre identité de marque, vous pouvez la renommer graphite.

En fonction des informations et des supports multimédias que vous fournissez pour un produit, une catégorie peut être remplie automatiquement. Vous pouvez la remplacer par une autre catégorie.

Étapes :

Sur ordinateur

  1. Depuis votre interface administrateur Shopify, allez à Produits.

  2. Cliquez sur un produit.

  3. Dans la section Catégorie, sélectionnez Apparel & Accessories > Clothing > Clothing Tops > Shirts ou une autre catégorie avec l’attribut de produit de couleur.

  4. Cliquez sur Enregistrer.

Sur mobile
  1. Depuis l’application Shopify, appuyez sur l’icône Produits.
  2. Appuyez sur un produit pour le modifier ou recherchez-en un.
  3. Dans la section Catégorie, appuyez sur Sélectionner une catégorie.
  4. Sélectionnez Apparel & Accessories > Clothing > Clothing Tops > Shirts ou une autre catégorie avec l’attribut de produit de couleur.
  5. Appuyez sur Enregistrer ou sur ✓.

Étape 2 : ajouter et modifier les entrées pour vos champs méta de catégorie

Après avoir ajouté une catégorie de produits, vous pouvez ajouter toutes les entrées dont vous avez besoin pour les valeurs d’option de variante de votre produit.

Étapes :

Sur ordinateur

  1. Depuis votre interface administrateur Shopify, allez à Produits.

  2. Cliquez sur le produit contenant les champs méta de catégorie que vous souhaitez modifier ou ajouter.

  3. Pour ajouter une entrée à partir des entrées par défaut, effectuez les tâches suivantes :

    1. Dans la section Champs méta de catégorie, cliquez sur le champ méta de catégorie, puis sur l’entrée que vous souhaitez modifier.
    2. Modifiez les champs au besoin.
    3. Cliquez sur Enregistrer.

  4. Pour ajouter une entrée personnalisée, effectuez les tâches suivantes :

    1. Dans la section Champs méta de catégorie, cliquez sur le champ méta de catégorie, puis sur Ajouter une nouvelle entrée.
    2. Remplissez les champs pour l’entrée.
    3. Cliquez sur Enregistrer.

  5. Cliquez sur Enregistrer.

Sur mobile

  1. Depuis l’application Shopify, appuyez sur l’icône Produits.

  2. Appuyez sur le produit contenant les champs méta de catégorie que vous souhaitez modifier ou ajouter.

  3. Pour ajouter une entrée à partir des entrées par défaut, effectuez les tâches suivantes :

    1. Dans la section Champs méta, appuyez sur Tout afficher.
    2. Appuyez sur le champ méta de catégorie. Sélectionnez des valeurs supplémentaires.
    3. Appuyez sur Enregistrer ou sur ✓.

  4. Pour ajouter une entrée personnalisée, effectuez les tâches suivantes :

    1. Dans la section Champs méta, appuyez sur Tout afficher.
    2. Appuyez sur le champ méta de catégorie.
    3. Appuyez sur +.
    4. Remplissez les champs pour l’entrée.
    5. Appuyez sur Enregistrer ou sur ✓.

Étape 3 : connecter vos champs méta de catégorie aux options de variante

Dans ce tutoriel, vous allez connecter le champ méta de catégorie pour la couleur. Vous pouvez connecter d’autres champs méta de catégorie, si nécessaire.

Lorsque vous ajoutez une variante, une liste de champs méta de catégorie s’affiche. Vous pouvez vous y connecter ou créer une option personnalisée.

Étapes :

Sur ordinateur

  1. Depuis votre interface administrateur Shopify, allez à Produits.

  2. Cliquez sur le produit que vous souhaitez modifier.

  3. Dans la section Variantes, cliquez sur + Ajouter des options comme la taille ou la couleur.

  4. Si un champ méta de catégorie est disponible pour la connexion, sélectionnez-le. Les valeurs de l’option sont automatiquement remplies avec les entrées que vous avez ajoutées au champ méta de catégorie. Vous pouvez sélectionner d’autres valeurs d’option ou en créer de nouvelles.

  5. Facultatif : si vous souhaitez ajouter des valeurs d’option personnalisées, cliquez sur Modifier, puis sur Ajouter une nouvelle entrée. Remplissez les champs de l’entrée, puis cliquez sur Enregistrer.

  6. Cliquez sur Enregistrer pour enregistrer le produit.

Sur mobile
  1. Depuis l’application Shopify, appuyez sur l’icône Produits.
  2. Appuyez sur un produit.
  3. Si vous n’avez pas d’options de variante, dans la section Variantes, appuyez sur + Ajouter des options comme la taille ou la couleur. Si vous avez des options de variante, dans la section Options, appuyez sur Modifier, puis sur Ajouter une option.
  4. Si un champ méta de catégorie est disponible pour la connexion, appuyez dessus pour le sélectionner. Les valeurs de l’option sont automatiquement remplies avec les entrées que vous avez ajoutées au champ méta de catégorie. Vous pouvez sélectionner d’autres valeurs d’option ou en créer de nouvelles en appuyant sur Ajouter une valeur, puis en appuyant sur les valeurs que vous souhaitez ajouter.
  5. Facultatif : si vous souhaitez ajouter des valeurs d’option personnalisées, saisissez l’option dans le champ Ajouter une valeur. Appuyez sur + Ajouter {option name}, remplissez les champs de l’entrée, puis appuyez sur Enregistrer ou sur ✓.
  6. Appuyez sur Enregistrer ou sur ✓.

Migrer vos options de variante vers des champs méta de catégorie

Si vous avez déjà créé un produit avec des options de variante, vous pouvez migrer vos valeurs vers des champs méta de catégorie et générer rapidement plusieurs nouvelles combinaisons de variantes. Si vous utilisez des champs méta de catégorie pour créer vos options de variante, vous pouvez mettre à jour les noms des options de variante à un seul endroit, et la mise à jour se répercute partout où la valeur de ce champ méta de catégorie est utilisée.

Connectez le champ méta de catégorie à une option existante en cliquant sur l’icône de source dynamique ⛁ ;

Sur ordinateur

Étapes :

  1. Depuis votre interface administrateur Shopify, allez à Produits.

  2. Cliquez sur le produit avec les options de variante que vous souhaitez migrer vers des champs méta de catégorie.

  3. Facultatif : si votre produit n’a pas de catégorie, effectuez l’une des étapes suivantes :

    • Saisissez la catégorie de votre produit, puis sélectionnez le résultat le plus pertinent dans la liste Catégorie de produit.
    • Parcourez chaque niveau des catégories et sous-catégories pour trouver la catégorie de votre produit.
    • Cliquez sur Suggérée pour accepter la catégorie suggérée.

  4. Pour connecter votre option de variante à un champ méta de catégorie, effectuez l’une des tâches suivantes :

    • Cliquez sur une option existante, sur l’icône de source dynamique, puis sur le champ méta de catégorie que vous souhaitez connecter.
    • Cliquez sur Ajouter une autre option, puis sur le champ méta de catégorie que vous souhaitez connecter.

  5. Cliquez sur Enregistrer.

Sur mobile
  1. Depuis l’application Shopify, appuyez sur l’icône Produits.
  2. Appuyez sur le produit avec les options de variante que vous souhaitez migrer vers des champs méta de catégorie.
  3. Facultatif : si votre produit n’a pas de catégorie, effectuez l’une des étapes suivantes :
    • Appuyez sur Sélectionner une catégorie, saisissez la catégorie de votre produit, puis sélectionnez le résultat le plus pertinent dans la liste Catégorie.
    • Appuyez sur Sélectionner une catégorie, parcourez chaque niveau des catégories et sous-catégories pour trouver la catégorie de produit la plus pertinente, puis appuyez sur la catégorie pour la sélectionner.
  4. Dans la section Options, appuyez sur Modifier.
  5. Pour connecter votre option de variante à un champ méta de catégorie, effectuez l’une des tâches suivantes :
    • Appuyez sur une option existante, sur Aucune source connectée, puis sur le champ méta de catégorie que vous souhaitez connecter.
    • Appuyez sur Ajouter une option, puis sur le champ méta de catégorie que vous souhaitez connecter.
  6. Une boîte de dialogue s’affiche avec un message indiquant que les valeurs existantes seront effacées. Appuyez sur Continuer.
  7. Appuyez sur Enregistrer ou sur ✓.

Étape 4 : personnaliser les nuanciers de couleurs pour votre boutique en ligne

Vous allez ensuite personnaliser les nuanciers de couleurs pour votre boutique en ligne.

Exemple de boutique en ligne avec des options de nuancier sélectionnables

Exemple de paramètres Dawn pour les nuanciers

Personnaliser les nuanciers dans votre thème

Si vous avez un bloc de sélecteur de variantes, vos nuanciers devraient s’afficher par défaut. Vous pouvez personnaliser leur affichage dans les paramètres du bloc.

Étapes :

  1. Depuis votre interface administrateur Shopify, accédez à Boutique en ligne > Thèmes.

  2. Cliquez sur Modifier le thème.

  3. Accédez au produit auquel vous avez ajouté des options de couleur.

  4. Facultatif : pour personnaliser les nuanciers, cliquez sur le bloc Sélecteur de variantes. Vous pouvez modifier l’affichage des nuanciers en choisissant Cercle, Carré ou Aucun.

  5. Cliquez sur Enregistrer pour enregistrer le thème.

Vous pouvez maintenant accéder à la page de produit sur votre boutique en ligne. Les nuanciers de couleurs s’affichent pour les valeurs de vos options de variante.

Vous pouvez également ajouter des nuanciers de couleurs aux filtres de votre boutique avec l’appli Search and Discovery. En savoir plus sur l’appli Search and Discovery.

Si l’appli Search and Discovery n’est pas installée dans votre boutique, vous devez l’installer avant d’effectuer ces étapes. En savoir plus sur l’installation d’applis.

Étapes :

  1. Dans l’appli Shopify Search & Discovery, accédez à Filtres, puis cliquez sur Ajouter un filtre.
  2. Cliquez sur + Sélectionner la source, puis sélectionnez Couleur avec le type Champ méta de catégorie.
  3. Facultatif : renommer le filtre.
  4. Facultatif : modifiez le comportement du filtre.
  5. Facultatif : modifiez l’affichage visuel en cliquant sur Gérer les valeurs. Vous pouvez ensuite sélectionner Inclure l’échantillon, qui affiche la couleur par défaut, et Utiliser les images si disponibles, qui affiche les images que vous ajoutez pour vos couleurs. Vous pouvez laisser les deux options désélectionnées pour n’afficher que du texte dans votre recherche.
  6. Facultatif : sélectionnez des valeurs de filtre pour les regrouper en une seule valeur.
  7. Facultatif : triez les valeurs de filtre.
  8. Cliquez sur Enregistrer.

Options de couleur avec nuanciers

La taxonomie de produits Shopify mise à jour inclut un attribut de couleur standard qui vous permet d’ajouter des nuanciers à votre boutique en ligne. Pour accéder à cet attribut standard, sélectionnez une catégorie de produits qui inclut un champ méta de catégorie de couleur. Les champs méta de catégorie suivants prennent en charge les nuanciers :

  • Couleur du dos
  • Couleur du rembourrage du dossier
  • Couleur de la bande
  • Couleur de la couverture
  • Couleur du corps
  • Couleur de l’embout
  • Couleur
  • Couleur de l’auvent
  • Couleur du boîtier
  • Couleur du noyau
  • Couleur de la housse
  • Couleur du cadran
  • Couleur de la porte
  • Couleur de la base du paillasson
  • Couleur de la monture des lunettes
  • Couleur des verres de lunettes
  • Couleur de la touche
  • Couleur de la fleur
  • Couleur de la plaque de commande
  • Couleur de la chaussure
  • Couleur du fond de teint
  • Couleur du cadre
  • Couleur du meuble/luminaire
  • Couleur de la poignée
  • Couleur du boîtier
  • Couleur de l’encre
  • Couleur de l’instrument
  • Couleur de la corde d’instrument
  • Couleur de la surface de saut
  • Couleur du laser
  • Couleur du pied
  • Couleur du verre
  • Couleur de la lumière
  • Couleur du manche
  • Couleur du stylo
  • Couleur du poteau
  • Couleur du rehausseur
  • Couleur de la tige
  • Couleur de la base de la selle
  • Couleur du siège de la selle
  • Couleur du siège
  • Couleur du rembourrage du siège
  • Couleur du manche
  • Couleur du drap
  • Couleur de l’étagère
  • Couleur de la coque/du cadre
  • Couleur de la latte
  • Couleur de la bobine
  • Couleur de la corde
  • Couleur de la ventouse
  • Couleur du plateau de table
  • Couleur du réservoir
  • Couleur de la branche
  • Couleur du dessus
  • Couleur du rembourrage