Come creare prodotti variabili con taglie e colori su WooCommerce

Molto spesso in un E-commerce può capitare di trovarsi di fronte all’esigenza di vendere prodotti un pò più complessi.

Mi riferisco ai prodotti variabili, cioè tutti quei prodotti che prevedono la gestione di alcune caratteristiche particolari come ad esempio la taglia ed il colore.

Più nello specifico questa tipologia di prodotto viene utilizzata quando è necessaria la scelta di una variante in fase di acquisto (come negli esempi sopra).

In WooCommerce questa tipologia di prodotti viene gestita su 2 livelli:

• Prodotto variabile
• Variazione prodotto

Cos’è un prodotto variabile?

Il prodotto variabile è costituito dal prodotto principale, in cui andiamo ad indicare i parametri generici come Titolo, Descrizione, Immagine in evidenza, Categoria del prodotto, ecc.
I parametri da inserire possono variare in base alle singole esigenze ed a come vuoi gestire alcuni aspetti (ad esempio le Imposte e le Spedizioni).

Perché questa tipologia di prodotto è definita variabile?
Perché al suo interno contiene delle varianti con delle caratteristiche differenti l’una dall’altra, che il cliente dovrà necessariamente scegliere in fase di acquisto.

Attributi WooCommerce e Variazioni prodotto: cosa sono e perché sono importanti

Come abbiamo appena detto, tramite i prodotti variabili cerchiamo di gestire delle caratteristiche del prodotto che lo differenziano come la taglia, il colore, il materiale… a seconda del prodotto o del settore di riferimento.

Queste caratteristiche sono chiamate attributi.

In fase di creazione, puoi decidere di utilizzarli per generare delle variazioni prodotto (chiamate anche varianti) e permettere al cliente di scegliere quella che preferisce durante la fase di acquisto.
In alternativa puoi anche scegliere di utilizzarli come una semplice informazione aggiuntiva per il cliente.

Per una corretta gestione dei prodotti variabili, ti consiglio di settare al meglio tutte le opzioni che trovi all’interno delle impostazioni dei prodotti WooCommerce. Altrimenti potresti riscontrare delle problematiche in fase di creazione/modifica dei prodotti.

L’impostazione degli attributi non è un operazione particolarmente complessa, ci sono però 2 principali alternative.
Infatti gli attributi si possono creare sia dall’archivio attributi WooCommerce, sia direttamente all’interno dei singoli prodotti.

Il modo migliore per creare o modificare gli attributi a mio avviso è proprio tramite l’archivio attributi, ma a seconda delle necessità potrebbe essere utile conoscere entrambe le alternative.

Archivio Attributi WooCommerce

Nella barra laterale della tua bacheca WordPress, sotto la voce “Prodotti” troverai una sottovoce “Attributi”. Ti si aprirà una pagina di gestione di tutti gli attributi presenti nel tuo E-commerce.

Sulla parte sinistra della pagina avrai dei campi da compilare per creare i tuoi attributi (immagine sopra), mentre nella parte destra della pagina troverai una tabella riassuntiva con tutti i dati principali degli attributi che hai creato.

Tornando alla parte sinistra, analizziamo i campi richiesti per la creazione di un attributo.

• Nome: il nome si riferisce ovviamente all’attributo generale, ad esempio COLORE o TAGLIA
• Slug: lo slug può essere lasciato anche vuoto e WooCommerce prenderà in automatico il settaggio in base al campo “Nome”
• Abilita archivi: questa è una funzionalità abbastanza particolare e molto importante in alcuni casi. Infatti è possibile fare in modo che l’attributo che stiamo creando venga gestito come una vera e propria tassonomia, creando quindi una pagina dedicata a questo attributo anche nel tuo Shop Online.
• Ordinamento predefinito: determina l’ordinamento dei termini nelle pagine prodotto del frontend del negozio. Se si usa un ordinamento personalizzato, saranno mostrati in base a come ordinati su ogni singola scheda prodotto.

Gli stessi campi che abbiamo appena visto, li troverai sotto forma di colonne nella tabella riassuntiva degli attributi.
Da qui potrai:

