Créer des produits variables : tailles, couleurs et autres variantes

Avec un produit variable Oui, tu peux proposer plusieurs variantes d'un produit sur une seule et même page produit dans WooCommerce. Pour cela, il faut utiliser un "Produit variable".

Des exemples typiques sont les t-shirts de différentes tailles et couleurs, les chaussures de plusieurs tailles ou les produits aux finitions variées.

Si tu n'es pas encore sûr de savoir quand utiliser un produit variable, lis d'abord l'article Types de produits dans WooCommerce expliqués : Simples, variables, groupés et externes.

En bref : Pour un produit variable, le client choisit par exemple Taille M et Couleur noire. Cette combinaison est une variante spécifique et peut posséder son propre prix, sa propre SKU, son propre stock et même sa propre image.

Quelle est la différence entre propriété et variante ? #

Avant de commencer, cette différence est importante.

Une Propriété décrit une option du produit.

Par exemple :

Attribut :
Taille

Valeurs :
S
M
L
XL

Une deuxième propriété pourrait être :

Caractéristique :
Couleur

Valeurs :
Noir
Blanc
Bleu

Une Variante résulte d'une combinaison concrète de ces valeurs.

Par exemple :

Variante 1 :
Taille M
Couleur Noir

Variante 2 :
Taille L
Couleur Noir

Variante 3 :
Taille M
Couleur Blanc

Remarque : Les caractéristiques définissent les choix. Les variantes sont les combinaisons concrètes que l'on peut acheter.

Nous expliquons en détail comment les propriétés sont fondamentalement organisées et en quoi elles diffèrent des catégories et des mots-clés dans l'article Utiliser correctement les catégories, les mots-clés et les attributs pour les produits.

Exemple pour cette instruction #

Nous créons un t-shirt à titre d'exemple.

Le client doit pouvoir choisir entre :

Taille :
S
M
L
XL

Couleur :
Noir
Blanc

Cela peut par exemple donner les variantes suivantes :

S / Noir
M / Noir
L / Noir
XL / Noir

S / Blanc
M / Blanc
L / Blanc
XL / Blanc

Au total, cela ferait huit variantes différentes.

1. Créer un nouveau produit #

Ouvrez dans le tableau de bord WordPress :

Produits
→ Ajouter un nouveau produit

Entrez ensuite le nom du produit.

Par exemple :

T-shirt classique

Complétez ensuite comme dans un produit simple WooCommerce une description détaillée, une courte description, des images de produits et une catégorie de produit appropriée.

2. Changer le type de produit en „ Produit variable “ #

Faites défiler jusqu'à la section Données produit.

Ouvrez-y la sélection du type de produit et choisissez :

Produit variable

WooCommerce adapte actuellement la section des données produit. Entre autres, vous avez accès aux sections Propriétés et Variantes disponible.

Remarque : Pour un produit variable, de nombreux paramètres ne sont pas gérés au niveau du produit principal, mais directement pour les différentes variantes.

3. Ajouter des propriétés #

Ouvrez la section dans les données produit Propriétés.

Pour les produits variables, vous avez besoin d'au moins un attribut dont WooCommerce peut utiliser les valeurs pour créer des variantes.

Vous pouvez fondamentalement travailler avec deux types de propriétés :

• propriétés globales, qui ont été créés de manière centralisée dans la boutique et qui peuvent être utilisés pour plusieurs produits
• caractéristiques individuelles des produits, qui sont créés exclusivement pour ce seul produit

Pour les attributs récurrents tels que la taille ou la couleur, WooCommerce recommande par principe des attributs globaux, car ils peuvent être réutilisés dans l'ensemble de la boutique et gérés plus facilement de manière uniforme.

4. Utiliser la propriété globale #

Par exemple, si vous utilisez la propriété globale Taille que tu as déjà créées, tu peux les sélectionner dans le produit.

Sélectionnez la propriété existante dans la section Propriétés et ajoutez-la au produit.

Ensuite, vous sélectionnez les valeurs qui doivent être disponibles pour ce produit concret.

Par exemple :

Attribut :
Taille

Valeurs disponibles :
S
M
L
XL

Vous n'êtes pas obligé d'utiliser automatiquement toutes les valeurs disponibles globalement. Par exemple, si votre boutique connaît également la taille XXL, mais que ce t-shirt n'est disponible que jusqu'à la taille XL, vous ne sélectionnerez pas XXL pour ce produit.

5. Créer une propriété individuelle uniquement pour ce produit #

