Produits variables et attributs

Module 3: Produits · Temps de lecture : 10 minutes

Objectif pédagogique : à l’issue de cette leçon, vous saurez créer un produit variable avec des attributs et des variations, choisir quand des variations sont préférables à des produits séparés, et éviter les problèmes liés à un grand nombre de variations.

Notions clés : attribut, attribut global (Produits > Propriétés), attribut local, termes, « Utilisé pour les variations » (Used for variations), variation, valeurs par défaut (Default Form Values), générer des variations, modification groupée, prix et stock par variation, nombre de combinaisons, max_input_vars

Un produit, plusieurs choix

Theehuis Example vend du sencha en vrac en sachets de 50, 100 et 250 grammes. Pour le client, c’est un seul thé avec un choix de quantité. Pour la boutique, ce sont trois articles avec leur propre prix, leur propre stock et peut-être leur propre poids. C’est exactement la raison d’être d’un produit variable : une seule page produit, une seule description, une seule place dans les résultats de recherche, et en coulisses une variation par choix.

L’alternative, trois produits simples séparés, présente des inconvénients : trois pages au texte presque identique (contenu dupliqué, leçon 7.1), trois fois les photos à gérer, et un client qui doit chercher le sachet qu’il veut. Pourtant, un produit variable n’est pas toujours le meilleur choix. Une règle simple :

• Variable si le client le perçoit comme le même produit et ne choisit qu’une caractéristique : taille, couleur, poids, mouture.
• Produits séparés s’ils sont réellement différents ou recherchés différemment : thé vert et thé noir, ou une théière en fonte et une en verre. Chacun mérite sa propre page avec son propre texte.

Les attributs : les briques de base

Une variation est une combinaison d’attributs. Un attribut est une caractéristique (« Poids ») avec des termes ou valeurs (« 50 g », « 100 g », « 250 g »). WooCommerce en connaît deux sortes :

Les attributs globaux se créent une seule fois dans Produits > Propriétés (Products > Attributes). Ils valent pour toute la boutique : « Poids » avec les mêmes termes pour tous les thés. Avantages : vous saisissez les termes une seule fois, l’orthographe est partout identique, et les clients peuvent filtrer la boutique sur l’attribut (« afficher tous les thés en 250 g »). Chaque attribut global est une taxonomie, avec ses propres pages d’archive si vous les activez.

Les attributs locaux (custom product attributes) ne s’ajoutent qu’à un seul produit. Pratique pour une caractéristique propre à un seul produit, comme les options de gravure d’une théière. Inconvénient : pas de filtre, et avec dix produits ayant une « Couleur », vous obtenez dix listes distinctes, avec autant de risques de fautes de frappe.

Pour les caractéristiques récurrentes (taille, couleur, poids, matière), choisissez donc un attribut global.

Un attribut ne sert aux variations que si vous cochez, dans le produit, la case Utilisé pour les variations (Used for variations). Sans cette case, il apparaît seulement comme information dans l’onglet « Informations complémentaires » de la page produit. C’est utile aussi : « Origine : Japon » est un attribut sans variations.

Créer et remplir les variations

Une fois les attributs prêts, rendez-vous dans l’onglet Variations. Vous y trouvez deux boutons : Générer des variations (Generate variations), qui crée une variation pour chaque combinaison, et Ajouter manuellement (Add manually), pour une variation à la fois.

Chaque variation a ses propres champs : UGS (SKU), prix, prix promo, stock, poids, dimensions, une image, et les cases activé, téléchargeable et virtuel. Une variation sans prix n’est pas en vente et n’apparaît pas comme choix. C’est l’erreur la plus fréquente : générer les variations, oublier le prix, et un client qui voit « Cette variation n’est pas disponible ».

Avec la modification groupée au-dessus de la liste, vous définissez en une fois le prix, le stock ou le poids de toutes les variations, ou vous augmentez les prix d’un montant ou d’un pourcentage. Vous ajustez ensuite les exceptions variation par variation.

Avec les valeurs par défaut (Default Form Values), vous choisissez la variation présélectionnée à l’ouverture de la page. Choisissez la variation la plus vendue, ou laissez vide pour que le client choisisse délibérément. Si rien n’est présélectionné, la page affiche une fourchette de prix (« € 6,50 tot € 24,00 »).

Le nombre de combinaisons : là où tout se complique

Les variations se multiplient. Une théière en 4 couleurs, 3 tailles et avec ou sans gravure donne 4 × 3 × 2 = 24 variations. Ajoutez un quatrième attribut à 5 options et vous arrivez à 120. Avec des conséquences :

