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 : Erstelle nur Varianten, die Kunden tatsächlich kaufen können.

10. Einzelne Variante öffnen #

Nachdem die Varianten erstellt wurden, kannst du jede Variante einzeln öffnen.

Par exemple :

Grösse M / Farbe Schwarz

Nun erscheinen die Einstellungen für genau diese Variante.

Je nach Produkttyp und Konfiguration kannst du dort unter anderem festlegen:

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

WooCommerce erlaubt damit, dass einzelne Varianten sehr unterschiedlich konfiguriert werden können. :contentReference[oaicite:3]{index=3}

11. Preis für jede Variante festlegen #

Eine Variante benötigt einen Preis, damit sie regulär gekauft werden kann.

Öffne die Variante und trage den gewünschten Preis ein.

Par exemple :

M / Schwarz:
CHF 29.90

XL / Schwarz:
CHF 32.90

Die Varianten müssen also nicht zwingend alle denselben Preis besitzen.

Wenn alle Varianten denselben Preis erhalten sollen, kannst du je nach WooCommerce-Version auch die Sammelbearbeitung im Variantenbereich verwenden und Preise für mehrere Varianten gleichzeitig festlegen.

12. Angebotspreis einer Variante #

Auch einzelne Varianten können einen Angebotspreis besitzen.

Dadurch kannst du beispielsweise nur eine bestimmte Farbe reduzieren.

Exemple :

M / Schwarz:
Regulärer Preis: CHF 29.90

M / Weiss:
Regulärer Preis: CHF 29.90
Angebotspreis: CHF 24.90

Damit ist nur die weisse Variante reduziert.

13. SKU pro Variante #

Jede Variante kann eine eigene SKU beziehungsweise Artikelnummer erhalten.

Par exemple :

T-Shirt Classic / M / Schwarz
SKU:
TS-CLASSIC-M-SCHWARZ

T-Shirt Classic / L / Schwarz
SKU:
TS-CLASSIC-L-SCHWARZ

SKUs helfen dir besonders dann, wenn jede Ausführung separat gelagert oder bestellt wird.

WooCommerce verlangt, dass eine verwendete SKU innerhalb des Shops eindeutig ist. :contentReference[oaicite:4]{index=4}

Die Lagerverwaltung behandeln wir ausführlicher im Artikel Gérer les stocks, les SKU et le statut de livraison dans WooCommerce.

14. Lagerbestand pro Variante verwalten #

Bei variablen Produkten kannst du den Lagerbestand entweder auf Produktebene, auf Variantenebene oder in einer Kombination daraus verwalten. :contentReference[oaicite:5]{index=5}

Für Produkte wie Kleidung ist die Lagerverwaltung pro Variante oft sinnvoll.

Exemple :

S / Schwarz:
5 Stück

M / Schwarz:
12 Stück

L / Schwarz:
3 Stück

XL / Schwarz:
0 Stück

WooCommerce kann dadurch genau verfolgen, welche Grössen noch verfügbar sind.

Wenn XL / Schwarz ausverkauft ist, müssen die anderen Varianten deshalb nicht ebenfalls als ausverkauft gelten.

15. Gemeinsamen Lagerbestand verwenden #

Es gibt auch Situationen, in denen alle Varianten auf denselben Bestand zugreifen sollen.

WooCommerce unterstützt deshalb auch eine Lagerverwaltung auf Ebene des Hauptprodukts.

Ein Beispiel wäre ein physisches Produkt, das entweder allein oder zusammen mit einer zusätzlichen digitalen Datei verkauft wird. Beide Varianten greifen auf denselben real vorhandenen Artikelbestand zu.

Ob Produkt- oder Variantenbestand besser passt, hängt deshalb von deinem tatsächlichen Lager ab.

16. Bestellrückstände pro Variante #

Auch bei Varianten kann festgelegt werden, wie mit fehlendem Bestand umgegangen wird.

Wenn eine bestimmte Variante nicht mehr auf Lager ist, kannst du je nach Lagerkonfiguration Bestellrückstände zulassen oder verhindern.

Aktiviere Bestellrückstände nur dann, wenn du die betreffende Variante tatsächlich nachliefern kannst.

17. Eigenes Bild für jede Variante #

