échantillons de couleurs shopify

Les nuances de couleurs de Shopify expliquées : Pourquoi en avez-vous besoin et comment les ajouter ?

Dernière mise à jour le 22 avril 2023 par Ewen Finser

Comme tout Boutique de commerce électronique Le propriétaire le sait, la première impression compte. En fait, il suffit de 0,05 seconde pour que les utilisateurs se fassent une opinion sur votre marque une fois qu'ils ont cliqué sur votre site web. Pour établir une meilleure relation avec les clients et continuer à réaliser des ventes, vous devez disposer d'une boutique bien présentée et conviviale dans laquelle ils peuvent naviguer. 

Consommateurs déteste le banal, le peu original et le compliqué.

Heureusement, si vous êtes un Shopify il existe un grand nombre de plugins, de guides d'utilisation et de conseils et astuces facilement accessibles pour vous aider à faire sortir votre boutique du lot. 

Si vous connaissez tous ces charmants petits compléments, il y a de fortes chances que vous ayez également entendu parler de Shopify les échantillons de couleurs. Toutefois, si vous n'avez vu le terme qu'en passant et que vous souhaitez en savoir plus, ou si vous n'êtes pas sûr qu'ils conviennent à votre magasin, restez avec nous pour en savoir plus. 

Que sont les nuanciers de couleurs Shopify ?

Que sont les nuanciers de couleurs Shopify

En bref, Shopify Les échantillons de couleurs sont des boutons colorés qui peuvent être placés sur la page d'un produit. Ils remplacent le menu déroulant traditionnel et permettent aux clients de "cliquer" sur le bouton de couleur pour voir la couleur sur le produit. 

En fin de compte, les visiteurs disposent ainsi d'une méthode plus attrayante, plus amusante et plus précise pour visualiser les produits de différentes couleurs sur votre boutique. C'est également plus convivial que de faire défiler un menu déroulant (qui peut devenir assez long si votre produit existe en plusieurs couleurs). 

Nuances de couleurs et menus déroulants

Nous avons déjà brièvement comparé les échantillons de couleurs aux menus déroulants, mais nous allons approfondir la question : 

Tests d'utilisabilité de Articles sur la recherche en UX a constaté que les menus déroulants qui utilisent les "mauvais" temps de saisie peuvent ralentir le processus de paiement, entraîner des erreurs de validation des champs, etc. En fin de compte, cela augmente les chances que les utilisateurs quittent le site à la fin du processus de paiement. 

De même, si les options sont trop nombreuses ou trop peu nombreuses, il n'est pas recommandé d'utiliser des menus déroulants. Les menus déroulants deviennent de plus en plus difficiles à parcourir lorsqu'il y a trop d'options à l'écran. Ils risquent également d'avoir des ratés et, même si ce n'est pas le cas, ils peuvent être visuellement accablants pour les utilisateurs.

Il existe également un risque d'incohérence des interfaces utilisateur d'un navigateur à l'autre, ce qui signifie qu'elles se présentent et fonctionnent différemment, ce qui peut être frustrant. 

De même, s'il y a trop peu d'options parmi lesquelles choisir, les utilisateurs sont également susceptibles d'abandonner la boutique. Il est intéressant de noter qu'une étude sur les performances de l'UX réalisée par Cabelas a montré que 39% des utilisateurs ont fermé le menu déroulant immédiatement après l'avoir ouvert lorsqu'ils se sont rendu compte que les options qui leur étaient proposées étaient limitées. 

Echantillons de couleurs

En revanche, lorsque vous utilisez des échantillons de couleurs, vous n'incitez pas les clients à ouvrir le menu pour ensuite être déçus ou submergés par les éléments qu'il contient. Au contraire, tout est présenté de manière claire et efficace. Les clients peuvent ainsi visualiser précisément ce que vous proposez sans avoir à fournir d'effort supplémentaire. 

Comme nous le savons, la plupart des consommateurs préfèrent une expérience d'achat transparente, et c'est exactement ce qu'offrent les échantillons de couleurs. Pensez par exemple à la dernière fois que vous avez acheté un pot de peinture.

Vous aviez probablement accès à plusieurs échantillons de couleurs en magasin, ce qui vous permettait de voir ce que contenait la boîte avant de l'ouvrir. Vous pouviez également voir différentes teintes et différents dégradés. Vous pouviez les comparer et essayer différentes combinaisons sans changer d'autres fonctions. Le principe est le même sur votre boutique en ligne. 

Comment ajouter des échantillons de couleurs à ma boutique ?

Comment ajouter des échantillons de couleurs à ma boutique ?

Des nuanciers de couleurs peuvent être ajoutés à la plupart des Magasins Shopify, quel que soit le thème que vous utilisez. Il n'est pas non plus nécessaire de connaître le HTML et le Javascript, vous n'avez donc pas besoin d'être un pro du codage ou un gourou de Shopify pour commencer. 