• La gestion. Chaque variation a son propre prix, son propre stock et sa propre UGS. Tenir à jour 120 lignes représente beaucoup de travail et de risques d’erreur.
• La page produit. Jusqu’à un certain nombre de variations (30 par défaut), WooCommerce envoie toutes les combinaisons avec la page, afin que les listes de choix sachent immédiatement quelles combinaisons existent. Au-delà, la page interroge le serveur à chaque choix pour savoir si la combinaison existe (via AJAX). Cela fonctionne, mais un client peut alors choisir d’abord une combinaison inexistante et n’être averti qu’ensuite.
• L’enregistrement. Lorsque vous enregistrez de nombreuses variations, votre navigateur envoie énormément de champs en même temps au serveur. PHP fixe une limite pour cela : max_input_vars. Si elle est dépassée, les derniers champs sont ignorés sans avertissement : vous enregistrez et une partie de vos modifications a disparu. C’est pourquoi l’administration affiche 15 variations par page, mais avec beaucoup d’attributs et de champs, la limite peut tout de même être atteinte. Votre hébergeur peut augmenter max_input_vars ; dans la plupart des panneaux, vous pouvez le faire vous-même dans les réglages PHP (leçon 7.2).

Ce que vous pouvez faire :

• Ne créer que les combinaisons qui existent réellement. Pas de « Générer des variations » avec quatre attributs, mais l’ajout manuel des combinaisons que vous vendez.
• Proposer une caractéristique qui ne modifie ni le prix ni le stock non pas comme variation, mais comme option de produit ou remarque (par exemple un texte de gravure via un champ ; il existe des extensions pour cela).
• Vendre les produits réellement différents comme produits séparés.

Pièges à éviter

• Renommer un attribut après coup. Renommer un terme d’un attribut global est possible, mais les variations existantes font référence au slug. Testez d’abord dans votre boutique de test.
• Mélanger le stock au niveau du produit et au niveau des variations. Choisissez par produit : un stock par variation (le plus souvent) ou un seul stock pour tout le produit.
• Les photos de variation. Sans image propre, la variation affiche la photo principale. Pour des couleurs, vous voudrez une photo par couleur.
• Des variations sans UGS. Pour l’import et les liaisons avec une caisse ou un grossiste, il vous faut une UGS par variation (leçon 3.4).

En pratique : à quoi cela ressemble dans WooCommerce

1. Produits > Propriétés : créez l’attribut « Poids » avec les termes 50 g, 100 g et 250 g.
2. Produits > Ajouter un nouveau : titre « Sencha Uji », données produit Produit variable.
3. Onglet Propriétés : ajoutez « Poids », choisissez les trois termes, cochez Utilisé pour les variations, enregistrez les propriétés.
4. Onglet Variations : Générer des variations (trois variations), puis activez la gestion du stock avec la modification groupée et saisissez pour chaque variation le prix (€ 6,50, € 11,50, € 24,00), le poids et une UGS comme SEN-UJI-050.
5. Choisissez 100 g dans les valeurs par défaut, enregistrez et consultez la page produit dans une fenêtre de navigation privée.

Selon le thème, le choix s’affiche sous forme de liste déroulante, de boutons ou de pastilles de couleur ; le principe reste le même.

Résumé

• Un produit variable, c’est une seule page produit avec une variation par choix, chacune avec son propre prix, son propre stock et sa propre UGS.
• Utilisez des attributs globaux pour les caractéristiques récurrentes ; cochez « Utilisé pour les variations ».
• Une variation sans prix n’est pas en vente.
• Le nombre de combinaisons augmente vite : ne créez que les combinaisons réelles et surveillez max_input_vars lors de l’enregistrement.
• Les produits réellement différents se vendent comme produits séparés.

Quiz

Exercice

Exercice A3.2 : Votre produit variable. Indiquez l’adresse de votre boutique, le slug ou le lien d’un produit variable, le nombre de variations en vente dans la boutique, et les attributs que vous utilisez pour les variations (séparés par des virgules, par exemple « Poids, Mouture »). Le programme recherche le produit via la Store API publique (/wp-json/wc/store/v1/products?slug=...), sans cookies et sans rien ajouter au panier. Vert si le produit est de type variable, si le nombre de variations correspond à ce que vous avez saisi et si chaque attribut figure parmi les attributs utilisés pour les variations. Orange si le nombre diffère (la boutique ne compte pas les variations sans prix ou désactivées), si un attribut existe mais n’est pas utilisé pour les variations, ou à titre d’information si vous avez plus de 30 variations. Rouge si le produit est introuvable, n’est pas variable ou ne possède aucun de vos attributs.

Question pour vous-même (non corrigée) : combien de combinaisons « Générer des variations » créerait-il avec tous vos attributs, et combien en vendez-vous réellement ?

Pour aller plus loin

• Variable product (woocommerce.com, en anglais) : https://woocommerce.com/document/variable-product/
• Managing products (woocommerce.com, en anglais) : https://woocommerce.com/document/managing-products/
• Modifier la version PHP et les paramètres PHP (et que faire en cas d'erreurs après une mise à niveau)

Les étapes de la base de connaissances concernent les panneaux de WebOké ; chez d’autres prestataires, le fonctionnement est comparable.