Guide complet sur l'utilisation intelligente des échantillons de variation WooCommerce [2022]

Pour augmenter les ventes de votre boutique en ligne, la première étape consiste à impressionner visuellement vos clients potentiels. Et pour cela, vous devez optimiser vos pages produits.

Plus vous aidez les acheteurs à choisir leurs produits, plus la conversion est élevée.

Si vous avez des produits variables dans votre magasin, vous souhaitez afficher toutes les variantes d'un produit de manière conviviale.

L'une des dernières tendances qui a donné d'excellents résultats est l'utilisation d' échantillons pour présenter des variations plutôt que des menus déroulants.

Par conséquent, utilisez les échantillons de variantes WooCommerce pour présenter les variantes de produits de manière plus engageante et attrayante.

Aujourd'hui, nous allons discuter de la manière dont vous pouvez utiliser les nuances de variation sur votre boutique WooCommerce de la manière la plus axée sur les résultats.

Vous apprendrez à appliquer le bon type d'échantillons de variations en fonction des variantes de vos produits pour améliorer l'intention des acheteurs.

Après avoir lu ce guide, vous serez en mesure de :

• Comprendre l'importance de chaque type de nuance de variation
• Configurez vous-même des échantillons de couleur, d'image ou d'étiquette pour les variantes
• Exemples de grande utilisation des nuances de variation
• Améliorez l'intention des acheteurs et augmentez vos ventes

Alors plongeons-y.

Quand et pourquoi utiliser différents échantillons de variation ?

Vos produits variables peuvent avoir différents types de variations. Vous ne pouvez pas configurer d'échantillons de variantes uniques pour différentes variantes afin de créer un maximum d'engagements.

Échantillons de variation de couleur

Un produit peut être disponible en plusieurs couleurs. Par exemple, supposons que vous vendiez un t-shirt de trois couleurs, rouge, bleu et jaune.

Ensuite, vous pouvez utiliser des échantillons de variation de couleur pour permettre à vos clients de choisir parmi les variantes.

Par défaut, WooCommerce permet aux utilisateurs de choisir via un menu déroulant ennuyeux. Mais vous pouvez le rendre plus attrayant avec des boutons de couleur.

Voyez vous-même la différence :

Défaut

Utilisation d'échantillons de variation de couleur

Comme vous le voyez, les couleurs sont bien visibles. Ainsi, une personne trouvera la sélection plus facile et plus pratique.

Échantillons de variation d'image

Certains produits sont plus polyvalents et vous pouvez présenter les variantes à l'aide d'échantillons de variation d'image.

Par exemple, supposons que vous vendiez des coffrets cadeaux de différentes formes. Ainsi, plutôt que de présenter les sélections déroulantes, vous pouvez afficher des variantes avec des échantillons d'image.

Voici à quel point cela devient incroyable :

Défaut

Utilisation des échantillons de variation d'image

Comme vous pouvez le voir, les variantes sont présentées en petits échantillons pour les formes, ce qui la rend plus attrayante.

Pointe:
Il est toujours idéal d'avoir une image avec toutes les variantes ensemble comme image vedette du produit. Si vous n'en avez pas, utilisez l'image de la variante la plus populaire comme image en vedette.

Échantillons de variation d'étiquette

Certains facteurs tels que la taille ou la longueur sont difficiles à représenter visuellement.

Par exemple, si vous vendez un t-shirt avec des tailles, L (pour grand), M (pour moyen) et S (pour petit), vous n'avez aucun moyen de montrer visuellement les tailles réelles.

Dans ce cas, vous pouvez toujours le rendre attrayant en présentant les variantes à l'aide de boutons de nuance de variation d'étiquette.

Voici comment cela fera encore une différence :

Défaut

Utilisation d'échantillons de variation d'étiquette

Malgré l'absence de visualisation de la taille, les échantillons rendent la sélection plus attrayante. Les gens cliquent souvent sur les échantillons juste par curiosité.

Échantillons de variation de texte

Semblables aux tailles, peu d'autres facteurs de variation tels que les variations liées au matériau ou au groupe d'âge, etc., ne peuvent pas être représentés visuellement, ni être représentés sous forme d'étiquettes.

Par exemple, supposons que vous vendiez un chapeau de taille enfant, taille ado et taille adulte.

Dans ce cas, vous pouvez les transformer en échantillons de texte attrayants.

