Come creare un prodotto variabile nel sito Web basato sul tema WooCommerce Flatsome

La maggior parte dei consumatori ama scegliere tra più opzioni.

Probabilmente ti starai chiedendo come creare queste opzioni per i visitatori del tuo sito.

La cosa buona è che la piattaforma WooCommerce lo rende possibile utilizzando la funzione del prodotto variabile WooCommerce.

La cosa grandiosa del prodotto variabile WooCommerce è che è facile come sembra. L'aggiunta di prodotti variabili nel tema Flatsome è ancora più comoda.

In questo articolo, capirai il prodotto e il tipo variabile e come configurarlo nel sito Web basato su Flatsome WooCommerce.

Imparerai anche ad estenderli con un plug-in di prodotti variabili WooCommerce.

Che cos'è un prodotto variabile in WooCommerce?

I prodotti variabili in WooCommerce ti consentono di creare prodotti specifici con più varianti.

Ad esempio, puoi mettere in mostra cinque colori di una maglietta per i tuoi clienti. Puoi aggiungere colore, immagini, dimensioni o qualsiasi altra variazione che il tuo prodotto potrebbe avere. Include l'impostazione di attributi, termini e varianti.

Per impostazione predefinita, WooCommerce ti consente di aggiungere diversi tipi di prodotti, tra cui:

Prodotto semplice:

Un prodotto semplice è un prodotto fisico unico e autonomo che potrebbe essere necessario spedire al cliente.

Prodotto raggruppato :

L'identità del prodotto raggruppato viene creata da diversi prodotti figlio con caratteristiche uniche.

Prodotto virtuale :

Un prodotto virtuale è definito come un prodotto che non è un'entità fisica. È possibile selezionare la casella di controllo per rendere virtuale un prodotto.

Prodotto scaricabile :

I prodotti scaricabili non richiedono la spedizione. Sono disponibili come file scaricabili con un percorso o un URL specificato. È possibile selezionare la casella di controllo per rendere scaricabile un prodotto.

Prodotto esterno/affiliato:

A volte, metti in vendita un prodotto nel tuo negozio, ma non sei il vero venditore del prodotto. Dovrai specificare l'URL del prodotto e il testo da visualizzare sul pulsante Aggiungi al carrello.

Prodotto variabile :

Il tipo di prodotto variabile consente di aggiungere variazioni allo stesso prodotto per creare un prodotto complesso e variabile. Ogni variazione di prodotto ha il suo prezzo, stock disponibile, SKU, ecc.

Crea un prodotto variabile nel tema WooCommerce Flatsome

Il concetto di base dei prodotti variabili WooCommerce come descritto sopra. Quindi, è il momento di mettere in atto questa conoscenza.

Segui la guida passo passo di seguito per creare prodotti variabili per il tuo negozio WooCommerce.

Il concetto di base dei prodotti variabili WooCommerce come descritto sopra. Ora è il momento di mettere in atto questa conoscenza.

Se preferisci i tutorial video al testo, puoi seguire questa guida per creare prodotti WooCommerce Variable in Flatsome Theme.

Crea attributi di prodotto

Non puoi creare un prodotto variabile senza aggiungere un attributo perché gli attributi definiscono le variazioni del prodotto.

Ad esempio, la taglia di una maglietta può essere piccola, grande o media. Qui, "dimensione" è l'attributo, mentre "piccolo", "grande" e "medio" sono le variazioni del prodotto.

Ci sono due tipi di attributi in WooCommerce; attributo del prodotto globale e attributo del prodotto personalizzato.

Gli attributi globali del prodotto possono essere applicati a più prodotti nel tuo negozio. Ad esempio, la t-shirt del tuo negozio può avere sia "taglia" che "colore" come attributi globali. Pertanto, non è necessario continuare ad aggiungere gli stessi attributi.

D'altra parte, gli attributi di prodotto personalizzati sono specifici di un solo prodotto. Non puoi applicarlo a un altro quando crei attributi di prodotto personalizzati.

Nel passaggio successivo, inizieremo con la creazione di attributi:

Passaggio 1: creazione di attributi:

È necessario creare attributi prima di creare il prodotto variabile.

• Nella sezione " Prodotti" , scegli " Attributi" nella barra dei menu a sinistra.
• Nel campo " Nome" , aggiungi il titolo dell'attributo.
• Il campo slug è facoltativo.
• Per finalizzare le modifiche, fare clic sul pulsante ' Aggiungi attributo '.

• I nuovi attributi sono ora elencati nella tabella a destra.

Passaggio 2: aggiungi valori specifici di un attributo:

• Fai clic su " Configura termini " nella colonna " Termini" del tuo attributo.

• C'è un modulo ' Aggiungi nuovo colore ' sul lato sinistro.

• Aggiungi ogni colore in cui vendi vestiti (come verde, blu o rosso)
• Fai clic sul pulsante " Aggiungi nuovo colore " sul lato sinistro (puoi aggiungere tutti i colori di cui hai bisogno).

Passaggio 3: aggiunta di attributi a un singolo prodotto.

• Vai a " Prodotti" dalla barra dei menu a sinistra. Puoi aggiungere un nuovo elemento o modificare quello esistente.

• Dal menu a tendina della sezione " Dati prodotto ", seleziona " Prodotto variabile".

• Vai alla scheda " Attributo ". Un elenco di attributi che hai creato per i tuoi prodotti è visibile qui.
• Selezionare uno degli attributi dall'elenco. Qui, ho selezionato l'attributo 'colore'.

• È possibile selezionare più di un'opzione o fare clic sul pulsante ' Seleziona tutto '.
• Non dimenticare di selezionare sia " Visibile nella pagina del prodotto " sia " Utilizzato per variazioni ".
• Quindi fare clic su " Salva attributi ".
• Nota: se lo desideri, è possibile aggiungere più attributi (dal pulsante ' Aggiungi nuovo ').

Passaggio 4: aggiungi varianti al tuo prodotto.

• Proprio sotto gli Attributi, vai alla sezione " Varianti" e seleziona " Aggiungi variante " dal menu a discesa.
• Ci sarà un nuovo menu a discesa dopo aver premuto il pulsante " Vai" .

Ora è il momento di scegliere l'attributo per le tue variazioni (come un colore particolare).

Passaggio 5: personalizza il resto dell'impostazione.

• Espandi il pannello delle varianti
• Ciò consente di aggiungere informazioni diverse per ogni variazione.
• Sono disponibili opzioni per caricare un'immagine, aggiungere il prezzo, lo stato delle scorte, le dimensioni e altro ancora.
• Ma è obbligatorio fissare un prezzo per la variazione.
• Per finalizzare le modifiche, fai clic su " Salva modifiche ".

Premi il pulsante " Pubblica" dopo aver selezionato la categoria appropriata per il tuo prodotto variabile.

Hai fatto. Ora guarda il tuo risultato -

Estendi con un potente plugin WooCommerce

Quando visualizzi prodotti variabili come campioni, saranno più attraenti per i visitatori del tuo negozio online.

Hai bisogno di un plug-in per creare una nuova esperienza per le variazioni dei prodotti WooCommerce.

Un esempio di tale plugin è il plugin WooCommerce Variation Swatches. Il plug-in ti consente di visualizzare le variazioni del tuo prodotto WooCommerce come campioni.

L'aspetto di una pagina di prodotto verrà modificato in campioni di pulsanti subito dopo l'installazione del plug-in WooCommere Variation Swatches. Ma puoi eseguire l'aggiornamento alla versione pro per mostrare il menu a discesa predefinito in campioni di colori , immagini e pulsanti di opzione nel negozio o nella pagina dell'archivio.

Ci auguriamo che il tutorial ti abbia aiutato a imparare i passaggi necessari per aggiungere prodotti variabili nel negozio WooCommerce alimentato da Flatsome. Se hai bisogno di più tutorial sul tema Flatsome o su WooCommerce, fammi sapere nella sezione commenti. Scriverò il prossimo tutorial per te.