Si vous ne souhaitez pas utiliser de propriété globale, vous pouvez créer une nouvelle propriété directement sur le produit.

Dans la section Propriétés, cliquez sur la fonction pour ajouter une nouvelle propriété.

Entrez par exemple :

Nom :
Taille

Valeurs :
S | M | L | XL

Dans le cas des propriétés définies individuellement, les différentes valeurs sont séparées par une barre verticale.

Pour une deuxième propriété :

Nom :
Couleur

Valeurs :
Noir | Blanc

Astuce Si vous avez besoin d'une propriété telle que la taille, la couleur ou le matériau pour de nombreux produits, il est généralement plus judicieux de créer une propriété globale plutôt que de recréer sans cesse la même propriété directement dans le produit.

6. Utiliser des propriétés pour les variantes #

Pour que WooCommerce puisse réellement créer des variantes à partir d'un attribut, celui-ci doit être utilisé pour les variantes.

Activez par conséquent l'option correspondante pour ces propriétés afin qu'elles soient utilisées pour les variantes.

Pour notre exemple :

Taille :
Utiliser pour les variantes → Oui

Couleur :
Utiliser pour les variantes → Oui

Enregistre ensuite les propriétés.

Important : Si vous modifiez des attributs après la création des variantes, il se peut que les variantes existantes ne correspondent plus aux nouvelles combinaisons. WooCommerce indique par conséquent que les variantes devront éventuellement être redéfinies à la suite de modifications apportées à leurs attributs sous-jacents.

7. Ouvrir la section „ Variantes “ #

Ouvrez maintenant la section dans les données produit Variantes.

WooCommerce peut fondamentalement créer des variantes de deux manières :

• générer automatiquement toutes les combinaisons possibles
• Créer les variantes manuellement une par une

8. Générer automatiquement toutes les variantes #

Si tu souhaites vendre toutes les combinaisons de tes caractéristiques, la création automatique est généralement le moyen le plus simple.

Sélectionnez la fonction pour Générer les variantes.

WooCommerce en génère toutes les combinaisons possibles.

Dans notre exemple :

4 tailles
×
2 couleurs
=
8 variantes

WooCommerce génère donc :

S / Noir
M / Noir
L / Noir
XL / Noir

S / Blanc
M / Blanc
L / Blanc
XL / Blanc

9. Créer des variantes manuellement #

Tu n'as pas besoin de proposer toutes les combinaisons théoriquement possibles.

Par exemple, si le t-shirt blanc n'est disponible qu'en M et L, tu peux créer manuellement et de manière ciblée les variantes nécessaires.

Alors, par exemple, seules les combinaisons suivantes seraient disponibles :

S / Noir
M / Noir
L / Noir
XL / Noir
M / Blanc
L / Blanc

C'est logique si certaines combinaisons n'existent pas du tout ou ne doivent pas être vendues.

Règle de base : Créez uniquement des variantes que les clients peuvent réellement acheter.

10. Ouvrir une seule variante #

Une fois les variantes créées, vous pouvez ouvrir chaque variante individuellement.

Par exemple :

Taille M / Couleur Noir

Les paramètres de cette variante exacte apparaissent maintenant.

Selon le type de produit et la configuration, vous pouvez y définir, entre autres :

• Image du produit
• UGS
• Prix
• Prix demandé
• Stock
• État des stocks
• Poids
• Dimensions
• Classe d'expédition
• Description
• virtuel
• téléchargeable

WooCommerce permet ainsi de configurer très différemment les variations individuelles.

11. Fixer le prix de chaque variante #

Une variante a besoin d'un prix pour pouvoir être achetée normalement.

Ouvrez la variante et entrez le prix souhaité.

Par exemple :

M / Noir :
CHF 29.90

XL / Noir :
CHF 32.90

Les variantes ne doivent donc pas nécessairement toutes avoir le même prix.

Si toutes les variantes doivent avoir le même prix, vous pouvez également, selon la version de WooCommerce, utiliser la modification groupée dans la section des variantes et définir les prix pour plusieurs variantes en même temps.

12. Prix d'offre d'une variante #

Même les variantes individuelles peuvent avoir un prix de vente.

Cela vous permet par exemple de réduire une seule couleur spécifique.

Exemple :

M / Noir :
Prix habituel : CHF 29.90

M / Blanc :
Prix habituel : CHF 29.90
Prix promotionnel : CHF 24.90

Cela signifie que seule la variante blanche est réduite.

SKU par variante #

