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:

Taglia M / Colore Nero

Ora compaiono le impostazioni esattamente per questa variante.

A seconda del tipo di prodotto e della configurazione, lì puoi stabilire, tra le altre cose,:

• Immagine del prodotto
• SKU
• Prezzo
• Prezzo di offerta
• giacenza di magazzino
• Disponibilità in magazzino
• Peso
• Dimensioni
• Classe di spedizione
• Descrizione
• virtuale
• scaricabile

WooCommerce consente in questo modo di configurare in modo molto diverso le singole varianti.

11. Stabilire il prezzo per ciascuna variante #

Una variante necessita di un prezzo per poter essere acquistata regolarmente.

Apri la variante e inserisci il prezzo desiderato.

Ad esempio:

M / Nero:
CHF 29.90

XL / Nero:
CHF 32.90

Le varianti non devono quindi necessariamente avere tutte lo stesso prezzo.

Se tutte le varianti devono avere lo stesso prezzo, a seconda della versione di WooCommerce puoi anche utilizzare la modifica di massa nella sezione delle varianti e impostare i prezzi per più varianti contemporaneamente.

12. Prezzo d'offerta di una variante #

Anche le singole varianti possono avere un prezzo di offerta.

In questo modo, ad esempio, puoi ridurre solo un determinato colore.

Esempio:

M / Nero:
Prezzo regolare: CHF 29.90

M / Bianco:
Prezzo regolare: CHF 29.90
Prezzo di offerta: CHF 24.90

In questo modo è ridotta solo la variante bianca.

13. SKU per variante #

Ogni variante può ricevere una propria SKU o un proprio numero di articolo.

Ad esempio:

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

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

Gli SKU ti aiutano in particolare quando ogni versione viene immagazzinata o ordinata separatamente.

WooCommerce richiede che un SKU utilizzato sia univoco all'interno del negozio.

Trattiamo la gestione del magazzino in modo più dettagliato nell'articolo Gestire inventario, SKU e stato di spedizione in WooCommerce.

Gestire l'inventario per variante #

Per i prodotti variabili puoi gestire la gestione dell'inventario a livello di prodotto, a livello di variante o in una combinazione di entrambi.

Per prodotti come l'abbigliamento, la gestione dell'inventario per variante è spesso utile.

Esempio:

S / Nero:
5 pezzi

M / Nero:
12 pezzi

L / Nero:
3 pezzi

XL / Nero:
0 pezzi

Ciò consente a WooCommerce di monitorare esattamente quali taglie sono ancora disponibili.

Se XL / Nero è esaurito, le altre varianti non devono perciò essere considerate anch'esse esaurite.

15. Utilizzare l'inventario condiviso #

Ci sono anche situazioni in cui tutte le varianti devono accedere allo stesso inventario.

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

Un esempio sarebbe un prodotto fisico venduto da solo o insieme a un file digitale aggiuntivo. Entrambe le varianti attingono allo stesso inventario di articoli reali esistenti.

Se sia più adatto l'inventario del prodotto o della variante dipende quindi dal tuo magazzino reale.

16. Ordini arretrati per variante #

Anche per le varianti è possibile definire come gestire la mancanza di scorte.

Se una determinata variante non è più in stock, a seconda della configurazione del magazzino puoi consentire o impedire gli ordini in arretrato.

Attiva gli ordini in arretrato solo se puoi effettivamente rifornire la variante in questione.

17. Immagine personalizzata per ogni variante #

Una funzione particolarmente utile è l'immagine dedicata per ciascuna variante.

Per la maglietta, ad esempio, potresti inserire:

Variante nera:
Immagine di una maglietta nera

Variante bianca:
Immagine di una maglietta bianca

Se il cliente seleziona una variante nel negozio, WooCommerce può mostrare l'immagine associata a quella variante.

Ciò è particolarmente utile per i colori o per le versioni visivamente diverse.

Spiegheremo il lavoro di base con le immagini dei prodotti WooCommerce nell'articolo Utilizzare immagini e gallerie di prodotti in WooCommerce.

18. Peso e dimensioni per variante #

Le varianti possono avere date di spedizione diverse.

Per esempio, una versione più grande può essere più pesante di una più piccola.

Variante S:
Peso 0.20 kg

Variante XL:
Peso 0.28 kg

Per le varianti, WooCommerce consente di gestire separatamente, tra le altre cose, peso, lunghezza, larghezza, altezza e classe di spedizione.

Se queste informazioni influenzino o meno il prezzo di spedizione effettivo dipende dal tuo Configurazione di spedizione ab.

19. Varianti virtuali #

In una variante puoi stabilire che virtuale è.

