Creare prodotti variabili: taglie, colori e altre varianti

Con un prodotto variabile Sì, in WooCommerce puoi offrire più varianti di un prodotto sotto un'unica pagina prodotto utilizzando i "prodotti variabili".

Esempi tipici sono le magliette in diverse taglie e colori, le scarpe con diverse misure o i prodotti con diverse finiture.

Se non sei ancora sicuro di quando dovresti usare un prodotto variabile, leggi prima l'articolo I tipi di prodotto in WooCommerce spiegati: Semplici, variabili, raggruppati ed esterni.

Breve spiegazione: Nel caso di un prodotto variabile, il cliente sceglie, ad esempio Taglia M e Colore nero. Questa combinazione è una variante a sé stante e può avere un proprio prezzo, un proprio SKU, una propria giacenza di magazzino e persino una propria immagine.

Qual è la differenza tra proprietà e variante? #

Prima di iniziare, questa differenza è importante.

Un' Proprietà descrive un'opzione del prodotto.

Ad esempio:

Proprietà:
Taglia

Valori:
S
M
L
XL

Una seconda proprietà potrebbe essere:

Proprietà:
Colore

Valori:
Nero
Bianco
Blu

Un' Variante nasce da una combinazione concreta di questi valori.

Ad esempio:

Variante 1:
Taglia M
Colore Nero

Variante 2:
Taglia L
Colore Nero

Variante 3:
Taglia M
Colore Bianco

Nota: Le proprietà definiscono le opzioni di scelta. Le varianti sono le combinazioni concrete acquistabili derivanti da esse.

Spieghiamo in modo approfondito nel nostro articolo come le proprietà siano organizzate in linea di principio e in cosa differiscano da categorie e tag Utilizzare correttamente categorie, tag e attributi nei prodotti.

Esempio per queste istruzioni #

Creiamo una maglietta come esempio.

Il cliente deve poter scegliere tra:

Taglia:
S
M
L
XL

Colore:
Nero
Bianco

Da ciò possono derivare, ad esempio, le seguenti varianti:

S / Nero
M / Nero
L / Nero
XL / Nero

S / Bianco
M / Bianco
L / Bianco
XL / Bianco

In totale sarebbero otto varianti diverse.

1. Crea nuovo prodotto #

Apri nel backend di WordPress:

Prodotti
→ Aggiungi nuovo prodotto

Inserisci quindi il nome del prodotto.

Ad esempio:

T-Shirt Classica

Completa poi come in un prodotto semplice WooCommerce una descrizione dettagliata, una breve descrizione, immagini del prodotto e una categoria di prodotto adatta.

2. Cambiare il tipo di prodotto in „Prodotto variabile“ #

Scorri fino alla sezione Dati prodotto.

Apri lì la selezione del tipo di prodotto e seleziona:

Prodotto variabile

WooCommerce sta ora modificando la sezione dei dati del prodotto. Tra le altre cose, hai a disposizione le sezioni Proprietà e Varianti a disposizione.

Nota: In un prodotto variabile, molte impostazioni non vengono gestite sul prodotto principale, ma direttamente sulle singole varianti.

3. Aggiungi proprietà #

Apri la sezione all'interno dei dati di prodotto Proprietà.

Per i prodotti variabili è necessaria almeno una proprietà dai cui valori WooCommerce possa creare le varianti.

In linea di principio puoi lavorare con due tipi di proprietà:

• proprietà globali, che sono state create centralmente nel negozio e possono essere utilizzate per più prodotti
• caratteristiche di prodotto individuali, che vengono creati esclusivamente per questo unico prodotto

Per le proprietà ricorrenti come taglia o colore, WooCommerce consiglia fondamentalmente le proprietà globali perché possono essere riutilizzate nell'intero negozio e gestite in modo più semplice e uniforme.

Utilizzare la proprietà globale #

Se, ad esempio, la proprietà globale Dimensione che hai già creato, puoi selezionarla nel prodotto.

Seleziona la proprietà esistente nella sezione Proprietà e aggiungila al prodotto.

Successivamente, selezioni i valori che dovranno essere disponibili per questo specifico prodotto.

Ad esempio:

Caratteristica:
Taglia

Valori disponibili:
S
M
L
XL