Chaque variante peut recevoir sa propre SKU ou son propre numéro d'article.

Par exemple :

T-Shirt Classique / M / Noir
SKU :
TS-CLASSIC-M-SCHWARZ

T-Shirt Classique / L / Noir
SKU :
TS-CLASSIC-L-SCHWARZ

Les SKU vous aident particulièrement lorsque chaque version est stockée ou commandée séparément.

WooCommerce exige qu'une SKU utilisée soit unique au sein de la boutique.

Nous traitons de la gestion des stocks plus en détail dans l'article Gérer les stocks, les SKU et le statut de livraison dans WooCommerce.

14. Gérer les stocks par variante #

Pour les produits variables, vous pouvez gérer le stock soit au niveau du produit, soit au niveau de la variante, soit selon une combinaison des deux.

Pour des produits tels que les vêtements, la gestion des stocks par variante est souvent judicieuse.

Exemple :

S / Noir :
5 pièces

M / Noir :
12 pièces

L / Noir :
3 pièces

XL / Noir :
0 pièce

Cela permet à WooCommerce de suivre avec précision quelles tailles sont encore disponibles.

Si XL / Noir est épuisé, les autres variantes ne doivent pas pour autant être considérées comme épuisées.

15. Utiliser un stock commun #

Il y a aussi des situations où toutes les variantes doivent accéder au même stock.

WooCommerce prend par conséquent également en charge la gestion des stocks au niveau du produit principal.

Un exemple serait un produit physique qui est vendu soit seul, soit avec un fichier numérique supplémentaire. Les deux variantes accèdent au même stock d'articles physiques existants.

La question de savoir si le stock par produit ou par variante est le plus adapté dépend donc de votre stock réel.

16. Commandes en retard par variante #

Il est également possible de définir, même pour les variantes, comment gérer les ruptures de stock.

Lorsqu'une variante spécifique n'est plus en stock, vous pouvez autoriser ou empêcher les commandes en rupture de stock selon la configuration de votre stock.

N'activez les reliquats de commande que si vous pouvez réellement réapprovisionner la variante concernée.

17. Image personnalisée pour chaque variante #

Une fonction particulièrement utile est la propre image par variante.

Pour le t-shirt, tu pourrais par exemple enregistrer :

Version noire :
Image d'un t-shirt noir

Version blanche :
Image d'un t-shirt blanc

Si le client sélectionne une variante dans la boutique, WooCommerce peut afficher l'image associée à cette variante.

Cela est particulièrement utile pour les couleurs ou les versions esthétiquement différentes.

Nous expliquons le travail de base avec les images de produits WooCommerce dans l'article Utiliser des images de produits et des galeries de produits dans WooCommerce.

18. Poids et dimensions par variante #

Les variantes peuvent avoir des dates de livraison différentes.

Par exemple, une plus grande version peut être plus lourde qu'une plus petite.

Variante S :
Poids 0,20 kg

Variante XL :
Poids 0,28 kg

WooCommerce permet de gérer séparément, entre autres, le poids, la longueur, la largeur, la hauteur et la classe d'expédition pour les variantes.

Si ces informations influencent le prix réel de l'expédition, cela dépend de ton Configuration des envois ab.

19. Variantes virtuelles #

Avec une variante, vous pouvez définir qu'elle virtuel est.

Une variante virtuelle ne nécessite pas d'expédition physique.

Cela peut être utile si le même produit de base est proposé sous une forme physique et non physique.

WooCommerce masque les champs d'expédition non requis pour les variantes virtuelles.

20. Variantes téléchargeables #

Une variante peut également être considérée comme téléchargeable être marqué.

Ensuite, vous pouvez associer des fichiers, une limite de téléchargement et une date d'expiration à la variante spécifique.

Cela permet par exemple :

Produit :
Manuel

Variante :
PDF
→ téléchargeable

Variante :
édition imprimée
→ physique

Virtuel et téléchargeable sont également deux propriétés différentes, même pour les variantes.

21. Description des variantes #

Chaque variante peut recevoir sa propre description.

Cela peut être judicieux si une version possède des caractéristiques particulières.

Par exemple :

Couleur Noir :
Surface mate

Couleur Blanc :
Surface brillante

Utilisez des descriptions de variantes pour des informations réellement différentes et non pour répéter le même long texte pour chaque variante.

22. Traiter les variantes en plus grandes quantités #

Pour de nombreuses variantes, il serait fastidieux d'apporter la même modification individuellement à chaque variante.

