Prodotti variabili e attributi

Modulo 3: Prodotti · Tempo di lettura: 10 minuti

Obiettivo della lezione: Al termine di questa lezione saprà configurare un prodotto variabile con attributi e variazioni, decidere quando le variazioni sono preferibili a prodotti separati ed evitare i problemi che nascono con molte variazioni.

Concetti chiave: attributo, attributo globale (Prodotti > Proprietà), attributo locale, termini, "Usato per le variazioni" (Used for variations), variazione, valori predefiniti (Default Form Values), generare variazioni, modifica in blocco, prezzo e scorte per variazione, numero di combinazioni, max_input_vars

Un prodotto, più scelte

Theehuis Example vende sencha sfuso in sacchetti da 50, 100 e 250 grammi. Per il cliente si tratta di un solo tè con una scelta di quantità. Per il negozio sono tre articoli con un proprio prezzo, proprie scorte e forse un proprio peso. È esattamente lo scopo di un prodotto variabile: una sola pagina prodotto, una sola descrizione, un solo posto nei risultati di ricerca e, dietro le quinte, una variazione per ogni scelta.

L'alternativa, tre prodotti semplici separati, ha degli svantaggi: tre pagine con un testo quasi identico (contenuti duplicati, lezione 7.1), tre volte le foto da gestire e un cliente che deve cercare quale sacchetto desidera. Eppure un prodotto variabile non è sempre la scelta migliore. Una regola pratica:

• Variabile se il cliente lo percepisce come lo stesso prodotto e sceglie soltanto una caratteristica: taglia, colore, peso, grado di macinatura.
• Prodotti separati se sono davvero diversi o vengono cercati in modo diverso: tè verde e tè nero, oppure una teiera in ghisa e una in vetro. Ognuno merita una propria pagina con un proprio testo.

Gli attributi: i mattoni

Una variazione è una combinazione di attributi. Un attributo è una caratteristica ("Peso") con termini o valori ("50 g", "100 g", "250 g"). WooCommerce ne conosce due tipi:

Gli attributi globali si creano una sola volta in Prodotti > Proprietà (Products > Attributes). Valgono per l'intero negozio: "Peso" con gli stessi termini per tutti i tè. Vantaggi: i termini si digitano una sola volta, l'ortografia è identica ovunque e i clienti possono filtrare il negozio per attributo ("mostra tutti i tè da 250 g"). Ogni attributo globale è una tassonomia con proprie pagine di archivio, se le attiva.

Gli attributi locali (custom product attributes) si aggiungono a un solo prodotto. Sono utili per qualcosa che riguarda un unico prodotto, come le opzioni di incisione di una sola teiera. Svantaggio: nessun filtro e, con dieci prodotti con "Colore", avrà dieci elenchi separati con errori di battitura.

Per le caratteristiche ricorrenti (taglia, colore, peso, materiale) scelga quindi un attributo globale.

Un attributo diventa utile per le variazioni solo se nel prodotto attiva la casella Usato per le variazioni (Used for variations). Senza questa casella compare solo come informazione nella scheda "Informazioni aggiuntive" della pagina prodotto. Anche questo è utile: "Origine: Giappone" è un attributo senza variazioni.

Creare e compilare le variazioni

Con gli attributi pronti, passi alla scheda Variazioni. Lì trova due pulsanti: Genera varianti (Generate variations), che crea una variazione per ogni combinazione, e Aggiungi manualmente (Add manually), per una variazione alla volta.

Ogni variazione ha campi propri: SKU, prezzo, prezzo in offerta, scorte, peso, dimensioni, un'immagine e le caselle abilitata, scaricabile e virtuale. Una variazione senza prezzo non è in vendita e non compare tra le scelte. È l'errore più frequente: generare le variazioni, dimenticare il prezzo e ritrovarsi con un cliente che vede "Questa variazione non è disponibile".

Con la modifica in blocco sopra l'elenco imposta in una volta sola il prezzo, le scorte o il peso per tutte le variazioni, oppure aumenta i prezzi di un importo o di una percentuale. Poi corregge le eccezioni variazione per variazione.

Con i valori predefiniti (Default Form Values) sceglie quale variazione è preselezionata all'apertura della pagina. Scelga la variazione più venduta, oppure lasci vuoto il campo affinché il cliente scelga consapevolmente. Se non c'è nulla di preselezionato, la pagina mostra un intervallo di prezzo ("€ 6,50 tot € 24,00", cioè da € 6,50 a € 24,00).

Il numero di combinazioni: qui le cose si complicano

Le variazioni si moltiplicano. Una teiera in 4 colori, 3 taglie e con o senza incisione dà 4 × 3 × 2 = 24 variazioni. Aggiunga un quarto attributo con 5 opzioni e arriva a 120. Le conseguenze:

