WooCommerce : créer un produit variable avec attributs et variations

Introduction : le produit variable de WooCommerce

Gérer une boutique en ligne performante nécessite d'offrir une expérience utilisateur fluide et intuitive. Lorsqu'un e-commerçant vend un article disponible en plusieurs versions — qu'il s'agisse de vêtements déclinés en différentes tailles, de meubles modulables ou d'équipements ergonomiques réglables —, créer des fiches produit individuelles pour chaque combinaison s'avère être une erreur stratégique. Cela dilue votre référencement naturel (SEO), dégrade l'ergonomie de votre catalogue et perturbe le parcours d'achat de vos visiteurs.

C'est ici qu'intervient la puissance de la fonctionnalité de produit variable offerte par WooCommerce.

Ce guide pratique et pédagogique a été conçu par l'équipe technique de Tesseract IT pour vous accompagner pas à pas dans la configuration, le paramétrage des attributs, la génération des variations et la gestion personnalisée des tarifs, des stocks et des visuels de vos déclinaisons.

Introduction à WooCommerce : la référence e-commerce de WordPress

WooCommerce est une extension (plugin) open-source développée pour le système de gestion de contenu (CMS) WordPress. Elle transforme un site vitrine en une plateforme de vente en ligne complète, sécurisée et entièrement personnalisable.

Apprécié pour sa flexibilité, WooCommerce propulse aujourd'hui plus de 30 % des boutiques en ligne dans le monde. Son principal atout réside dans sa capacité à gérer une grande diversité de catalogues : des produits physiques simples aux téléchargements numériques, en passant par les abonnements et les articles à options complexes dits "produits variables".

Le lexique essentiel du produit variable sur WooCommerce

Avant de vous lancer dans la configuration technique sur votre tableau de bord, il est crucial de maîtriser le vocabulaire fondamental utilisé par la plateforme :

• Produit simple : Un article unique vendu sans aucune option de personnalisation (ex. : un livre papier au format unique).
• Produit variable : Un article principal regroupant plusieurs choix combinables proposés à l'acheteur sur une même fiche produit (ex. : un bureau ergonomique avec plusieurs options d'inclinaison et de matériaux).
• Attributs : Les caractéristiques techniques ou visuelles qui définissent un produit (ex. : Taille, Couleur, Matière, Inclinaison).
• Termes d'attributs : Les valeurs spécifiques rattachées à un attribut donné. Pour l'attribut Couleur, les termes peuvent être Rouge, Bleu, Vert.
• Variations (ou déclinaisons) : La combinaison finale d'un ou plusieurs termes d'attributs formant une version précise de l'article avec sa propre référence (SKU), son propre tarif, son image et son état de stock dédié.

Étude de cas concrète : Configurer un produit variable avec 2 listes d'attributs et 3 tarifs

Pour rendre ce tutoriel aussi clair que possible pour les débutants, nous allons suivre un exemple pratique. Imaginez que vous vendiez une Chaise de bureau ergonomique.

Vous souhaitez proposer à l'acheteur deux listes déroulantes de choix sur votre fiche produit :

1. L'Attribut « Inclinaison » avec 2 choix : Fixe (0°) ou Inclinable (45°).
2. L'Attribut « Finition » avec 2 choix : Tissu Standard ou Cuir Premium.

Selon la combinaison sélectionnée par votre client, vous afficherez 3 tarifs différents :

