Comment créer un produit avec différentes tailles et couleurs (produit variable) dans WooCommerce
Découvrez, étape par étape, comment ajouter des produits à variantes à votre boutique en ligne, définir des prix différents selon la taille et vérifier le stock par variante.
L'une des fonctionnalités les plus puissantes de WooCommerce est la possibilité de créer Produits variables (Variable Products). Ainsi, au lieu de créer dix produits différents pour un t-shirt disponible en 5 tailles et 2 couleurs, vous créez *un* produit principal et le système se charge d’afficher les options appropriées à l’utilisateur.
Modification du type de produit en “ Variable ”
Ouvrez le produit que vous souhaitez modifier (ou cliquez sur Nouveau produit). Faites défiler vers le bas jusqu'à ce que vous trouviez le champ Données sur le produit (Product Data). Dans le menu déroulant qui affiche par défaut Produit simple, sélectionnez le Produit variable (Variable product).
[ Capture d'écran : le menu “ Données produit ” avec l'option “ Produit variable ” sélectionnée ]
Ajout d'attributs (Attributes)
Nous devons maintenant indiquer au système quelles sont les options disponibles pour ce produit (par exemple, la taille) :
- Dans le menu de gauche du volet, cliquez sur les Propriétés (Attributes).
- Si les propriétés ont été prédéfinies par Skynetix, sélectionnez par exemple “ Taille ” dans le menu déroulant, puis cliquez sur Ajouter (Add). *Sinon, sélectionnez “ Caractéristique personnalisée du produit ”*.
- Sur le terrain Valeurs (Values), sélectionnez les tailles disponibles pour ce produit (par exemple : Small, Medium, Large).
- Une étape décisive : Cochez la case intitulée Utilisation pour les variantes (Used for variations).
- Cliquez sur Enregistrement des attributs (Save attributes).
[ Capture d'écran : l'onglet “ Propriétés ” avec les options « Petit/Moyen » sélectionnées et la case « Utiliser pour les variantes » cochée ]
Création de variantes (Variations)
Une fois les propriétés enregistrées, cliquez sur l'onglet situé juste en dessous : Variations.
Cliquez sur le menu déroulant qui s'affiche et sélectionnez Créer des variantes à partir de tous les attributs (Create variations from all attributes) et cliquez sur Aller (Go). WooCommerce combinera automatiquement les options et créera des lignes distinctes (par exemple, une ligne pour la taille Small, une pour la taille Medium, etc.).
Si vous disposez de 15 tailles différentes et qu’elles ont toutes le même prix, vous n’avez pas besoin d’ouvrir chaque ligne une par une. Dans le menu déroulant des variantes en haut, sélectionnez “ Définir les prix normaux ” (Set regular prices), saisissez par exemple 20, puis cliquez sur « Go ». Le prix de 20 € sera automatiquement appliqué à toutes les tailles en même temps !
Gestion des prix et des stocks par taille
Cliquez sur la ligne correspondant à une variante spécifique (par exemple, sur le Petit) pour “ ouvrir ” son menu caché. Vous pouvez y définir :
- Prix normal : Champ obligatoire (si ce champ reste vide, cette taille n'apparaîtra pas sur la boutique en ligne).
- Gestion des stocks ? : Cochez cette case si vous souhaitez indiquer le nombre exact d'articles que vous possédez dans la taille Small (par exemple, 5 articles).
- Image de la variante : Vous pouvez télécharger une photo personnalisée (par exemple, le t-shirt en rouge) afin que, lorsque le client sélectionne “ Rouge ”, la photo centrale de la boutique en ligne passe automatiquement au rouge !
L'erreur la plus courante : si vous créez les variantes mais que vous oubliez d'ajouter Prix Pour certaines d'entre elles, WooCommerce les considère comme “ indisponibles ” et ne les affichera pas du tout dans le menu déroulant de la boutique en ligne. Assurez-vous que chaque variante dispose d'au moins un prix, et que vous avez cliqué sur le bouton Enregistrer les modifications (Save changes) au bas du tableau des variantes.
[ Capture d'écran : la fenêtre ouverte d'une variante avec les champs “ Prix ”, “ Gestion des stocks ” et le bouton « Enregistrer » ]
Une fois que vous aurez terminé de configurer les variantes, remontez tout en haut à droite de la page et cliquez sur le bouton classique Mise à jour (Update) ή Publication (Publish) de WordPress.
Préférez-vous que, au lieu d'un menu déroulant, s'affichent de jolis boutons (Swatches) ?;
Les simples menus déroulants textuels sont lassants et font baisser les ventes. Chez Skynetix, nous pouvons améliorer votre boutique en ligne en installant des **Variation Swatches**. Ainsi, vos clients verront de véritables cercles représentant les couleurs (Color Swatches) ou de petites cases modernes indiquant les tailles (Labels), ce qui améliorera l'expérience d'achat et fera grimper en flèche le taux de conversion de votre boutique.