• entrare all’interno di ogni singolo attributo facendo click sul relativo “Nome“;
• modificare ogni attributo facendo click sul link “Modifica“;
• configurare i termini del tuo attributo facendo click su “Configura termini“

Una volta all’interno di ogni attributo hai quindi la possibilità di creare o modificare i termini contenuti al suo interno. Potrai anche vedere il conteggio dei prodotti (o meglio delle varianti prodotto) che utilizzano quel termine specifico.

Come modificare gli attributi dalla pagina prodotto

Come ti accennavo prima, è possibile accedere agli attributi anche all’interno della pagina di modifica dei singoli prodotti. Questa possibilità è molto utile, in quanto ti permette di gestire tutti gli aspetti degli attributi in modo da non dover abbandonare la pagina prodotto.

Per poter accedere a questa sezione, ti baserà andare all’interno della scheda “Dati Prodotto” e selezionare la tab “Attributi“.

Una volta all’interno della tab, nella parte superiore troverai un campo select (a tendina) che ti permette sia di creare un nuovo attributo, sia di associarne uno al prodotto esistente.
Una volta aggiunto il tuo attributo, noterai che verrà creata una voce all’interno della tab, con il nome dell’attributo che hai creato o associato.
Cliccandoci sopra, si estenderà la tab con i campi di modifica di quel singolo attributo.

Ma vediamo meglio cosa WooCommerce ci consente di fare da questa scheda:

• Nome dell’attributo: lo troverai già compilato nel caso sia stato associato un attributo già esistente. Nel caso in cui tu abbia creato un nuovo attributo, invece, dovrai andare a compilare questo campo.
• Visibile nella pagina prodotto: ti consente di mostrare agli utenti questo attributo direttamente all’interno della tua pagina prodotto.
• Usato nelle variazioni: tramite questo campo puoi andare ad indicare se questo attributo è da utilizzare nella creazione delle variazioni prodotto.
• Valore: all’interno trovi i singoli valori dell’attributo, da associare al prodotto che stai modificando.
  (Esempio: Attributo COLORE –> Valore associato al prodotto: ROSSO, VERDE, GIALLO)
  Puoi anche utilizzare i pulsanti “Seleziona tutti” e “Seleziona nessuno” per aggiungere o togliere massivamente i valori. Infine puoi utilizzare il pulsante “Aggiungi Nuovo” per andare a creare dei nuovi valori senza lasciare questa pagina.

Come configurare gli attributi per creare delle variazioni

Per generare delle variazioni sulla base di un attributo ti basterà spuntare la casella “Usato nelle Variazioni” presente nell’apposita sezione di modifica dell’attributo stesso. Attenzione però ad inserire questa spunta SOLO sull’attributo da cui vuoi generare le varianti, altrimenti nello step successivo WooCommerce andrà a creare delle variazioni sbagliate.

Se infatti selezioniamo la voce “Usato nelle variazioni” sia per l’attributo TAGLIA che per l’attributo COLORE, il sistema genererà una variazione per ogni combinazione di attributi.

Ad esempio:
Variante 1 –> PRODOTTO GIALLO – XS
Variante 2 –> PRODOTTO GIALLO – S
Variante 3 –> PRODOTTO GIALLO – M
Variante 4 –> PRODOTTO ROSSO – XS
Variante 5 –> PRODOTTO ROSSO – S
Variante 6 –> PRODOTTO ROSSO – M

Come creare un prodotto variabile WooCommerce?

Se hai configurato gli attributi nel modo corretto, ti sarà sufficiente andare nella tab “Variazioni” e selezionare la voce “Crea variazioni da tutti gli attributi” per poter generare in automatico tutte le variazioni prodotto.

In alternativa hai la possibilità di creare le tue variazioni manualmente e WooCommerce le andrà a creare in base alle indicazioni che gli hai fornito in fase di creazioni degli attributi.

Nell’esempio pratico mostrato nelle immagini, stiamo creando una scheda prodotto per vendere i nostri occhiali da sole di nome “Zelda”.

Gli occhiali hanno 4 attributi: colore, genere, materiale e calibro.

A noi occorre che il cliente possa scegliere SOLO il colore che preferisce, in quanto il nostro modello di occhiali è solo da donna (genere), lo producono con un unico calibro ed è solo in celluloide (materiale).

