Comment afficher les variations de produits dans WooCommerce

Il est assez courant de vendre plusieurs variantes d'un même produit. Qu'il s'agisse de tailles de t-shirts, de préférences de couleur ou de tout autre facteur à prendre en compte par les acheteurs, vous pouvez facilement afficher toutes vos options disponibles avec WooCommerce.

Dans cet article, nous discuterons brièvement des utilisations des variantes de produits, puis vous expliquerons comment les configurer dans WooCommere. Nous partagerons également une poignée de plugins pertinents qui peuvent vous aider à améliorer vos offres et affichages de produits.

Plongeons dedans !

Comprendre les variations des produits WooCommerce

Bien que vous ne connaissiez peut-être pas le terme, vous êtes probablement extrêmement familier avec les variantes de produits. C'est à ce moment qu'un seul article est disponible dans une variété d'options, telles que différentes tailles, couleurs, saveurs ou parfums :

Chaque variante de produit aura besoin de son propre numéro d'unité de gestion des stocks (SKU) pour la différencier des autres. Cependant, les variantes sont souvent toutes affichées sur une seule page de produit, avec un sélecteur pour minimiser la confusion et s'assurer que les clients voient toutes les options disponibles.

Les variations de produits peuvent servir à plusieurs fins. Certains sont pratiques, comme les tailles de vêtements. D'autres sont destinés à vous aider à répondre aux goûts personnels de différents acheteurs, comme proposer un article en plusieurs couleurs ou motifs.

De plus, vous pouvez conserver le même prix pour chaque variante ou ajuster le coût en fonction des options choisies par les clients. Par exemple, cet autocuiseur se décline en plusieurs tailles proposées à des prix croissants :

En bref, il existe de nombreuses raisons différentes pour lesquelles vous souhaiterez peut-être implémenter des variantes de produits sur votre site WooCommerce. Heureusement, le populaire plugin de commerce électronique facilite sa configuration.

Comment afficher les variations de produits dans WooCommerce (en 4 étapes)

L'affichage des variations de produits dans WooCommerce est en fait assez simple, surtout si vous connaissez déjà le plugin. Ci-dessous, nous vous guiderons tout au long du processus. Cependant, notez que pour les besoins de cet article, nous supposerons que votre boutique en ligne est déjà opérationnelle et que vous savez créer et éditer des produits simples dans WooCommerce.

Étape 1 : Créer un produit variable

WooCommerce vous permet de configurer des variantes de produits prêtes à l'emploi. Sélectionnez simplement Produits > Ajouter un nouveau pour commencer.

Une fois que vous avez entré le titre et la description de l'article, faites défiler jusqu'à la section Données du produit . Dans le menu déroulant en haut, sélectionnez Variable Product :

Vous verrez que les options du produit changent en conséquence. Par exemple, il n'y a plus de champ où vous pouvez entrer le prix de l'article (vous pourrez inclure cette information plus tard).

Étape 2 : ajouter des attributs de produit

Ensuite, cliquez sur l'onglet Attributs . Dans le menu déroulant, sélectionnez le type de variation de produit WooCommerce que vous souhaitez ajouter. Les options par défaut sont la couleur et la taille , mais vous pouvez également créer des attributs personnalisés si vous le souhaitez :

Cliquez sur le bouton Ajouter pour appliquer l'attribut que vous avez choisi. Remplissez ensuite les informations requises ci-dessous :

Il est important d'activer à la fois les options Visible sur la page du produit et Utilisé pour les variantes . Vous pouvez ensuite répertorier les valeurs de vos attributs (telles que small , medium et large ou red , yellow et blue ).