L'avantage ici est que toutes les déclinaisons disponibles seront listées devant l'acheteur et qu'il pourra faire sa sélection simplement en cliquant sur le(s) bouton(s).

Voici un aperçu :

Défaut

Utilisation d'échantillons de variation de texte

Pointe:
Si vous avez des étiquettes de taille autres que des valeurs numérotées, conservez un tableau sur votre site pour trouver les valeurs exactes des tailles. Les magasins perdent souvent des ventes en raison de l'absence de ce tableau. Les clients ne sont pas assez patients pour vous frapper sur le service client pour connaître la taille exacte.

Comme vous l'avez vu, changer les menus de variation en nuances le rend beaucoup plus attrayant et engageant.

Maintenant, si vous souhaitez implémenter ces attractions, vous pouvez facilement le faire en utilisant le plugin Variation Swatches For WooCommerce.

Échantillons de variation pour WooCommerce

Variation Swatches for WooCommerce est un plugin simple avec lequel vous pouvez facilement modifier la sélection déroulante de base des variantes en nuances de boutons. Cela ne prend que quelques clics.

Permettez-moi de vous expliquer étape par étape comment configurer facilement des nuances de variation sur votre boutique en ligne à l'aide de Nuances de variation pour WooCommerce.

Comment changer la liste déroulante en échantillons de boutons pour les variantes de WooCommerce ?

Comme indiqué précédemment, WooCommerce affiche des variantes sous forme d'options déroulantes sur la page du produit.

Cependant, vous pouvez facilement convertir les options de variation de la liste déroulante en échantillons de boutons en quelques clics, à l'aide du plugin.

Voici comment vous pouvez le faire étape par étape.

1. Tout d'abord, installez et activez Variation Swatches pour WooCommerce.

Sur votre tableau de bord d'administration, vous obtiendrez un nouveau menu appelé Swatches. Clique dessus.

Cela vous mènera au tableau de bord du plugin.

2. Définissez le style et la conception de base de l'échantillon

Dans Paramètres généraux, vous trouverez les options permettant de définir la couleur et la bordure des échantillons comme affichés normalement, lorsqu'ils sont survolés ou lorsqu'ils sont sélectionnés.

De plus, vous pourrez définir la taille de la police.

Configurez ces paramètres comme vous le souhaitez.

3. Accédez à l'onglet Contrôles

Cliquez sur l'onglet Contrôles à gauche.

L'onglet Contrôles aura de nombreuses options.

4. Activer la liste déroulante pour les échantillons de boutons

Ici, activez l'option Dropdown To Button Swatches .

Enregistrez ensuite les paramètres. Vous verrez maintenant que les variations sur les pages de produits seront affichées sous la forme d'échantillons de boutons.

Sélection déroulante par défaut

Échantillons de boutons pour les variations

Une fois que vous avez activé la liste déroulante des échantillons de boutons pour votre magasin, vous pouvez désormais personnaliser facilement les échantillons en couleurs, images ou étiquettes, en quelques étapes simples.

Comment configurer des échantillons de couleurs WooCommerce pour les variations de couleurs

En utilisant des échantillons de couleur, vous pouvez donner une idée visuelle de la couleur que l'acheteur choisira. Il n'y aura donc aucune hésitation.

Et comme vous l'avez vu précédemment, les échantillons de couleurs sont très attrayants par rapport à la sélection déroulante ordinaire.

Pour configurer les échantillons de couleurs, suivez les étapes ci-dessous.

1. Activer la liste déroulante pour les échantillons de boutons

Suivez d'abord les étapes pour activer la liste déroulante des bandes de boutons, comme expliqué précédemment.

(Cliquez ici pour savoir comment activer la liste déroulante des échantillons de boutons.)

2. Accédez à vos attributs créés

Les termes de variation sont généralement regroupés en attributs.

Accédez à Tableau de bord > Produits > Attributs et vous trouverez la liste des attributs que vous avez déjà créés dans votre boutique, ainsi que la possibilité d'ajouter de nouveaux attributs.

Sur le côté droit, vous pouvez voir la liste des attributs créés que vous avez.

3. Modifiez votre attribut souhaité en tant que type de couleur

Passez votre souris sur le nom de l'attribut pour lequel vous souhaitez utiliser des échantillons de couleur.

