In questo tutorial troverai:<\/p>\n
- \n
- Una definizione degli attributi di WooCommerce<\/li>\n
- Come aggiungere attributi al tuo negozio<\/li>\n
- Come attribuire attributi ai prodotti<\/li>\n
- Come visualizzare gli attributi nelle pagine dei prodotti<\/li>\n
- Come visualizzare i campioni di colore invece dei menu a discesa<\/li>\n<\/ul>\n
Iniziamo con una panoramica degli attributi del prodotto.<\/p>\n
Quali sono gli attributi del prodotto WooCommerce?<\/h2>\n
Gli attributi di WooCommerce ti consentono di aggiungere dati extra ai prodotti in modo da poter creare varianti di prodotto.<\/p>\n
Ad esempio, se hai in vendita un cappello sia in verde che in giallo, non vorrai vendere i colori come due prodotti separati. Dal momento che \u00e8 lo stesso design del cappello ma in colori diversi, utilizzerai invece un attributo. Aggiungeresti un nuovo attributo "colore" e poi aggiungeresti entrambe le varianti di colore "verde" e "giallo" al tuo cappello.<\/p>\n
Mettiamoci in pratica con alcuni screenshot ed esempi reali.<\/p>\n
Come aggiungere nuovi attributi del prodotto<\/h2>\n
Gli attributi possono essere aggiunti dal menu Attributi elencato nel menu Prodotti.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8ea4c51b.png\")
<\/a><\/p>\nSe hai eseguito la procedura guidata di configurazione di WooCommerce, vedrai gli attributi Colore e Dimensione gi\u00e0 creati.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8ecd59c2.png\")
<\/a><\/p>\nPuoi gi\u00e0 vedere i "termini" aggiunti per gli attributi di colore e dimensione<\/p>\n
Per aggiungere un nuovo attributo, tutto ci\u00f2 che devi fare \u00e8 inserire un nome e uno slug e fare clic su Aggiungi attributo.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8ef5db4d.png\")
<\/a><\/p>\nUno slug \u00e8 un nome tutto minuscolo utilizzato per gli URL. Sostituisci eventuali spazi con trattini nello slug.<\/p>\n
Dopo aver creato il nuovo attributo, fai clic sul collegamento Configura termini per aggiungere opzioni all’attributo.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8f15d5c2.png\")
<\/a><\/p>\n"Termini" \u00e8 una parola vaga, ma \u00e8 la parola che WooCommerce usa per le opzioni all’interno del tuo attributo. Ad esempio, "Colore" \u00e8 un attributo e "blu, "grigio" e "verde" sono alcuni dei suoi termini.<\/p>\n
Nel mio esempio, ho creato un attributo chiamato "Materiale", quindi aggiunger\u00f2 alcuni nuovi materiali, come "vetro" e "plastica".<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8f3cebf1.png\")
<\/a><\/p>\nPuoi aggiungere tutti gli attributi con tutti i termini che desideri.<\/p>\n
Sebbene sia possibile creare attributi specifici per i singoli prodotti, \u00e8 meglio aggiungerli in questo modo tramite il menu Attributi. Ci\u00f2 li mantiene disponibili per tutti i prodotti e semplifica notevolmente la gestione. L’aggiunta di attributi ai singoli prodotti diventer\u00e0 rapidamente disordinata e ingombrante.<\/p>\n
Ora che hai creato il tuo attributo personalizzato, ecco come puoi aggiungerlo a un prodotto.<\/p>\n
Come aggiungere attributi a un prodotto<\/h2>\n
Una volta creati gli attributi, sei pronto per assegnarli ai tuoi prodotti.<\/p>\n
Inizia visitando uno dei tuoi prodotti nella dashboard di amministrazione. Individua quindi la sezione Dati prodotto e fai clic sulla freccia a destra per espanderla.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8f5dbe8e.png\")
<\/a><\/p>\nUna volta espanso, fai clic sulla sezione Attributi nella barra laterale sinistra.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8f7b6e44.png\")
<\/a><\/p>\nNel mio esempio, il prodotto ha gi\u00e0 un attributo, Colore, elencato qui:<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8f9a85b2.png\")
<\/a><\/p>\nSe fai clic su un attributo, si espande in modo da poter aggiungere e rimuovere diversi valori\/termini.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8fb9e1f7.png\")
<\/a><\/p>\nIl pulsante Aggiungi nuovo serve per aggiungere termini completamente nuovi che diventano disponibili per tutti i prodotti.<\/p>\n
\u00c8 possibile fare clic nella sezione Valore\/i per selezionare i termini esistenti da aggiungere al prodotto.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8fd6df65.png\")
<\/a><\/p>\nQuesti termini provengono dal menu Prodotto > Attributi<\/strong><\/p>\n
Puoi aggiungere pi\u00f9 attributi al prodotto utilizzando questa opzione a discesa:<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c8ff8fb6d.png\")
<\/a><\/p>\nSe ti stai chiedendo come funzionerebbe, un esempio potrebbe essere una t-shirt che richiede opzioni di colore e taglia. Aggiungeresti sia un attributo Colore che un attributo Dimensione.<\/p>\n
Come ho gi\u00e0 detto, non consiglio di creare attributi di prodotto personalizzati, ma puoi selezionare attributi preesistenti con il selettore a discesa descritto sopra.<\/p>\n
Una cosa che potresti non aspettarti \u00e8 che una volta aggiunti i tuoi attributi, questi non vengano visualizzati automaticamente nella pagina del prodotto.<\/p>\n
Come visualizzare i tuoi attributi sulla pagina del prodotto<\/h2>\n
Ottenere i tuoi attributi da mostrare sulle pagine dei prodotti \u00e8 una parte confusa di WooCommerce.<\/p>\n
Quando aggiungi attributi a un prodotto, anche se selezioni la casella "visibile sulla pagina del prodotto", le varianti non verranno comunque visualizzate sul tuo sito.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c9017a0fe.png\")
<\/a><\/p>\nSelezionare questa casella \u00e8 solo un passaggio del processo<\/p>\n
Per impostazione predefinita, l’unica differenza nella pagina del prodotto saranno gli attributi e i loro valori elencati nella sezione Informazioni aggiuntive.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c9037fb94.png\")
<\/a><\/p>\nPer aggiungere il menu a discesa per i tuoi attributi, devi prima cambiare il tuo prodotto da "Prodotto semplice" a "Prodotto variabile" utilizzando questo menu a discesa:<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c9056b83e.png\")
<\/a><\/p>\nQuindi \u00e8 necessario aprire la sezione Attributi e selezionare la casella "Utilizzato per varianti" per ciascun attributo.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c9079e16c.png\")
<\/a><\/p>\nAssicurati di selezionare la casella per tutti gli attributi che desideri utilizzare<\/p>\n
Al termine, fai clic sul pulsante Salva attributi.<\/p>\n
Quindi, fai clic sulla sezione Variazioni. Puoi utilizzare il menu a discesa per aggiungere una variazione alla volta, ma \u00e8 pi\u00f9 veloce utilizzare l’opzione "Crea varianti da tutti gli attributi".<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c909c73c5.png\")
<\/a><\/p>\nDopo aver fatto clic su Vai, WooCommerce creer\u00e0 tutte le diverse possibili varianti di prodotto.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c90c2f36c.png\")
<\/a><\/p>\nIl mio prodotto ha due varianti a causa dei termini di colore grigio e rosso aggiunti<\/p>\n
L’ultimo passaggio prima che le tue varianti vengano visualizzate nella pagina del prodotto \u00e8 assegnare a ciascuna un prezzo.<\/p>\n
Dovrai compilare tutti i campi, ma nel mio esempio aggiunger\u00f2 solo i prezzi.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c90e83994.png\")
<\/a><\/p>\nUna volta che hai finito di aggiungere i prezzi a tutte le tue varianti, fai clic sul pulsante Salva modifiche.<\/p>\n
Vedrai ora un menu a discesa che consente agli acquirenti di scegliere le tue varianti.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c9111378f.png\")
<\/a><\/p>\nIl mio esempio utilizza solo un attributo, ma puoi aggiungerne quanti ne vuoi. Ogni attributo avr\u00e0 il proprio menu a discesa che elenca i termini disponibili.<\/p>\n
Sebbene funzioni perfettamente, i selettori a discesa non garantiscono la migliore esperienza di acquisto.<\/p>\n
Come visualizzare i campioni di colore<\/h2>\n
Il menu a discesa predefinito per le varianti del prodotto non crea un’ottima esperienza utente<\/a>.<\/p>\n
Immagina di avere una t-shirt disponibile in cinque colori. Con un menu a discesa, gli acquirenti non possono vedere quanti colori sono disponibili finch\u00e9 non fanno clic su di esso e non vedono le effettive sfumature di colore. Vedono solo la parola "blu", ad esempio, invece della tonalit\u00e0 di blu utilizzata dal prodotto.<\/p>\n
Dare ai visitatori campioni di colore tra cui scegliere rende l’esperienza di acquisto decisamente migliore.<\/p>\n
![\"Cosa](\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-222114-6171c9131f1dc.png\")
<\/a><\/p>\nSebbene questa opzione non sia disponibile in WooCommerce, ci sono molti ottimi plugin che possono aggiungere questa funzione al tuo sito:<\/p>\n
Questi 6 plug-in di variazione del prodotto per WooCommerce rendono il tuo sito pi\u00f9 facile da usare<\/a><\/p>\n
I plug-in elencati in quella raccolta possono sostituire il menu a discesa per le opzioni di colore, dimensione e stile, aggiungere nuove immagini della galleria per variazione e molto altro ancora.<\/p>\n
Padronanza degli attributi WooCommerce<\/h2>\n
Ora sai quali sono gli attributi del prodotto WooCommerce e come aggiungerli al tuo sito.<\/p>\n
L’utilizzo degli attributi sar\u00e0 una parte fondamentale della gestione del tuo negozio e della vendita delle varianti del prodotto.<\/p>\n
Se desideri un nuovo design eccellente per il tuo negozio, ho utilizzato il tema del negozio moderno<\/a> in questo tutorial. \u00c8 completamente reattivo, personalizzabile e si carica rapidamente.<\/p>\n