Produits variables dans WooCommerce : tailles, couleurs et stock par variante

Vous avez un t-shirt décliné en trois tailles et deux couleurs. Dans WooCommerce, vous ne créez pas six produits distincts — vous créez un seul produit variable, avec des attributs (taille, couleur) et des variations issues de leurs combinaisons. Chaque variation peut avoir son propre prix, sa propre image, son propre SKU et, surtout, son propre stock.

Cela paraît simple, mais c'est là que la plupart des boutiques trébuchent : elles définissent les attributs au mauvais niveau, oublient de cocher « Utilisé pour les variations », ou gèrent le stock sur le produit au lieu de chaque variation. Résultat : une page où le client ne peut pas choisir sa taille, ou achète un XL en réalité épuisé. Voici les étapes correctes, dans l'ordre, pour vous épargner ces ennuis.

Attributs et variations : la différence que beaucoup ratent

Ce sont deux choses distinctes, et les confondre casse tout.

• Un attribut est la caractéristique : « Taille », « Couleur », « Matière ». Il a des valeurs : S, M, L ou Rouge, Bleu.
• Une variation est une combinaison vendable concrète : « M / Rouge », avec son propre prix et son stock.

Vous pouvez définir les attributs globalement (Produits → Attributs, réutilisables sur toute la boutique) ou localement, directement sur le produit. Je recommande les attributs globaux pour les tailles et couleurs standard — définis une fois, réutilisés partout, et les filtres de la boutique restent cohérents.

L'étape critique : pour chaque attribut ajouté à un produit, cochez « Utilisé pour les variations ». Sans cette case, WooCommerce ne vous laisse pas générer de variations, et vous cherchez pourquoi l'option manque.

Les étapes concrètes de configuration, dans l'ordre

Sur l'écran d'édition du produit :

1. Dans Données produit, changez le type de « Produit simple » à « Produit variable ».

2. Ouvrez l'onglet Attributs. Ajoutez « Taille » et « Couleur », saisissez les valeurs (séparées par `|` si locales), cochez Visible sur la page produit et Utilisé pour les variations. Enregistrez les attributs.

3. Passez à l'onglet Variations. Vous pouvez cliquer sur « Générer les variations » pour créer automatiquement toutes les combinaisons, ou n'ajouter manuellement que les réelles (parfois vous n'avez pas tout en stock).

4. Déployez chaque variation et remplissez : prix, SKU, image et — essentiel — les données de stock.

Ne sautez pas l'enregistrement des attributs avant d'aller aux Variations. C'est l'erreur numéro un : vous cliquez sur Variations, rien n'apparaît, et vous croyez à un bug.

Le stock par variante : où le cocher exactement

C'est le cœur de votre question. Le stock se gère à deux niveaux, et vous le voulez sur la variation.

Dans chaque variation déployée, cochez « Gérer le stock ? ». Alors seulement le champ Quantité en stock apparaît pour cette combinaison précise. Vous définissez par exemple : M / Rouge = 8 unités, L / Rouge = 0, XL / Bleu = 3.

En pratique :

• Quand le stock d'une variation atteint 0, cette option précise devient indisponible dans le sélecteur — les autres restent en vente.
• Vous pouvez autoriser les commandes en attente (backorders) individuellement par variation.
• Vous pouvez définir un seuil « stock faible » pour recevoir une notification.

Si vous laissez « Gérer le stock ? » décoché sur la variation, WooCommerce hérite du statut au niveau du produit (En stock / Rupture) sans nombre exact — et vous perdez le contrôle fin recherché.

Images, SKU et prix par variation

Une variation bien faite ne se limite pas au stock correct.

• Image par variation : quand le client choisit « Rouge », la galerie doit montrer le produit rouge. Définissez une image dédiée sur chaque variation — c'est la différence entre une page qui vend et une qui laisse place au doute.
• SKU par variation : donnez à chaque combinaison son propre code (ex. TSH-ROUGE-M). Cela simplifie l'inventaire, l'intégration comptable et les éventuels flux produits.
• Prix par variation : si le XXL coûte plus cher, définissez-le seulement là. Laissez le reste sur le prix de base du produit.

Un détail UX : si un client choisit une combinaison inexistante comme variation (ex. vous n'avez jamais créé « XXL / Rouge »), le bouton « Ajouter au panier » n'apparaît tout simplement pas. D'où l'intérêt de ne générer que les variations réelles et de n'activer que les vendables.

Erreurs fréquentes et comment les éviter

En travaillant avec de vraies boutiques, les mêmes pièges reviennent :

• Trop de combinaisons. 5 tailles × 6 couleurs × 3 matières = des dizaines de variations à gérer à la main. Demandez-vous si vous vendez vraiment toutes les combinaisons.
• Stock géré au niveau du produit, pas de la variation — un XL épuisé reste alors « en vente ».
• Attributs uniquement locaux avec des dizaines de produits similaires : vous perdez le filtrage cohérent sur la boutique.
• Oublier l'image par variation, et le client voit toujours la même photo.
• Ne pas tester côté client. Ouvrez la page en navigation privée et achetez réellement une taille jusqu'au bout.

Avec des dizaines ou centaines de produits à variantes, la configuration manuelle devient un vrai travail. Chez MPO Web Studio, nous préparons une démo déjà construite, avec la structure d'attributs et de variations en place, pour que vous voyiez le produit avant tout paiement. Nous travaillons à distance, partout dans le pays. Un message WhatsApp et nous vous disons concrètement ce qu'implique votre boutique.