Vous pouvez ajouter des échantillons à des collections entières ou à des produits individuels : 

Ajouter des nuances avec des plugins

Si vous n'avez ni le savoir-faire ni le temps de programmer et de coder, vous pouvez utiliser un plugin de swatches de l'application Shopify magasin. Une recherche rapide de "swatches" dans la base de données des Shopify donne environ 206 résultats. Bien sûr, tous ces résultats ne sont pas pertinents, mais il y a tout de même de quoi se réjouir. abondance à choisir. 

Les plugins d'échantillons vous évitent de coder quoi que ce soit et sont faciles à installer. En outre, de nombreux plugins d'échantillons fonctionnent avec votre boutique quel que soit le thème, ce qui vous permet d'ajouter facilement des échantillons de couleurs et d'images à vos produits et collections. Vous n'aurez généralement pas besoin de modifier les fichiers liquides de votre thème. 

Parmi les plugins d'échantillons les plus populaires de Shopify, citons :

Tous les plugins ne sont pas gratuits. En fait, nombre d'entre eux sont proposés avec une période d'essai gratuite de 7 jours, à l'issue de laquelle vous devrez opter pour un plan payant. 

Swatch Plugins - Les avantages

Les plugins d'échantillons de couleurs sont un choix populaire pour les propriétaires de magasins Shopify. 

Voici pourquoi : 

  • Il n'est pas nécessaire de coder ou de programmer quoi que ce soit.
  • L'installation est rapide et simple.
  • Vous n'avez pas besoin de changer votre thème Shopify actuel.
  • La plupart des plugins permettent de personnaliser facilement la taille de vos variantes, de choisir la bonne couleur et de positionner les échantillons selon vos préférences.