Vous pouvez également répéter ce processus si votre produit a plusieurs attributs variables (par exemple, s'il est disponible en différentes tailles et couleurs). N'oubliez pas de cliquer sur Enregistrer les attributs lorsque vous avez terminé ici.

Étape 3 : Générez vos variations

Vous pouvez maintenant accéder à l'onglet Variations . Là, vous verrez un menu déroulant avec deux options – Ajouter une variation et Créer des variations à partir de tous les attributs :

La deuxième option générera automatiquement des variations de produits WooCommerce pour chaque combinaison possible d'attributs que vous avez spécifiés. Si vous préférez ajouter les options manuellement, sélectionnez Ajouter une variante et utilisez les menus disponibles pour créer chacune d'entre elles :

Ensuite, vous pouvez remplir les informations sur le produit pour chaque variante, comme vous le feriez s'il s'agissait d'articles distincts. Comme nous l'avons mentionné précédemment, chaque variante aura besoin de son propre numéro SKU à des fins de gestion des stocks :

C'est également là que vous pouvez spécifier des prix différents pour chaque variation, le cas échéant. Vous devrez également fournir des informations sur l'expédition et les taxes. Après avoir fait cela pour chacune de vos variantes de produits WooCommerce, cliquez sur Enregistrer les modifications .

Étape 4 : Prévisualisez et publiez votre produit variable

À ce stade, vous devrez peut-être ajouter d'autres données afin de compléter votre page produit. Une fois que vous avez terminé de saisir toutes les informations pertinentes, vous pouvez enregistrer toutes vos modifications et prévisualiser l'élément :

Assurez-vous de vérifier le(s) sélecteur(s) de variation et assurez-vous que toutes les options sont là. Si tout se présente comme il se doit et que vous êtes prêt à commencer à vendre ce produit, vous pouvez faire vivre la page en cliquant sur le bouton Publier dans l'éditeur.

Plugins de variation de produit WooCommerce

Comme nous l'avons vu, WooCommerce comprend tout ce dont vous avez besoin pour configurer des variantes de produits. Cependant, il existe certaines extensions et autres plugins que vous pouvez utiliser pour améliorer cette fonctionnalité.

Tout d'abord, vous pouvez consulter la galerie d'images de variantes supplémentaires pour WooCommerce :

Ce plugin vous permet d'ajouter des galeries d'images pour chaque variante de produit, afin que les clients puissent voir l'article avec le ou les attribut(s) de leur choix sous plusieurs angles. Cela évite aux acheteurs d'avoir à feuilleter des photos qui ne présentent pas la couleur ou la taille qu'ils souhaitent réellement acheter, et peut également minimiser la confusion.

Si vous n'avez pas beaucoup d'images à présenter, Variation Swatches pour WooCommerce modifie les sélecteurs d'attributs par défaut en boutons visuellement attrayants, qui montrent aux acheteurs un aperçu de chaque option :

Vous trouverez également des extensions de variantes de produits haut de gamme sur le marché WooCommerce, telles que Table de variantes de produits pour WooCommerce. Cette solution ajoute un tableau avec des fonctionnalités de tri et de filtrage, et inclut toutes les variantes de votre produit afin que les clients puissent trouver rapidement ce qu'ils recherchent. Le plugin est disponible pour 49 $ par an.

Enfin, si vos clients achètent souvent plusieurs variantes d'un même produit, vous pouvez envisager d'investir dans des formulaires de variantes en vrac. Il permet aux acheteurs d'ajouter rapidement plusieurs variantes à leurs paniers à la fois, au lieu d'avoir à sélectionner chacun individuellement, et cela coûte également 49 $ par an.

Conclusion

L'activation des variantes de produits dans WooCommerce peut offrir une meilleure expérience d'achat en ligne à vos clients et minimiser le nombre de pages de produits que vous devez créer et gérer. Heureusement, vous pouvez utiliser la fonctionnalité par défaut de WooCommerce pour les configurer en un rien de temps.

L'affichage des variations de produits dans WooCommerce ne nécessite que quatre étapes :

1. Créer un produit variable.
2. Ajoutez des attributs de produit (tels que la taille et la couleur).
3. Générez vos variantes, afin que chacune ait un numéro SKU unique (et un prix le cas échéant).
4. Prévisualisez et publiez votre produit variable.

Avez-vous des questions sur les variations de produits dans WooCommerce ? Demandez dans la section commentaires ci-dessous!

Image de Bloomicon/shutterstock.com