• Gestione. Ogni variazione ha prezzo, scorte e SKU propri. Tenere aggiornate 120 righe è molto lavoro e facilmente soggetto a errori.
• La pagina prodotto. Fino a un certo numero di variazioni (30 per impostazione predefinita) WooCommerce include nella pagina tutte le combinazioni, così i menu a tendina sanno subito quali combinazioni esistono. Con più variazioni la pagina chiede al server, per ogni scelta, se la combinazione esiste (tramite AJAX). Funziona, ma un cliente può prima scegliere una combinazione inesistente e solo dopo ricevere un avviso.
• Salvataggio. Quando salva molte variazioni, il Suo browser invia al server moltissimi campi in una volta. PHP prevede un limite per questo, max_input_vars. Se viene superato, gli ultimi campi vengono scartati senza avviso: Lei salva e una parte delle modifiche va persa. Per questo l'amministrazione mostra 15 variazioni per pagina, ma con moltissimi attributi e campi il limite può comunque essere raggiunto. Il Suo provider di hosting può aumentare max_input_vars; nella maggior parte dei pannelli può farlo Lei stesso nelle impostazioni PHP (lezione 7.2).

Che cosa può fare:

• Creare solo le combinazioni che esistono davvero. Non usare "Genera varianti" con quattro attributi, ma aggiungere manualmente le combinazioni che vende.
• Offrire una caratteristica che non cambia prezzo e scorte non come variazione, ma come opzione del prodotto o nota (per esempio un testo da incidere tramite un campo; esistono estensioni apposite).
• Vendere come prodotti separati i prodotti davvero diversi.

Insidie

• Rinominare un attributo in seguito. Rinominare un termine di un attributo globale è possibile, ma le variazioni esistenti fanno riferimento allo slug. Lo provi prima nel Suo negozio di prova.
• Mescolare scorte a livello di prodotto e a livello di variazione. Scelga per ogni prodotto: scorte per variazione (di solito) oppure un'unica scorta per l'intero prodotto.
• Foto delle variazioni. Senza un'immagine propria, la variazione mostra la foto principale. Con i colori conviene invece avere una foto per colore.
• Variazioni senza SKU. Per l'importazione e i collegamenti con una cassa o un grossista serve uno SKU per ogni variazione (lezione 3.4).

In pratica: ecco come appare in WooCommerce

1. Prodotti > Proprietà: crei l'attributo "Peso" con i termini 50 g, 100 g e 250 g.
2. Prodotti > Aggiungi nuovo: titolo "Sencha Uji", dati del prodotto Prodotto variabile.
3. Scheda Proprietà: aggiunga "Peso", scelga tutti e tre i termini, attivi Usato per le variazioni e salvi le proprietà.
4. Scheda Variazioni: Genera varianti (tre variazioni), poi con la modifica in blocco attivi la gestione delle scorte e imposti per ogni variazione il prezzo (€ 6,50, € 11,50, € 24,00), il peso e uno SKU come SEN-UJI-050.
5. Nei valori predefiniti scelga 100 g, salvi e osservi la pagina prodotto in una finestra di navigazione privata.

Altri temi mostrano la scelta come menu a tendina, pulsanti o riquadri colorati; il principio è lo stesso.

Riepilogo

• Un prodotto variabile è una sola pagina prodotto con una variazione per ogni scelta, ciascuna con prezzo, scorte e SKU propri.
• Usi attributi globali per le caratteristiche ricorrenti; attivi "Usato per le variazioni".
• Una variazione senza prezzo non è in vendita.
• Il numero di combinazioni cresce rapidamente: crei solo combinazioni reali e faccia attenzione a max_input_vars durante il salvataggio.
• I prodotti davvero diversi si vendono come prodotti separati.

Quiz

Esercizio

Esercizio A3.2: Il Suo prodotto variabile. Inserisca l'indirizzo del Suo negozio, lo slug o il link di un prodotto variabile, il numero di variazioni in vendita nel negozio e gli attributi che usa per le variazioni (separati da virgole, per esempio "Peso, Macinatura"). Il programma cerca il prodotto tramite la Store API pubblica (/wp-json/wc/store/v1/products?slug=...), senza cookie e senza mettere nulla nel carrello. Verde se il prodotto è di tipo variabile, il numero di variazioni corrisponde a quello indicato e ogni attributo è presente come attributo usato per le variazioni. Arancione se il numero non corrisponde (le variazioni senza prezzo o disabilitate non vengono conteggiate dal negozio), se un attributo esiste ma non è usato per le variazioni, oppure a titolo informativo se ha più di 30 variazioni. Rosso se il prodotto non viene trovato, non è variabile o non ha nessuno dei Suoi attributi.

Una domanda per Lei (non verificata): quante combinazioni creerebbe "Genera varianti" con tutti i Suoi attributi, e quante di queste vende davvero?

Per saperne di più

• Variable product (woocommerce.com, in inglese): https://woocommerce.com/document/variable-product/
• Managing products (woocommerce.com, in inglese): https://woocommerce.com/document/managing-products/
• Modificare la versione PHP e le impostazioni PHP (e cosa fare in caso di errori dopo un aggiornamento)

Le procedure nella knowledge base valgono per i pannelli di WebOké; con altri fornitori il funzionamento è simile.