• Combinaison A (Inclinaison Fixe + Tissu Standard) = 150 €
• Combinaison B (Inclinaison Inclinable + Tissu Standard) = 200 €
• Combinaison C (Inclinaison Inclinable + Cuir Premium) = 300 € (Note : La déclinaison Fixe + Cuir n'est pas commercialisée).

Découvrons ensemble la procédure étape par étape pour mettre en place ce paramétrage sur WooCommerce.

Étape 1 : Créer et configurer les attributs globaux

Il existe deux manières d'ajouter des attributs dans WooCommerce : directement au niveau du produit ou de manière globale. Pour garantir un site bien structuré et réutiliser vos options sur plusieurs articles, nous privilégions la méthode globale.

1. Rendez-vous dans votre back-office WordPress.
2. Dans le menu latéral gauche, naviguez vers Produits > Attributs.
3. Dans le formulaire de gauche « Ajouter un nouvel attribut » :
   • Saisissez le Nom : Inclinaison.
   • Laissez le champ Identifiant (slug) se générer automatiquement ou tapez inclinaison.
   • Cliquez sur le bouton Ajouter un attribut.
4. Répétez l'opération pour créer votre second attribut nommé Finition.

Une fois les deux attributs créés, vous devez leur attribuer leurs termes respectifs :

1. Dans le tableau des attributs situés à droite, cliquez sur « Configurer les termes » en face de l'attribut Inclinaison.
2. Ajoutez successivement deux termes : Fixe puis Inclinable.
3. Revenez dans Produits > Attributs et cliquez sur « Configurer les termes » en face de Finition.
4. Ajoutez deux termes : Tissu Standard puis Cuir Premium.

Vos caractéristiques sont désormais prêtes à être associées à vos fiches produit.

Étape 2 : Initialiser le produit et sélectionner le type « Produit variable »

Maintenant que notre base d'attributs existe, créons la fiche produit principale.

1. Allez dans Produits > Ajouter.
2. Indiquez le titre de votre article : Chaise de bureau ergonomique.
3. Rédigez votre description longue ainsi que la description courte du produit.
4. Faites défiler la page vers le bas jusqu'au bloc de données intitulé Données du produit.
5. Par défaut, WooCommerce sélectionne « Produit simple ». Cliquez sur le menu déroulant et choisissez « Produit variable ».

Remarque SEO : L'onglet des prix habituel disparaît immédiatement de l'onglet « Général », ce qui est parfaitement normal. Les prix seront désormais gérés individuellement au niveau de chaque variation.

Étape 3 : Attribuer les caractéristiques au produit

Il s'agit maintenant d'injecter nos listes d'options dans notre fiche produit.

1. Dans la boîte Données du produit, cliquez sur l'onglet Attributs dans le menu vertical de gauche.
2. Dans le menu déroulant à côté du bouton Ajouter, sélectionnez Inclinaison puis cliquez sur Ajouter.
3. Dans la case Valeur(s), sélectionnez les termes Fixe et Inclinable (ou cliquez sur le bouton « Sélectionner tout »).
4. Cochez impérativement la case « Utilisé pour les variations ». (Sans cette coche, vous ne pourrez pas créer vos déclinaisons à l'étape suivante).
5. Répétez la même manipulation pour l'attribut Finition en ajoutant les termes Tissu Standard et Cuir Premium, sans oublier de cocher également « Utilisé pour les variations ».
6. Cliquez sur le bouton bleu Enregistrer les attributs.

Étape 4 : Générer et paramétrer les variations (tarifs, images, stocks)

C'est ici que s'opère la magie de WooCommerce. Nous allons transformer nos termes d'attributs en déclinaisons achetables.

Génération automatique des déclinaisons

1. Cliquez sur l'onglet Variations (situé juste sous l'onglet Attributs).
2. Dans le menu déroulant, sélectionnez « Générer les variations » (ou Créer les variations à partir de tous les attributs) et cliquez sur Aller.
3. WooCommerce va croiser vos options et générer les 4 combinaisons possibles.
4. Comme indiqué dans notre cas pratique, nous ne vendons pas la version Fixe + Cuir Premium. Il suffit de survoler cette variation et de cliquer sur Supprimer pour ne conserver que les 3 combinaisons souhaitées.

 

[Emplacement Image 5 A – B]

• Description pour l'intégration : Capture d'écran de l'onglet Variations, affichant les lignes des déclinaisons générées, mais pliées
• Balise alt : Génération des variations et suppression de l’une d’entre elles.

 

---

Partager sur les réseaux sociaux

Lire des commentaires

Poster un commentaire

Envoyer votre commentaire