Eine besonders hilfreiche Funktion ist das eigene Bild pro Variante.

Beim T-Shirt könntest du beispielsweise hinterlegen:

Schwarze Variante:
Bild eines schwarzen T-Shirts

Weisse Variante:
Bild eines weissen T-Shirts

Wählt der Kunde im Shop eine Variante aus, kann WooCommerce das zu dieser Variante hinterlegte Bild anzeigen.

Das ist besonders sinnvoll bei Farben oder optisch unterschiedlichen Ausführungen.

Die grundlegende Arbeit mit WooCommerce-Produktbildern erklären wir im Artikel Utiliser des images de produits et des galeries de produits dans WooCommerce.

18. Gewicht und Abmessungen pro Variante #

Varianten können unterschiedliche Versanddaten besitzen.

Zum Beispiel kann eine grössere Ausführung schwerer sein als eine kleinere.

Variante S:
Gewicht 0.20 kg

Variante XL:
Gewicht 0.28 kg

WooCommerce kann bei Varianten unter anderem Gewicht, Länge, Breite, Höhe und Versandklasse separat verwalten. :contentReference[oaicite:6]{index=6}

Ob diese Angaben den tatsächlichen Versandpreis beeinflussen, hängt von deiner Versandkonfiguration ab.

19. Virtuelle Varianten #

Bei einer Variante kannst du festlegen, dass sie virtuel ist.

Eine virtuelle Variante benötigt keinen physischen Versand.

Das kann nützlich sein, wenn dasselbe Grundprodukt sowohl in einer physischen als auch in einer nicht physischen Form angeboten wird.

WooCommerce blendet bei virtuellen Varianten die nicht benötigten Versandfelder aus. :contentReference[oaicite:7]{index=7}

20. Herunterladbare Varianten #

Eine Variante kann ebenfalls als téléchargeable markiert werden.

Dann kannst du der konkreten Variante Dateien, ein Download-Limit und ein Ablaufdatum zuordnen.

Das erlaubt beispielsweise:

Produkt:
Handbuch

Variante:
PDF
→ herunterladbar

Variante:
gedruckte Ausgabe
→ physisch

Virtuell und herunterladbar sind auch bei Varianten zwei unterschiedliche Eigenschaften.

21. Variantenbeschreibung #

Jede Variante kann eine eigene Beschreibung erhalten.

Das kann sinnvoll sein, wenn eine Ausführung besondere Eigenschaften besitzt.

Par exemple :

Farbe Schwarz:
Matte Oberfläche

Farbe Weiss:
Glänzende Oberfläche

Verwende Variantenbeschreibungen für tatsächlich unterschiedliche Informationen und nicht, um bei jeder Variante denselben langen Text zu wiederholen.

22. Varianten in grösseren Mengen bearbeiten #

Bei vielen Varianten wäre es mühsam, dieselbe Änderung einzeln bei jeder Variante vorzunehmen.

WooCommerce bietet deshalb im Variantenbereich Sammelaktionen beziehungsweise Bulk Actions.

Damit lassen sich je nach verfügbarer Aktion bestimmte Werte für mehrere Varianten gleichzeitig setzen oder verändern.

Das kann beispielsweise beim Festlegen gleicher Preise oder anderer gemeinsamer Werte Zeit sparen. :contentReference[oaicite:8]{index=8}

Important : Prüfe eine Sammeländerung sorgfältig. Sie kann mehrere Varianten gleichzeitig verändern. Wenn einzelne Varianten andere Preise oder Bestände besitzen sollen, darfst du diese Unterschiede nicht versehentlich überschreiben.

23. Standardvariante festlegen #

WooCommerce kann eine Standardauswahl für die Eigenschaften eines variablen Produkts festlegen.

Par exemple :

Standard:
Grösse M
Farbe Schwarz

Beim Öffnen der Produktseite kann diese Kombination damit bereits vorausgewählt sein.

WooCommerce dokumentiert diese Funktion als Standard-Formularwerte beziehungsweise Standardvariation des variablen Produkts. :contentReference[oaicite:9]{index=9}

Du musst nicht zwingend eine Standardvariante festlegen.