C'est pourquoi WooCommerce propose dans la section des variantes des actions groupées ou Actions groupées.

Cela permet, en fonction de l'action disponible, de définir ou de modifier simultanément certaines valeurs pour plusieurs variantes.

Cela peut par exemple faire gagner du temps lors de la fixation de prix identiques ou d'autres valeurs communes.

Important : Vérifiez attentivement une modification groupée. Elle peut modifier plusieurs variantes en même temps. Si certaines variantes doivent avoir des prix ou des stocks différents, vous ne devez pas écraser accidentellement ces différences.

23. Définir la variante standard #

WooCommerce peut être une Sélection par défaut définir pour les attributs d'un produit variable.

Par exemple :

Standard :
Taille M
Couleur Noir

Lors de l'ouverture de la page produit, cette combinaison peut ainsi déjà être pré-sélectionnée.

WooCommerce documente cette fonction comme des valeurs de formulaire par défaut ou comme la variation par défaut du produit variable. :contentReference[oaicite:9]{index=9}

Tu n'es pas obligé de définir une variante standard.

Sans variante pré-sélectionnée, le client doit choisir lui-même les caractéristiques requises avant de pouvoir ajouter la variante correspondante au panier.

24. Enregistrer les modifications des variantes #

Après avoir traité les variantes, cliquez dans la zone des variantes sur Enregistrer les modifications.

Ensuite, vous devez également enregistrer ou mettre à jour le produit lui-même.

C'est particulièrement utile d'enregistrer de temps en temps lorsqu'il y a de nombreuses variantes, et non pas seulement après une longue modification.

25. Publier le produit #

Lorsque le nom du produit, la description, les images, les caractéristiques et les variantes sont entièrement configurés, vous pouvez publier le produit.

Vérifiez en particulier avant cela :

• Toutes les variantes nécessaires sont-elles présentes ?
• Y a-t-il des combinaisons indésirables par inadvertance ?
• Est-ce que chaque variante achetable a un prix ?
• Les SKU sont-ils uniques ?
• Est-ce que les stocks sont corrects ?
• Les images de variantes sont-elles correctement associées ?
• Est-ce que le poids et la catégorie d'expédition sont corrects lorsqu'ils sont nécessaires ?

26. Tester un produit variable dans la boutique #

Ouvrez la page produit terminée dans le frontend.

WooCommerce affiche au client les attributs du produit sous forme d'options. Selon le thème, ceux-ci peuvent par exemple être représentés sous forme de menus déroulants ou d'autres champs de sélection.

Testez toutes les combinaisons importantes.

Par exemple :

Taille M
+
Couleur Noir

Vérifie ensuite :

• La bonne variante est-elle détectée ?
• Le bon prix s'affiche-t-il ?
• L'image de variante correspondante s'affiche-t-elle ?
• Le statut du stock est-il correct ?
• La variante peut-elle être ajoutée au panier ?

Les clients doivent sélectionner toutes les options requises pour la variante avant que WooCommerce ne puisse ajouter la variante spécifique au panier.

Que se passe-t-il dans le cas d'une variante épuisée ? #

Si vous gérez les stocks au niveau des variantes et qu'une variante n'est plus disponible, WooCommerce peut afficher sa disponibilité en conséquence.

D'autres variantes du même produit peuvent toujours être disponibles.

Exemple :

S / Noir → disponible
M / Noir → disponible
L / Noir → disponible
XL / Noir → épuisé

C'est l'un des avantages les plus importants des produits variables : le stock et d'autres données peuvent être gérés séparément pour chaque déclinaison.

Que se passe-t-il si une variante n'a pas de prix ? #

Si une variante n'est pas configurée correctement pour la vente, elle ne peut pas être utilisée par les clients comme une variante achetable de manière normale.

Vérifiez donc toujours le prix et les autres informations nécessaires pour les variantes nouvellement créées.

Règle pratique : Après avoir créé toutes les variantes, vous devez vérifier chaque combinaison au moins une fois. Surtout lorsqu'il y a beaucoup de variantes, un prix manquant ou un stock erroné dans le backend passe souvent inaperçu.

Éviter trop de variantes #

Avec plusieurs propriétés, le nombre de variantes possibles augmente très rapidement.

Exemple :

5 tailles
×
6 couleurs
×
4 matériaux
=
120 variantes possibles

Ce n'est pas parce que WooCommerce peut générer des combinaisons que chaque combinaison théorique a du sens.

Si vous combinez de nombreuses propriétés, la maintenance du produit devient plus complexe.