Vous obtiendrez les options pour modifier ou supprimer. Cliquez sur Modifier et cela vous amènera à la page Modifier l'attribut.

Une fois que vous êtes sur la page Modifier l'attribut, vous verrez que vous avez un champ pour le type.

Cliquez dessus et choisissez l'option "Couleur".

Cliquez ensuite sur le bouton Mettre à jour ci-dessous.

4. Définir des échantillons de couleurs pour les termes de variation

Une fois que vous avez défini le type d'attribut sur "Couleur", vous pouvez maintenant attribuer des nuances de couleur aux termes de variante sous cet attribut.

Revenez à Tableau de bord> Produits> Attributs et sur le côté droit de l'attribut (vous venez de définir comme type de couleur), vous aurez l'option "Configurer les termes".

Cliquez sur Configurer les termes et cela vous amènera à la page suivante :

Ici, vous pouvez soit ajouter des termes pour les variations de couleurs, soit, sur le côté droit, vous pouvez voir les termes de variantes que vous avez tous déjà pour les couleurs de votre boutique.

Passez votre souris sur un terme de couleur et vous trouverez l'option Modifier.

Cliquez sur modifier et cela vous amènera à la page d'édition. Ici, ci-dessous, vous verrez que vous avez la possibilité de choisir une couleur.

Cliquez sur "Sélectionner la couleur" et vous aurez la possibilité d'attribuer une couleur.

Choisissez une couleur appropriée et cliquez à nouveau sur Sélectionner une couleur.

Cliquez ensuite sur le bouton Mettre à jour ci-dessous.

Une fois mis à jour, revenez en arrière et vous verrez qu'un aperçu de la couleur se trouve juste à côté du nom du terme de variante de couleur respectif.

Faites de même pour le reste des variations de couleur et c'est tout. Désormais, vos produits auront des nuances de variation de couleur au lieu d'une sélection déroulante pour les variantes de couleur.

Utilisation d'échantillons de variation de couleur

Comment configurer des échantillons d'image pour les variantes de produits WooCommerce ?

En utilisant des échantillons d'image, vous pouvez afficher certaines variantes sous forme d'échantillons attrayants lors de la visualisation du ou des produits.

Et comme vous l'avez vu précédemment, les échantillons d'images sont très attrayants, par rapport à la sélection déroulante ordinaire.

Pour configurer les échantillons d'images, suivez les étapes ci-dessous.

1. Activer la liste déroulante pour les échantillons de boutons

Suivez d'abord les étapes pour activer la liste déroulante des bandes de boutons, comme expliqué précédemment.

(Cliquez ici pour savoir comment activer la liste déroulante des échantillons de boutons.)

2. Accédez à vos attributs créés

Les termes de variation sont généralement regroupés en attributs.

Accédez à Tableau de bord > Produits > Attributs et vous trouverez la liste des attributs que vous avez déjà créés dans votre boutique, ainsi que la possibilité d'ajouter de nouveaux attributs.

Sur le côté droit, vous pouvez voir la liste des attributs créés que vous avez.

3. Attribuez votre attribut souhaité en tant que type d'image

Passez votre souris sur le nom de l'attribut pour lequel vous souhaitez utiliser des échantillons d'image.

Vous obtiendrez les options pour modifier ou supprimer. Cliquez sur Modifier et cela vous amènera à la page Modifier l'attribut.

Une fois que vous êtes sur la page Modifier l'attribut, vous verrez que vous avez un champ pour le type.

Cliquez dessus et choisissez l'option "Image".

Cliquez ensuite sur le bouton Mettre à jour ci-dessous.

4. Définir des échantillons de couleurs pour les termes de variation

Une fois que vous avez défini le type d'attribut sur "Image", vous pouvez maintenant attribuer des nuances d'image aux termes de variante sous cet attribut.

Revenez à Tableau de bord> Produits> Attributs et sur le côté droit de l'attribut (vous venez de définir comme type d'image), vous aurez l'option "Configurer les termes".

Cliquez sur Configurer les termes et cela vous amènera à la page suivante :

Ici, vous pouvez soit ajouter des termes pour les variantes, soit, sur le côté droit, vous pouvez voir les termes des variantes que vous avez déjà (sous cet attribut).

Passez votre souris sur un terme et vous trouverez l'option de modifier le terme.

