Hai un ecommerce che utilizza Woocommerce? Hai la necessità di inserire una serie di variazioni di un singolo prodotto?
Bene il contenuto fa al caso tuo!
Andiamo con ordine e capiamo innanzitutto a cosa servono le variazioni.
Immagina che il tuo ecommerce venda una T-shirt disponibile nelle taglie S M L XL e nei colori rosso e blu. In questa ipotesi, se non usassimo le variazioni dovremmo inserire 8 prodotti. Le variazioni quindi, oltre che a semplificare il processo di acquisto, ci aiutano a ridurre l’inserimento del numero di prodotti. Grazie alle variazioni è possibile infatti inserire un solo prodotto: creeremo gli attributi taglia e colore, inserendo rispettivamente i valori S, M, L, XL per l’attributo TAGLIA e ROSSO e BLU per l’attributo COLORE.
L’utente in fase d’acquisto selezionerà la taglia e il colore desiderati.
Per prima cosa è necessario creare l’attributo e per fare questo dalla bacheca di wordpress nella scheda prodotti selezioniamo attributi. Inseriamo il nome dell’attributo, nel nostro caso “Taglia”, lo slug “taglia” il tipo, nel nostro caso vogliamo che l’attributo venga scelto da un menù a tendina e quindi in Tipo scegliamo Selezione.
Inseriamo dunque i valori all’attributo appena creato, cliccando sulla rotella a destra del nome dell’attributo. Inserendo nome e slug e poi cliccando su Aggiungi nuovo “Nome Attributo”.
Una volta creati gli attributi bisogna associarli al prodotto.
Creiamo un nuovo prodotto, quindi nella scheda Prodotti del menù di WooCommerce della bacheca di WordPress clicchiamo su nuovo prodotto.
Si crea il prodotto, inseriamo la descrizione, e in Dati prodotto (dove c’è scritto Prodotto Semplice) si seleziona Prodotto Variabile.
Nella scheda Attributi sulla sinistra, si seleziona l’attributo desiderato (in questo caso Taglia) e si clicca su Aggiungi.
Si spunta Usato nelle variazioni e poi si clicca Seleziona tutti (importiamo cioè tutti i valori dell’attributo Taglia, e magari, cancelliamo quelli che non ci servono, nel nostro caso abbiamo lasciato solo le taglie L e M. Clicchiamo su Salva Attributi.
Andiamo nella scheda Variazioni e clicchiamo su Aggiungi Variazione.
Una volta cliccato su aggiungi variazione, si aprirà una scheda dove inseriremo i dati della singola variazione. Selezioniamo M inseriamo il prezzo, spuntiamo su prodotto virtuale se vogliamo evitare la gestione del magazzino, e poi su Aggiungi Variazione .
Se vogliamo inserire uno sconto in una finestra temporale, clicchiamo su pianifica affianco a prezzo di vendita e impostiamo le date: bisogna impostare la data di inizio e di fine periodo di sconto. Impostiamo il prezzo di vendita scontato e salviamo tutto.
Questa procedura va fatta per ogni variazione
N.B.
Il codice evidenziato (2858) ci servirà per il livello successivo 😉
Semplice no?!
Ora saliamo di livello e impariamo ad inserire il link di una variazione per acquistare direttamente, ad es cliccando su un bottone.
Chiariamoci con un esempio.
Supponiamo che il nostro prodotto sia una vacanza e che le variazioni corrispondano ai giorni di pernottamento. Volendo vendere ad una vacanza di 3 giorni all’interno di una sales page, per minimizzare il numero di click da far fare agli utenti, potrebbe essere utile inserire il link al prodotto (vacanza di tre giorni) in un bottone di acquisto.
Abbiamo per l’occasione creato un attributo da nome Durata e il suo slug durata.
Abbiamo inserito i valori all’attributo durata con i relativi slug:
1 giorno ( slug 1gg)
2 giorno (slug 2gg)
3 giorno (slug 3gg)
Etc…
Il codice da utilizzare è questo
http://www.nome-tuo-sito.it/cart/?add-to-cart=XXXXX&attribute_pa_ZZZZZ =WWWWW &variation_id=YYYYY
Vediamo come personalizzarlo:
- Al posto di XXXXX va inserito il codice del prodotto che trovi nella lista dei tuoi prodotti pubblicati; per visualizzare questo codice, è necessario posizionare il mouse sul nome del prodotto presente nel’elenco. Nel nostro caso bisogna inserire 2856
- Al posto di ZZZZZ bisogna inserire lo slug del nome dell’attributo (nel nostro caso durata)
- Al posto di WWWWW bisogna inserire lo slug del valore dell’attributo (nel nostro caso 3gg)
- Al posto di YYYYY bisogna inserire l’ID della variazione del prodotto che vuoi inserire e lo trovi nella scheda prodotto woocommerce, sezione Dati prodotto, tab Variazioni
Il risultato sarà:
http://www.nome-tuo-sito.it/cart/?add-to-cart=2856&attribute_pa_durata=3gg&variation_id=2858
È più facile a farsi che a dirsi.
Ottimo articolo Ruggero!
Ho due quesiti da chiederti al rigurado per alzare un pò il tiro.
1) Se volessi avere il link che mi porta alla Ad es.
Attributi T-shirt:
-colore: rosso,verde,blu
-taglia: S,M,L,XL,XXL
– taglio collo: v, rotondo
Se volessi fare un bottone che mi porta a una maglietta rossa,taglia XL, collo a V ?
Ossia con 3 attributi già “impostati” nel link?
Si può fare?
–
2) E’ possibile avere il link che NON mi inserisce nel carrello il prodotto MA mi reindirizza alla
pagina del singolo prodotto variabile, con gli attributi settati nel link aapunto già selezionati?
Spiegoo meglio:
Prodotto variabile “Tappetino x mouse”:
– colore: rosso,verde,blu
– taglia: piccolo,medio,grande
– quantità: 500,1000,1500
– materiale: palstica,tessuto
– lati di stampa: 1 lato, 2 lati
Eì possibile avere un bottone/link che selezioni tappetino “rosso medio,500 pezzi”
e poi selezionare successivamente gli attributi “materiale” e “lati di stampa”..?
Ciao e grazie.
Utilissime info
Ciao Klaus
ho due buone notizie per te 🙂
1)
Una volta aggiunti gli attributi, vai nella sezione variazioni e selezioni il colore rosso dall’attributo colore, la xl nell’attributo taglia e v nell’attributo collo.
Copia poi il codice identificativo della variazione (come indicato nell’articolo) e lo sotituisci nel codice sottostante (al posto di YYYY). In XXXX sostiuisci l’ID del prodotto in woocommerce.
Ecco il tuo esempio
http: / / www .nome-tuo-sito. com/cart/?add-to-cart=XXXX&attribute_pa_colore=rosso&attribute_pa_taglia=xl&attribute_pa_collo=v&variation_id=YYYY
2)
Puoi facilmente risolvere questo tuo problema creando un prodotto con 5 attributi (colore, taglia, quantità, materiale, lati di stampa).
Nella sezione variazioni imposterai come valori di default per gli attributi colore, taglia e quantità i valori rosso, medio e 500.
L’utente a questo punto selezionerà gli altri due valori dagli altri due attributi.
Spero di esserti stato d’aiuto, diversamente se hai bisogno di consulenza specifica puoi farne richiesta nella pagina contattaci a questo link.
Grazie Ruggero!
Scusa ma ti leggo solo dopo 2 mesi buoni, colpa mia.
Intanto ti ringrazio.
Purtroppo ho trovato un ottimo Plugin per fare quello che ti chiedevo.
Direct Link Variation (te lo consiglio)
Dico purtroppo perchè tale plugin, funziona perfettamente con Woocommerce MA
Non funziona con WPML e adesso mi trovo un pò nella M…
———————————————
>> WooCommerce Direct Variation Link
Link directly to a specific WooCommerce product variation using get variables – yoursite.com/your-single-product/?size=small&color=blue. This is useful if you want to send an email to customers and send them directly to a specific variation without them having to enter it in themselves.
————————————–
Adesso sto cercando di capire come WPML gestisce i prodotti e le loro variazioni e come e se rendere compatibile questo plugin…
Grazie comunque
Articolo fatto molto bene!
Ho un quesito: Ciao a tutti! Sto creando uno shop online di articoli per animali con Woocommerce. Sono mesi che creo prodotti con variazione e finora non ho mai avuto problemi.
Da ieri, tuttavia, mi sono accorta che non funziona più, mi spiego meglio. Nel momento in cui sono sul frontend e seleziono una variazione il prezzo resta invariato, il pulsante “acquista” non funziona più e quello “clear selection” resta imballato.
Mi sapreste dire come mai? Con i prodotti “normali” funziona tutto.
Grazie in anticipo
Ciao Valeria e grazie per i complimenti. Purtroppo il tuo caso andrebbe analizzato nello specifico, ma se hai seguito tutte le istruzioni dell’articolo e in passato hai già inserito altri prodotti con variazioni, gli unici consigli che ti posso dare sono : aggiorna la versione di WordPress, Woocommerce e tutti i plugin che utilizzi per il tuo ecommerce, svuota la cache del tuo browser ed eventualmente la cache del sito e controlla se il problema persiste.
In bocca al lupo 😉
ciao, intanto grazie per l’articolo è ottimo…
vorrei sapere se fosse possibile aumentare il prezzo in base alla variazione che si sceglie…esempio pratico: ho una scarpa che costa 100€ se scelgo il colore nero il prezzo non cambia, se lo scelgo rosso c’è un aumento di 10 €
si può fare?
grazie
Ciao Marco, certo che puoi impostare un prezzo maggiorato per la tua variazione, crei la variazione “scarpa rossa” e a questa associ un prezzo di 110€.
non ho la possibilità di inserire il menù a tendina in questo cesso di woocommerce, la scritta “tipo” io non ce l’ho come risolvo, nno riesco a metterequesto menù che è molto meglio invece di inserire tante taglie e colori, grazie.