Non devi utilizzare automaticamente tutti i valori disponibili a livello globale. Ad esempio, se il tuo negozio riconosce anche la XXL, ma questa t-shirt è disponibile solo fino alla taglia XL, non selezionerai la XXL per questo prodotto.

5. Crea proprietà individuale solo per questo prodotto #

Se non vuoi utilizzare una proprietà globale, puoi crearne una nuova direttamente sul prodotto.

Fai clic sulla funzione per aggiungere una nuova proprietà nella sezione Proprietà.

Ad esempio, inserisci:

Nome:
Taglia

Valori:
S | M | L | XL

Nelle proprietà personalizzate, i singoli valori sono separati da una stanghetta verticale.

Per una seconda proprietà:

Nome:
Colore

Valori:
Nero | Bianco

Suggerimento: Se hai bisogno di una proprietà come dimensioni, colore o materiale per molti prodotti, di solito è più sensato creare una proprietà globale piuttosto che inserire la stessa proprietà direttamente nel prodotto ogni volta.

Usa proprietà per le varianti #

Affinché WooCommerce possa effettivamente creare varianti da un attributo, questo deve essere utilizzato per le varianti.

Attiva quindi l'opzione per le proprietà corrispondenti affinché vengano utilizzate per le varianti.

Per il nostro esempio vale:

Dimensione:
Utilizzare per le varianti → Sì

Colore:
Utilizzare per le varianti → Sì

Salva quindi le proprietà.

Importante: Se modifichi le proprietà dopo aver creato le varianti, le varianti esistenti potrebbero non corrispondere più alle nuove combinazioni. WooCommerce avvisa pertanto che le varianti potrebbero dover essere ridefinite in seguito a modifiche delle loro proprietà sottostanti.

7. Aprire la sezione „Varianti“ #

Apri ora all'interno dei dati di prodotto la sezione Varianti.

WooCommerce può creare varianti fondamentalmente in due modi:

• generare automaticamente tutte le combinazioni possibili
• Creare le varianti singolarmente a mano

8. Genera automaticamente tutte le varianti #

Se desideri vendere tutte le combinazioni delle tue proprietà, la creazione automatica è solitamente il modo più semplice.

Seleziona la funzione per Generazione delle varianti.

WooCommerce crea tutte le combinazioni possibili.

Nel nostro esempio:

4 taglie
×
2 colori
=
8 varianti

Quindi WooCommerce genera:

S / Nero
M / Nero
L / Nero
XL / Nero

S / Bianco
M / Bianco
L / Bianco
XL / Bianco

9. Creare varianti manualmente #

Non devi offrire tutte le combinazioni teoricamente possibili.

Se, ad esempio, la maglietta bianca è disponibile solo nelle taglie M e L, puoi creare manualmente e in modo mirato le varianti necessarie.

Allora sarebbero disponibili, ad esempio, solo le seguenti combinazioni:

S / Nero
M / Nero
L / Nero
XL / Nero
M / Bianco
L / Bianco

Ha senso se determinate combinazioni non esistono affatto o non devono essere vendute.

Regola fondamentale: Crea solo varianti che i clienti possono effettivamente acquistare.

10. Aprire la singola variante #

Dopo che le varianti sono state create, puoi aprire ogni variante singolarmente.

Ad esempio:

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:

• Immagine del prodotto
• SKU
• Prezzo
• Prezzo di offerta
• giacenza di magazzino
• Disponibilità in magazzino
• Gewicht
• Abmessungen
• Versandklasse
• Descrizione
• virtuale
• herunterladbar

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.

Ad esempio:

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.

Esempio:

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.

Ad esempio:

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 Gestire inventario, SKU e stato di spedizione in 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.

Esempio:

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 Utilizzare immagini e gallerie di prodotti in 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 virtuale 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 herunterladbar 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.

Ad esempio:

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}

Importante: 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.

Ad esempio:

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 Salva modifiche.

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.

Ad esempio:

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.

Esempio:

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.

Regola pratica: 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.

Esempio:

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.

Esempio:

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	Prezzo	SKU	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 Prodotto variabile 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.

Esempio:

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}

Come procediamo? #

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.

Riepilogo #

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 Prodotto variabile. 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.