WooCommerce indique par ailleurs que pour les produits comptant plus de 30 variantes, le comportement des menus déroulants dynamiques change techniquement sur le frontend.

Cela ne signifie pas que WooCommerce ne prend en charge en général que 30 variantes. Cependant, pour les produits comportant de nombreuses variantes, vous devez tester très soigneusement le fonctionnement de la sélection sur la page produit.

Propriétés globales ou individuelles ? #

Pour une petite boutique, une propriété spécifique à un produit peut sembler simple de prime abord.

Cependant, si les mêmes valeurs apparaissent pour de nombreux produits, tu dois utiliser des propriétés globales.

Exemple :

Propriété globale :
Taille

Valeurs :
XS
S
M
L
XL
XXL

Tu pourras ensuite réutiliser cette propriété sur de nombreux vêtements.

WooCommerce cite parmi les avantages des attributs globaux qu'ils peuvent être gérés de manière centralisée et réutilisés dans toute la boutique.

Un exemple complet de variante #

Notre T-shirt pourrait finalement se présenter ainsi :

Variante	Prix	UGS	Inventaire
S / Schwarz	CHF 29,90	TS-S-SCHWARZ	5
M. Schwarz	CHF 29,90	TS-M-SCHWARZ	12
L / Schwarz	CHF 29,90	TS-L-SCHWARZ	8
XL / Noir	CHF 32.90	TS-XL-NOIR	3
S / Weiss	CHF 29,90	TS-S-WEISS	6
M. Weiss	CHF 29,90	TS-M-WEISS	9
L / Weiss	CHF 29,90	TS-L-WEISS	4
XL / Blanc	CHF 32.90	TS-XL-BLANC	2

De plus, les variantes noires et blanches peuvent chacune posséder leurs propres images de produits.

Erreur fréquente : propriétés créées, mais aucune variante disponible #

Si vous vous attendez à trouver des caractéristiques sur la page produit, mais qu'aucune variante achetable n'est disponible, vérifiez :

• Le type de produit est-il vraiment sur Produit variable posé ?
• Les propriétés sont-elles associées au produit ?
• Les valeurs de propriétés souhaitées sont-elles sélectionnées ?
• Les propriétés sont-elles utilisées pour les variantes ?
• Les propriétés ont-elles été enregistrées ?
• Des variantes ont-elles ensuite réellement été générées ou créées manuellement ?
• Les variantes ont-elles un prix ?

Erreur fréquente : de mauvaises combinaisons ont été créées automatiquement #

Si vous générez automatiquement toutes les variantes, WooCommerce crée des combinaisons possibles à partir des valeurs d'attributs utilisées pour les variantes.

Cela peut entraîner la création de combinaisons que tu ne proposes même pas.

Exemple :

Le rouge n'existe qu'en S et M

Ont été générés automatiquement :
S / Rouge
M / Rouge
L / Rouge
XL / Rouge

Supprimez ou utilisez uniquement les combinaisons qui doivent réellement être vendues.

Erreur fréquente : modifications des propriétés effectuées a posteriori #

Si vous ajoutez, supprimez ou modifiez des valeurs de propriétés après avoir créé les variantes, vous devriez ensuite vérifier également les variantes.

Les caractéristiques et les variantes sont directement liées entre elles.

WooCommerce indique expressément que les variantes devront peut-être être redéfinies après des modifications des attributs sous-jacents.

Quelle est la suite ? #

Les produits variables sont basés sur des attributs. C'est pourquoi il est utile de structurer proprement les catégories de produits, les étiquettes et les attributs dès le début.

C'est pourquoi, dans le prochain article, nous expliquerons la différence entre Catégories de produits, étiquettes et attributs dans WooCommerce et à montrer quand tu dois utiliser laquelle.

Résumé #

Vous utilisez un produit variable lorsque les clients doivent choisir entre plusieurs déclinaisons d'un même produit, par exemple entre des tailles ou des couleurs.

Sélectionnez d'abord le type de produit Produit variable. Ensuite, créez des propriétés telles que la taille et la couleur, et définissez les valeurs à utiliser pour les variantes.

Ensuite, tu génères les variantes nécessaires automatiquement ou manuellement. Chaque variante peut posséder ses propres informations telles que le prix, le SKU, le stock, l'image, le poids ou la classe d'expédition.

Enregistrez les variantes après les modifications et vérifiez la page produit finale du point de vue du client. Testez en particulier les options de sélection, les prix, les images et la disponibilité.