Una variante virtuale non richiede spedizione fisica.

Questo può essere utile se lo stesso prodotto di base viene offerto sia in formato fisico che non fisico.

WooCommerce nasconde i campi di spedizione non necessari per le varianti virtuali.

20. Varianti scaricabili #

Una variante può anche essere considerata come scaricabile essere contrassegnati.

Puoi quindi assegnare file, un limite di download e una data di scadenza alla variante specifica.

Questo permette, ad esempio:

Prodotto:
Manuale

Variante:
PDF
→ scaricabile

Variante:
edizione stampata
→ cartaceo

Virtuale e scaricabile sono due caratteristiche diverse anche per le varianti.

21. Descrizione delle varianti #

Ogni variante può avere una propria descrizione.

Ciò può avere senso se una versione possiede caratteristiche particolari.

Ad esempio:

Colore Nero:
Superficie opaca

Colore Bianco:
Superficie lucida

Usa le descrizioni delle varianti per informazioni effettivamente diverse e non per ripetere lo stesso testo lungo in ogni variante.

22. Modificare varianti in grandi quantità #

Con molte varianti sarebbe laborioso applicare la stessa modifica singolarmente a ciascuna variante.

Perciò WooCommerce offre nella sezione delle varianti azioni collettive oppure Azioni di gruppo.

Ciò consente di impostare o modificare determinati valori per più varianti contemporaneamente, a seconda dell'azione disponibile.

Ciò può far risparmiare tempo, ad esempio, nel definire prezzi uguali o altri valori comuni.

Importante: Esamina attentamente una modifica cumulativa. Può modificare più varianti contemporaneamente. Se singole varianti devono avere prezzi o giacenze differenti, non devi sovrascrivere inavvertitamente queste differenze.

23. Definire la variante standard #

WooCommerce può Selezione predefinita impostare per le proprietà di un prodotto variabile.

Ad esempio:

Standard:
Taglia M
Colore Nero

Quando si apre la pagina del prodotto, questa combinazione può quindi essere già preselezione.

WooCommerce documenta questa funzione come valori predefiniti del modulo o variazione predefinita del prodotto variabile.

Non devi necessariamente stabilire una variante standard.

Senza una variante preselezionata, il cliente deve selezionare autonomamente le proprietà richieste prima che la variante adatta possa essere aggiunta al carrello.

24. Salvare le modifiche alle varianti #

Dopo aver elaborato le varianti, fai clic nella sezione delle varianti su Salva modifiche.

Successivamente, dovresti anche salvare o aggiornare il prodotto stesso.

Soprattutto in presenza di molte varianti, è opportuno salvare periodicamente e non solo alla fine di una lunga lavorazione.

Pubblica prodotto #

Quando il nome del prodotto, la descrizione, le immagini, le caratteristiche e le varianti sono completamente configurati, puoi pubblicare il prodotto.

Verifica prima in particolare:

• Sono presenti tutte le varianti richieste?
• Ci sono combinazioni indesiderate accidentali?
• Ha ogni variante acquistabile un prezzo?
• Le SKU sono univoche?
• Le scorte sono corrette?
• Le immagini delle varianti sono associate correttamente?
• Peso e classe di spedizione sono corretti, se necessari?

Testare un prodotto variabile nel negozio #

Apri la pagina del prodotto completata nel frontend.

WooCommerce mostra al cliente le proprietà del prodotto come opzioni di scelta. A seconda del tema, queste possono essere visualizzate, ad esempio, come menu a tendina o altri campi di selezione.

Testa tutte le combinazioni importanti.

Ad esempio:

Taglia M
+
Colore Nero

Controlla dopo:

• Viene riconosciuta la variante corretta?
• Viene mostrato il prezzo corretto?
• Viene visualizzata l'immagine della variante corretta?
• Lo stato delle scorte è corretto?
• La variante può essere aggiunta al carrello?

I clienti devono selezionare tutte le opzioni richieste per la variante prima che WooCommerce possa aggiungere la variante specifica al carrello.

Cosa succede nel caso di una variante esaurita? #

Se gestisci la giacenza a livello di variante e una variante non è più disponibile, WooCommerce può mostrarne la disponibilità di conseguenza.

Altre varianti dello stesso prodotto potrebbero essere ancora disponibili.

Esempio:

S / Nero → disponibile
M / Nero → disponibile
L / Nero → disponibile
XL / Nero → esaurito

Questo è uno dei vantaggi più importanti dei prodotti variabili: l'inventario e altri dati possono essere gestiti separatamente per ciascuna versione.

Cosa succede se una variante non ha un prezzo? #

Se una variante non è configurata correttamente per la vendita, non può essere utilizzata dai clienti come una variante acquistabile regolarmente.