Ohne vorausgewählte Variante muss der Kunde die erforderlichen Eigenschaften selbst auswählen, bevor die passende Variante in den Warenkorb gelegt werden kann.

24. Änderungen an den Varianten speichern #

Nachdem du die Varianten bearbeitet hast, klicke im Variantenbereich auf Enregistrer les modifications.

Danach solltest du auch das Produkt selbst speichern beziehungsweise aktualisieren.

Gerade bei vielen Varianten ist es sinnvoll, zwischendurch zu speichern und nicht erst nach einer langen Bearbeitung.

25. Produkt veröffentlichen #

Wenn Produktname, Beschreibung, Bilder, Eigenschaften und Varianten fertig eingerichtet sind, kannst du das Produkt veröffentlichen.

Prüfe davor insbesondere:

• Sind alle benötigten Varianten vorhanden?
• Gibt es versehentlich unerwünschte Kombinationen?
• Hat jede kaufbare Variante einen Preis?
• Sind SKUs eindeutig?
• Stimmen die Lagerbestände?
• Sind Variantenbilder richtig zugeordnet?
• Stimmen Gewicht und Versandklasse, wenn sie benötigt werden?

26. Variables Produkt im Shop testen #

Öffne die fertige Produktseite im Frontend.

WooCommerce zeigt dem Kunden die Eigenschaften des Produkts als Auswahlmöglichkeiten an. Je nach Theme können diese beispielsweise als Dropdowns oder andere Auswahlfelder dargestellt werden. :contentReference[oaicite:10]{index=10}

Teste alle wichtigen Kombinationen.

Par exemple :

Grösse M
+
Farbe Schwarz

Kontrolliere danach:

• Wird die richtige Variante erkannt?
• Wird der richtige Preis angezeigt?
• Wird das passende Variantenbild angezeigt?
• Stimmt der Lagerstatus?
• Kann die Variante in den Warenkorb gelegt werden?

Kunden müssen alle für die Variante erforderlichen Optionen auswählen, bevor WooCommerce die konkrete Variante in den Warenkorb legen kann. :contentReference[oaicite:11]{index=11}

Was passiert bei einer ausverkauften Variante? #

Wenn du den Lagerbestand auf Variantenebene verwaltest und eine Variante nicht mehr verfügbar ist, kann WooCommerce deren Verfügbarkeit entsprechend darstellen.

Andere Varianten desselben Produkts können weiterhin verfügbar sein.

Exemple :

S / Schwarz → verfügbar
M / Schwarz → verfügbar
L / Schwarz → verfügbar
XL / Schwarz → ausverkauft

Das ist einer der wichtigsten Vorteile variabler Produkte: Bestand und andere Daten können für jede Ausführung separat verwaltet werden.

Was passiert, wenn eine Variante keinen Preis hat? #

Wenn eine Variante nicht korrekt für den Verkauf konfiguriert ist, kann sie für Kunden nicht wie eine regulär kaufbare Variante verwendet werden.

Prüfe deshalb bei neu erstellten Varianten immer den Preis und die übrigen notwendigen Angaben.

Règle pratique : Nach dem Erstellen aller Varianten solltest du jede Kombination mindestens einmal kontrollieren. Besonders bei vielen Varianten fällt ein fehlender Preis oder falscher Lagerbestand im Backend schnell nicht auf.

Zu viele Varianten vermeiden #

Mit mehreren Eigenschaften wächst die Zahl möglicher Varianten sehr schnell.

Exemple :

5 Grössen
×
6 Farben
×
4 Materialien
=
120 mögliche Varianten

Nur weil WooCommerce Kombinationen erzeugen kann, bedeutet das nicht, dass jede theoretische Kombination sinnvoll ist.

Wenn du viele Eigenschaften miteinander kombinierst, wird die Pflege des Produkts umfangreicher.

WooCommerce weist ausserdem darauf hin, dass sich bei Produkten mit mehr als 30 Varianten das Verhalten der dynamischen Auswahlfelder im Frontend technisch verändert. :contentReference[oaicite:12]{index=12}

Das bedeutet nicht, dass WooCommerce generell nur 30 Varianten unterstützt. Bei umfangreichen Variantenprodukten solltest du aber besonders sorgfältig testen, wie die Auswahl auf der Produktseite funktioniert.