Swatch Plugins - Les inconvénients

  • Les plugins coûtent souvent de l'argent - même si la plupart d'entre eux proposent une version d'essai ou un plan gratuit, vous devrez généralement payer un supplément pour bénéficier de tous les avantages.
  • Vous n'aurez pas autant de contrôle sur le processus d'installation (par exemple, certaines options ne sont pas aussi personnalisables qu'elles le sont lorsque vous installez manuellement des échantillons de couleurs).

Ajouter des nuances de couleur avec des thèmes

Supposons que vous ne souhaitiez pas utiliser de plugin. Dans ce cas, certains thèmes vous permettent d'utiliser automatiquement des échantillons au lieu du traditionnel menu déroulant pour les variantes de produits. 

Mais n'oubliez pas que cela ne concerne que certains thèmes et que tous les thèmes ne suivent pas le même processus d'activation des échantillons. 

Cependant, c'est l'une des façons les plus courantes d'activer manuellement les nuanciers de couleurs pour votre boutique Shopify.

  1. Rendez-vous dans l'administration de Shopify, puis cliquez sur "online store" (boutique en ligne), puis sur "themes" (thèmes) et enfin sur "customize theme" (personnaliser le thème). L'éditeur de thème s'ouvre alors. Une fois que vous avez fait cela, lancez l'onglet "theme settings" (paramètres du thème), puis ouvrez la section intitulée "products" (produits). 
  2. Dans la section "Produits", réglez le style de votre variante de produit sur "Échantillons" et sélectionnez "Afficher les images d'échantillons personnalisés".

Note : Les couleurs seront automatiquement attribuées à partir des 140 noms de couleurs pris en charge par les navigateurs web modernes. Ainsi, si la couleur de votre variante s'appelle "Bleu", la couleur HTML sera bleue. Si votre couleur n'existe pas, le blanc lui sera attribué par défaut. C'est là que les échantillons de couleurs personnalisés entrent en jeu. 

3. Faites une petite capture d'écran de votre produit et nommez-le en conséquence. Chaque thème peut avoir ses propres directives spécifiques à ce sujet, alors renseignez-vous avant de procéder.

Par exemple, certains thèmes vous demanderont de nommer l'image en minuscules et de la faire correspondre à sa variante de couleur. Souvent, les images doivent également être un fichier .png. 

4. Une fois que vous avez fait cela, vous devez ouvrir votre tableau de bord d'administration de Shopify et sélectionner "settings" (paramètres) et "files" (fichiers). Ici, vous pouvez télécharger l'image de l'échantillon personnalisé dans vos fichiers, ce qui la rendra accessible à votre thème.

Par exemple, dans le personnalisateur de votre thème, vous pouvez trouver une option "choisir un échantillon personnalisé" qui vous permet de sélectionner l'image appropriée. 

Installation d'un thème - Les avantages

  • Vous avez plus de contrôle sur le processus d'installation
  • C'est moins cher - si votre thème vous permet d'installer des échantillons de couleurs manuellement, vous économiserez de l'argent. Vous n'avez qu'à payer votre thème !
  • C'est une excellente occasion de se familiariser avec le langage HTML et le codage - des connaissances utiles pour le propriétaire d'une boutique de commerce électronique.

Installation du thème - Les inconvénients

  • Cette option n'est disponible que si vous disposez d'un thème compatible avec les échantillons.
  • Le processus de téléchargement des échantillons peut également être limité par ce que votre thème permet. Tous les thèmes ne présentent pas la même facilité d'utilisation ni la même souplesse.

Les thèmes Shopify sont-ils fournis avec des nuanciers de couleurs intégrés ?

Les thèmes Shopify sont-ils fournis avec des nuanciers de couleurs intégrés ?

Comme nous venons de l'indiquer, certains thèmes le font, d'autres non. 

Supposons que vous préfériez installer un thème intégrant automatiquement des échantillons de couleurs. Dans ce cas, vous pouvez sélectionner l'une des options suivantes :

  • Thèmes "Nous sommes sous terre
  • Le thème "Wokiee
  • Le thème "Booster
  • Le thème "Gecko
  • Le thème Shopify polyvalent Shella

Installer des nuanciers - Cela en vaut-il la peine ? 

Si vous avez fait des recherches, vous avez probablement entendu parler de la psychologie des couleurs dans le domaine du marketing. 

De nombreuses données suggèrent que les couleurs influencent notre désir d'acheter et nous incitent de manière subliminale à nous rapprocher des marques. En fait, environ 85% des clients prennent leurs décisions d'achat en fonction de la couleur. Par conséquent, la couleur peut dicter massivement où les consommateurs placent leur pouvoir d'achat.

Il est donc logique que plus votre magasin est visuel, plus il est performant. Ne sous-estimez pas le rôle que jouent les échantillons de couleurs dans ce domaine !

FAQs

Question : Combien coûtent les plugins d'échantillonnage de couleurs Shopify ?

Réponse : Les prix varient en fonction du plugin que vous choisissez. Mais, la plupart des plugins ont tendance à se situer entre $5 par mois et $15 par mois et offrent un essai gratuit. Veuillez noter que les plugins dotés d'outils supplémentaires tels que des outils d'analyse coûteront plus cher. 

Question : Les plugins d'échantillonnage de couleurs sont-ils fonctionnels avec WordPress ?

Réponse : De nombreux plugins le sont. Le plugin WP Shopify permettra à votre site WordPress d'agir comme une boutique. Les échantillons devraient être visibles ; cependant, cela peut varier d'un thème à l'autre. 

Question : L'installation manuelle d'un échantillon de couleur nécessite-t-elle un codage ?

Réponse : Pour la plupart des thèmes qui nécessitent une installation manuelle, un certain codage est nécessaire. Heureusement, la plupart des thèmes fournissent des guides pratiques et des vidéos détaillant exactement ce que vous devez faire pour installer la fonction d'échantillonnage des couleurs, y compris le code à saisir. Consultez les ressources du créateur de votre thème pour plus d'informations.

Question : Combien d'échantillons de couleurs puis-je placer dans mon magasin ?

Réponse : Encore une fois, cela dépend du thème que vous utilisez et du fait que vous effectuez une installation manuelle ou que vous utilisez un plugin. De nombreux plugins n'ont pas de limite supérieure quant au nombre d'échantillons que vous pouvez placer sur votre site. Cependant, cela peut être différent pour une installation manuelle. 

Question : Comment saurai-je si les couleurs de mon échantillon ne sont pas disponibles pour le HTML si j'effectue une installation manuelle ?

Réponse : La liste complète des couleurs disponibles pour le HTML se trouve à l'adresse suivante ici. Si la couleur d'entrée souhaitée ne figure pas dans la liste, elle sera automatiquement remplacée par la couleur blanche par défaut. Vous pouvez modifier cette couleur dans la page d'administration de Shopify.

Shopify Color Swatches - L'essentiel

Supposons que vous souhaitiez que votre magasin se démarque et offre à vos clients une expérience d'achat unique. Dans ce cas, rien ne vous empêche d'installer des échantillons de couleurs sur votre site. Ils peuvent être utilisés pour fournir une meilleure représentation visuelle des produits individuels ou des collections, ils sont attrayants et ils rendent votre boutique plus conviviale pour les clients. 

Il ne vous reste plus qu'à choisir la méthode qui vous convient le mieux. Heureusement, Shopify et ses créateurs de thèmes vous ont offert plusieurs options : des plugins, une installation manuelle ou un thème avec des échantillons de couleurs déjà intégrés. Ainsi, quelle que soit la taille de votre entreprise ou votre niveau d'expérience, cette fonctionnalité pratique est accessible à tous. 

Après avoir lu cet article de blog, envisagez-vous d'ajouter des nuanciers de couleurs à votre boutique Shopify ? Si c'est le cas, dites-nous tout dans la boîte de commentaires ci-dessous !

Laisser un commentaire

Français