Verifica quindi sempre il prezzo e le altre informazioni necessarie per le varianti appena create.

Regola pratica: Dopo aver creato tutte le varianti, dovresti controllare ogni combinazione almeno una volta. Soprattutto in presenza di molte varianti, un prezzo mancante o una giacenza errata nel backend passano facilmente inosservati.

Evitare troppe varianti #

Con più proprietà, il numero di varianti possibili cresce molto rapidamente.

Esempio:

5 taglie
×
6 colori
×
4 materiali
=
120 varianti possibili

Solo perché WooCommerce può generare combinazioni, non significa che ogni combinazione teorica abbia senso.

Se combini molte caratteristiche tra loro, la manutenzione del prodotto diventa più complessa.

WooCommerce fa inoltre presente che, per i prodotti con più di 30 varianti, il comportamento dei campi di selezione dinamica nel frontend subisce modifiche tecniche.

Ciò non significa che WooCommerce supporta in generale solo 30 varianti. Tuttavia, in presenza di prodotti con molte varianti, dovresti testare con particolare attenzione come funziona la selezione nella pagina del prodotto.

Proprietà globali o individuali? #

Per un piccolo negozio, una proprietà specifica del prodotto può inizialmente sembrare semplice.

Tuttavia, se gli stessi valori compaiono in molti prodotti, dovresti usare le proprietà globali.

Esempio:

Proprietà globale:
Taglia

Valori:
XS
S
M
L
XL
XXL

Puoi quindi riutilizzare questa proprietà per molti capi d'abbigliamento.

Tra i vantaggi delle attributi globali, WooCommerce cita la possibilità di gestirli centralmente e di riutilizzarli in tutto il negozio.

Un esempio completo di variante #

La nostra maglietta potrebbe essere fatta così alla fine:

Variante	Prezzo	SKU	Inventario
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 / Nero	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 / Bianco	CHF 32,90	TS-XL-WEISS	2

Inoltre, le varianti nere e bianche possono avere ciascuna le proprie immagini di prodotto.

Errore comune: proprietà create, ma nessuna variante disponibile #

Se nella pagina del prodotto ti aspetti delle proprietà, ma non sono presenti varianti acquistabili, controlla:

• Il tipo di prodotto è davvero su Prodotto variabile posto?
• Le proprietà sono associate al prodotto?
• Sono stati selezionati i valori delle proprietà desiderati?
• Le proprietà vengono utilizzate per le varianti?
• Le proprietà sono state salvate?
• Sono state poi effettivamente generate delle varianti o create manualmente?
• Le varianti hanno un prezzo?

Errore frequente: sono state create combinazioni errate automaticamente #

Se generi tutte le varianti automaticamente, WooCommerce crea possibili combinazioni dai valori delle proprietà utilizzati per le varianti.

Questo può portare alla creazione di combinazioni che non offri affatto.

Esempio:

Il rosso esiste solo in S e M

Sono stati generati automaticamente però:
S / Rosso
M / Rosso
L / Rosso
XL / Rosso

Rimuovi o usa solo le combinazioni che devono essere effettivamente vendute.

Errore frequente: modifiche alle proprietà effettuate in un secondo momento #

Se dopo la creazione delle varianti aggiungi, rimuovi o modifichi i valori delle proprietà, dovresti successivamente controllare anche le varianti.

Le proprietà e le varianti sono direttamente collegate tra loro.

WooCommerce sottolinea espressamente che, in seguito a modifiche degli attributi sottostanti, potrebbe essere necessario ridefinire le varianti.

Come procediamo? #

I prodotti variabili si basano sugli attributi. Perciò vale la pena strutturare fin dall'inizio categorie di prodotti, tag e attributi in modo pulito.

Nel prossimo articolo spiegheremo quindi la differenza tra Categorie di prodotti, tag e attributi in WooCommerce e mostrare quando dovresti usare ciascuna di esse.

Riepilogo #

Un prodotto variabile si utilizza quando i clienti devono scegliere tra più versioni dello stesso prodotto, ad esempio tra taglie o colori.

Seleziona prima il tipo di prodotto Prodotto variabile. Successivamente, crea proprietà come dimensione e colore e stabilisci quali valori devono essere utilizzati per le varianti.

Successivamente generi le varianti necessarie automaticamente o manualmente. Ogni variante può avere dettagli propri come prezzo, SKU, inventario, immagine, peso o classe di spedizione.

Salva le varianti dopo la modifica e controlla la pagina del prodotto finito dal punto di vista del cliente. Testa in particolare le opzioni di scelta, i prezzi, le immagini e la disponibilità.