Globale oder individuelle Eigenschaften? #

Für einen kleinen Shop kann eine produktspezifische Eigenschaft zunächst unkompliziert wirken.

Wenn dieselben Werte jedoch bei vielen Produkten vorkommen, solltest du globale Eigenschaften verwenden.

Exemple :

Globale Eigenschaft:
Grösse

Werte:
XS
S
M
L
XL
XXL

Diese Eigenschaft kannst du dann bei vielen Kleidungsstücken wiederverwenden.

WooCommerce nennt als Vorteil globaler Eigenschaften unter anderem, dass sie zentral gepflegt und shopweit wiederverwendet werden können. :contentReference[oaicite:13]{index=13}

Ein vollständiges Varianten-Beispiel #

Unser T-Shirt könnte am Ende so aufgebaut sein:

Variante	Prix	UGS	Bestand
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 / Schwarz	CHF 32.90	TS-XL-SCHWARZ	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 / Weiss	CHF 32.90	TS-XL-WEISS	2

Zusätzlich können die schwarzen und weissen Varianten jeweils eigene Produktbilder besitzen.

Häufiger Fehler: Eigenschaften angelegt, aber keine Varianten vorhanden #

Wenn du auf der Produktseite zwar Eigenschaften erwartest, aber keine kaufbaren Varianten vorhanden sind, kontrolliere:

• Ist der Produkttyp wirklich auf Produit variable gestellt?
• Sind die Eigenschaften dem Produkt zugeordnet?
• Sind die gewünschten Eigenschaftswerte ausgewählt?
• Werden die Eigenschaften für Varianten verwendet?
• Wurden die Eigenschaften gespeichert?
• Wurden anschliessend tatsächlich Varianten erzeugt oder manuell angelegt?
• Besitzen die Varianten einen Preis?

Häufiger Fehler: Falsche Kombinationen wurden automatisch erstellt #

Wenn du alle Varianten automatisch erzeugst, erstellt WooCommerce mögliche Kombinationen aus den für Varianten verwendeten Eigenschaftswerten.

Das kann dazu führen, dass Kombinationen entstehen, die du gar nicht anbietest.

Exemple :

Rot gibt es nur in S und M

Automatisch erzeugt wurden aber:
S / Rot
M / Rot
L / Rot
XL / Rot

Entferne beziehungsweise verwende nur die Kombinationen, die tatsächlich verkauft werden sollen.

Häufiger Fehler: Änderungen an Eigenschaften nachträglich vorgenommen #

Wenn du nach dem Erstellen der Varianten Eigenschaftswerte hinzufügst, entfernst oder veränderst, solltest du anschliessend auch die Varianten kontrollieren.

Eigenschaften und Varianten hängen direkt miteinander zusammen.

WooCommerce weist ausdrücklich darauf hin, dass Varianten nach Änderungen der zugrunde liegenden Attribute gegebenenfalls neu definiert werden müssen. :contentReference[oaicite:14]{index=14}

Quelle est la suite ? #

Variable Produkte basieren auf Eigenschaften. Deshalb lohnt es sich, Produktkategorien, Schlagwörter und Eigenschaften von Anfang an sauber zu strukturieren.

Im nächsten Artikel erklären wir deshalb den Unterschied zwischen Produktkategorien, Schlagwörtern und Eigenschaften in WooCommerce und zeigen, wann du welche davon verwenden solltest.

Résumé #

Ein variables Produkt verwendest du, wenn Kunden zwischen mehreren Ausführungen desselben Produkts wählen sollen, beispielsweise zwischen Grössen oder Farben.

Wähle zunächst den Produkttyp Produit variable. Lege danach Eigenschaften wie Grösse und Farbe an und bestimme, welche Werte für Varianten verwendet werden sollen.

Anschliessend erzeugst du die benötigten Varianten automatisch oder manuell. Jede Variante kann eigene Angaben wie Preis, SKU, Lagerbestand, Bild, Gewicht oder Versandklasse besitzen.

Speichere nach der Bearbeitung die Varianten und kontrolliere die fertige Produktseite aus Kundensicht. Teste insbesondere Auswahlmöglichkeiten, Preise, Bilder und Verfügbarkeit.