Cliquez sur modifier et cela vous amènera à la page d'édition. Ici, ci-dessous, vous verrez que vous avez la possibilité de télécharger ou d'ajouter une image.

Cliquez sur « Télécharger/Ajouter une image » et vous pouvez soit télécharger une image, soit choisir une image dans votre médiathèque.

Choisissez une image appropriée, puis cliquez sur le bouton Mettre à jour ci-dessous.

Une fois mis à jour, revenez en arrière et vous verrez qu'un aperçu de l'image est là juste à côté du nom du terme variant.

Faites de même pour le reste des variantes et c'est tout. Désormais, vos produits auront des nuances d'image au lieu d'une sélection déroulante pour ces variantes.

Utilisation des échantillons de variation d'image

Comment mettre en place un nuancier de variation d'étiquette pour des produits variables ?

En utilisant des échantillons d'étiquette, vous pouvez afficher certaines variantes qui peuvent être reconnues avec des lettres ou des chiffres simples.

Et comme vous l'avez vu précédemment, les échantillons d'étiquettes sont plus accrocheurs que la sélection déroulante ordinaire.

Pour configurer les échantillons d'étiquettes, suivez les étapes ci-dessous.

1. Activer la liste déroulante pour les échantillons de boutons

Suivez d'abord les étapes pour activer la liste déroulante des bandes de boutons, comme expliqué précédemment.

(Cliquez ici pour savoir comment activer la liste déroulante des échantillons de boutons.)

2. Accédez à vos attributs créés

Les termes de variation sont généralement regroupés en attributs.

Accédez à Tableau de bord > Produits > Attributs et vous trouverez la liste des attributs que vous avez déjà créés dans votre boutique, ainsi que la possibilité d'ajouter de nouveaux attributs.

Sur le côté droit, vous pouvez voir la liste des attributs créés que vous avez.

3. Attribuez votre attribut souhaité comme type d'étiquette

Passez votre souris sur le nom de l'attribut pour lequel vous souhaitez utiliser des échantillons d'étiquette.

Vous obtiendrez les options pour modifier ou supprimer. Cliquez sur Modifier et cela vous amènera à la page Modifier l'attribut.

Une fois que vous êtes sur la page Modifier l'attribut, vous verrez que vous avez un champ pour le type.

Cliquez dessus et choisissez l'option "Label".

Cliquez ensuite sur le bouton Mettre à jour ci-dessous.

4. Définir des échantillons d'étiquettes pour les conditions de variation

Une fois que vous avez défini le type d'attribut sur "Étiquette", vous pouvez maintenant attribuer des échantillons d'étiquette aux termes de variante sous cet attribut.

Revenez à Tableau de bord > Produits > Attributs et sur le côté droit de l'attribut (que vous venez de définir comme type d'étiquette), vous aurez l'option « Configurer les termes ».

Cliquez sur Configurer les termes et cela vous amènera à la page suivante :

Ici, vous pouvez soit ajouter des termes pour les variantes, soit, sur le côté droit, vous pouvez voir les termes des variantes que vous avez déjà (sous cet attribut).

Passez votre souris sur un terme et vous trouverez l'option de modifier le terme.

Cliquez sur modifier et cela vous amènera à la page d'édition. Ici, ci-dessous, vous verrez qu'il y a un champ pour entrer un caractère d'étiquette.

Entrez l'étiquette que vous souhaitez afficher.

Cliquez ensuite sur le bouton Mettre à jour ci-dessous.

Une fois mis à jour, revenez en arrière et vous verrez qu'un aperçu de l'étiquette se trouve juste à côté du nom du terme variant.

Faites de même pour le reste des variantes et c'est tout. Désormais, vos produits auront des échantillons de variation d'étiquette au lieu d'une sélection déroulante pour ces variantes.

Utilisation d'échantillons de variation d'étiquette

Conclusion

Il est clair que la sélection déroulante pour les produits variables n'est plus préférée. La meilleure façon d'offrir des variations est d'utiliser des échantillons.

Et le meilleur, c'est qu'il est super facile à mettre en œuvre et peut être fait en quelques clics à l'aide du plugin Variation Swatches pour WooCommerce.

Je vous suggère donc d'essayer le plugin et de tirer parti des échantillons de variation WooCommerce. Profitez d'attirer des acheteurs facilement sans trop d'efforts.