Comment créer des produits variables avec WooCommerce ?

WooCommerce est l’extension e-commerce de WordPress. Grâce à cette extension, vous pouvez créer votre boutique en ligne en y intégrant des produits simples, des produits groupés, des produits affiliés et des produits variables.

tuto produit variable woocommerce mouse coach

Nous allons nous intéresser dans cet article à la création de produits variables. Un produit variable est un produit qui a plusieurs attributs possibles tel que la couleur, la taille…

Rendez-vous dans votre tableau de bord WordPress au niveau de « Produits » et cliquez sur « Ajouter » pour créer un nouveau produit

creation produit variable woocommerce - 01

 

Donnez un nom à votre produit et en-dessous, ajoutez une description longue

creation produit variable woocommerce - 02

 

Ensuite, dans le bloc « Données produits », dans le menu déroulant, choisissez « Produit variable »

creation produit variable woocommerce - 05

 

Dans l’onglet « Général », sélectionnez la TVA et éventuellement une page de redirection de remerciements

creation produits variables woocommerce - 06

 

Dans l’onglet « Inventaire », vous pouvez ajouter un code UGS et cocher pour gérer le niveau de stock, ou encore décider de limiter l’article à 1 par commande

creation produits variables woocommerce - 07

 

Dans l’onglet « Expédition », vous pouvez renseigner le poids ou la taille de vos produits au global, pour des produits physiques.

creation produits variables woocommerce - 08

 

Dans l’onglet « Produits liés », vous pouvez lier des produits suggérés qui apparaîtront en bas de la fiche produit ou des ventes croisées afin de faire du cross selling ou de l’upselling

creation produits variables woocommerce - 09

 

Dans l’onglet « Attributs », il va désormais falloir créer les différents attributs de votre produit.

creation produits variables woocommerce - 10

 

Pour cela, cliquez sur « Ajouter » et le bloc ci-dessous apparaît.

Vous devez renseigner un nom, les valeurs et cocher « Utilisé pour les variations »

creation produit variable woocommerce wordpress- 11

Remarque : les valeurs doivent être séparées par un trait horizontal. Pour le générer, il vous suffit d’appuyer sur ALT + MAJ + L

 

Voici un exemple :

creation produit variable woocommerce wordpress- 12

 

Après avoir renseigné ces informations, enregistrez les attributs pour valider

Une fois les attributs créés, il va falloir créer les variations en allant sur l’onglet ci-dessous :

creation produit variable woocommerce wordpress- 14

 

Sélectionnez dans le menu déroulant « Créer les variations pour tous les attributs  »et cliquez sur « Aller »

Une fenêtre apparaît alors, vous demandant de confirmer la création des variations. Il est important de savoir que maximum 50 pourront être générés automatiquement

creation produit variable woocommerce wordpress- 15

 

Cliquez sur OK.

Une 2e fenêtre apparaît, vous indiquant le nombre de variations ajoutées.

creation produits variables woocommerce wordpress - 16

 

Cliquez sur OK.

Les 4 variations apparaissent alors :

creation produits variables woocommerce wordpress - 17

 

 

Vous pouvez alors :

– Décider de la variation affichée par défaut. Si vous ne laissez aucune valeur, le champ sera vide au début

– Développer chaque variation en sélectionnant la flèche noire à droite

creation produits variables woocommerce wordpress - 18

 

Vous pouvez alors ajouter un prix, l’image spécifique du produit, un poids, un état de stock…

creation produits variables woocommerce wordpress - 19

 

Pour des services, cochez “Virtuel” afin de cacher les champs liés à l’expédition :

creation produits variables woocommerce wordpress - 20

 

Pour des produits téléchargeables, cochez « Téléchargeable » afin de faire apparaître des champs supplémentaires et ainsi ajouter des fichiers

creer produit variable woocommerce - 21

 

Une fois toutes les variables renseignées, cliquez sur “Enregistrer les modifications”

creer produit variable woocommerce - 22

 

Enfin, ajoutez une description courte à votre produit

creer produit variable woocommerce - 23

 

Ajoutez également une image voire même plus, dans la Galerie produit

creer produit variable woocommerce - 24

 

Attention ! Lorsque vous modifiez les attributs de vos produits, cela a un impact sur l’onglet « Variation ».

Par exemple, si je reviens dans l’onglet attributs, que j’ouvre les attributs avec la flèche noire à droite et que je change « Session de mai | Session de juin | Session d’octobre | Session de novembre » par « Mai | Juin | Octobre | Novembre » comme ceci :

creer produit variable woocommerce - 25

 

Puis que j’enregistre et que je reviens dans l’onglet « Variations ». Vous constaterez que les variations ont été supprimées. En effet, WordPress ne sait plus à quelle variation sont rattachés les détails de chaque produit

creer produits variables woocommerce - 26

 

Il faut alors re-sélectionner dans le menu déroulant le bon attribut :

creer produits variables woocommerce - 28

 

Et voilà le résultat pour l’internaute :

Fiche produit varaible woocommerce

 

 

Besoin d’un regard extérieur d’un expert, n’hésitez pas à nous contacter.

Découvrez aussi notre ebook sur les étapes avant de se lancer en e-commerce

Cet article vous a plu, partagez-le

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Le temps imparti est dépassé. Merci de saisir de nouveau le CAPTCHA.

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.