In questo caso “Zelda” è il prodotto principale ed avrà delle variazioni solo in base ai colori. Quindi se a “Zelda” abbiamo attribuito 5 colori verranno create 5 variazioni prodotto.

Adesso che hai creato le variazioni del tuo prodotto, dovrai andare ad inserire i dati che ti interessa gestire all’interno di ciascuna variante.

Innanzitutto hai la possibilità di modificare massivamente molte caratteristiche dallo stesso menu a tendina che hai utilizzato per la creazione delle varianti.
Noterai infatti che WooCommerce ha aggiunto tante voci in merito alla gestione di aspetti come: stato, prezzi, spedizione, inventario, ecc.

Ma adesso procediamo con la configurazione delle singole varianti.

Per cominciare puoi selezionare una variante del tuo prodotto da abilitare di default, in modo che anche se il cliente non effettua ancora una scelta, sarà già selezionato e mostrato di default un Colore (nel nostro caso) con le relative foto. Inoltre su ogni variazione troverai un numero preceduto dal #, che sta ad indicarne il codice ID.
Subito a destra, invece, trovi l’indicazione dell’attributo da cui è stata creata la variante.
Quindi se la tua variante serve a gestire il Colore chiamato 80, accanto al codice ID troverai indicato “80“.

Per accedere a tutti i campi dei tuoi prodotti variabili, ti basta cliccare sulla variante che vuoi modificare e si aprirà la relativa scheda di inserimento dati, come mostrato nell’immagine sopra.

Una volta aperta la scheda noterai che hai accesso a diversi campi che ti aiutano a gestire tutti gli aspetti necessari alla vendita dei tuoi prodotti.
Ma vediamoli insieme più nel dettaglio:

• Immagine della Variante: puoi inserire un’immagine per mostrare al meglio la tua variante prodotto.
• Abilitato: ti consente di abilitare o disabilitare rapidamente ogni variante prodotto.
• Scaricabile: questa opzione ti occorre se vuoi vendere prodotti variabili, scaricabili tramite download.
• Virtuale: seleziona questa opzione se vuoi vendere dei prodotti virtuali e non fisici.
• Gestire Magazzino: hai la possibilità di gestire le scorte di magazzino delle tue varianti prodotto, come spesso necessario.
• Codice SKU: ti permette di inserire il codice EAN o UPC del prodotto, in modo da renderlo sempre riconoscibile ed univoco.
• Prezzo di Listino: il normale prezzo di vendita del prodotto, senza sconti o promozioni.
• Prezzo Scontato: è il prezzo al netto di eventuali promozioni, puoi anche impostare un prezzo scontato pianificando la data di inizio e fine dello sconto.
• Quantità in magazzino: indica il numero di pezzi disponibili in magazzino di quella variante.
• Permetti ordini arretrati: questa opzione ti consente di bloccare o autorizzare gli eventuali ordini arretrati in cui compare il prodotto, questo però può influire direttamente sulle quantità di magazzino.
• Soglia disponibilità bassa: puoi inserire un valore minimo che, se oltrepassato, ti permette di ricevere una mail di segnalazione per l’approvvigionamento del prodotto.
• Peso e Dimensioni: questi campi sono utili se vuoi gestire le spedizioni in base a questi parametri.
• Classe di spedizione: in questo caso puoi andare ad attribuire una classe di spedizione creata in precedenza. Puoi inoltre fare in modo di impostare questo parametro solo al prodotto principale e poi farlo ereditare in automatico a tutte le varianti al suo interno. Ti basta infatti selezionare “Come Genitore”.
• Aliquota d’imposta: in questo caso puoi andare ad attribuire un’aliquota d’imposta creata in precedenza. Puoi inoltre fare in modo di impostare questo parametro solo al prodotto principale e poi farlo ereditare in automatico a tutte le varianti al suo interno. Ti basta selezionare anche in questo caso “Come Genitore”.
• Descrizione: puoi andare ad indicare una descrizione da mostrare solo ed esclusivamente per la variante prodotto, personalizzando al massimo questo aspetto.

Hai dei dubbi sull’implementazione delle tue varianti prodotto?

Non riesci a configurare i tuoi attributi correttamente?

Scrivimi pure nei commenti! 👇