Come vendere kit di prodotti con WooCommerce

Il modo più semplice per creare e vendere kit di prodotti con WooCommerce e utilizzare un prodotto variabile e creare diverse varianti del prodotto.

Dal punto di vista dell'inventario, un prodotto variabile e un modo pratico per semplificare la gestione di mosti SKU correlati che condividono li stessi attributi.

Tuttavia, quando acquista un prodotto variabile viene utilizzato un solo SKU: lo SKU associato alla variazione scelta.

Al contrario, un prodotto composito e costituito da molti altri prodotti che devono essere assemblati e raggruppati insieme.

Quando un prodotto composito viene configurato e acquistato, sono interessati più SKU.

Se stai creando un prodotto configurabile e non riesci a decidere se utilizzare un prodotto variabile o un prodotto composito, determina se le opzioni offerte devono essere gestite individualmente. Se hai bisogno di gestire ogni opzione singolarmente allora dovrai per forza scegliere il prodotto composito e:

  • Creare i componenti per descrivere le parti o attributi del prodotto configurabile.
  • Crea un nuovo prodotto per ogni opzione che desideri offrire e, se necessario, utilizza la visibilità del catalogo per evitare che venga visualizzato nella pagine del tuo negozio.

In questa guida scoprire come usare i prodotti compositi per creare un kit DSLR full frame composto da un corpo fotocamera, un obbiettivo e una scheda di memoria opzionale.

Tieni presente che e possibile costruire un'interfaccia di selezione simile con i prodotti variabile, creando il corpo della fotocamera, l'obbiettivo e la scheda di memoria come attributi popolandoli con le opzioni.

Tuttavia questo non ti consentirebbe di gestire l'inventario per il corpo della fotocamera, obbiettivo e schede di memoria.

Plugin / estensioni / temi WooCommerce che ho utilizzato

WooCommerce

WooCommerce Composite Products

Storefront (tema ufficiale di WooCommerce) opzionale.

Assicurati di avere installato il plugin WooCommerce e l'estensione WooCommerce Composite Products prima di iniziare. Guarda questa guida per capire come installare un plugin su WordPress se hai bisogno.

Il tema non e obbligatorio, questa guida funziona con tutti i temi che sono compatibili con WooCommerce.

Ecco i passi che devi seguire per creare un prodotto composito per la vendita di una fotocamera DSLR full frame:

Creare un prodotto composito su WooCommerce

Dentro la tua bacheca WordPress vai nel menu di WooCommerce > Prodotti e clicca Aggiungi prodotto. Inserisci il titolo del prodotto, la descrizione, la descrizione corta e l'immagine del prodotto.

Individua il pannello Dati Prodotto e seleziona Prodotto Composito come tipo di prodotto.

Pannello dati prodotto WooCommerce

Una volta selezionato clicca su Pubblica per pubblicare il tuo prodotto. Ora andiamo avanti per capire come configurare un prodotto composito su WooCommerce.

Configurare un prodotto composito su WooCommerce

Prima di iniziare la configurazione devi assicurarti di avere prodotti individuali per ogni singolo componente.

Nel esempio di questo articolo dove costruisco il kit per una fotocamera DSLR full frame i componenti usati sono:

  • Il corpo della fotocamera
  • Il obiettivo della fotocamera
  • La scheda di memoria che io resero opzionale.

Per ogni uno di questi componenti dovresti avere almeno due prodotti normali già pubblicati nel tuo negozio.

Come vedi nel immagine qui sotto io ho 2 prodotti per il corpo della fotocamera, 2 prodotti per il obiettivo della fotocamera e 1 prodotto per la scheda di memoria.

Volendo si possono usare delle intere categorie per i vari componenti pero poi diventa più complicato perché dovresti creare delle condizioni valide o meno per la configurazione del prodotto.

Apri il prodotto composito che hai creato nel passaggio successivo. Vai nel pannello Dati Prodotto nella sezione Components.

Li troverai le opzioni per configurare i componenti del tuo prodotto composito.

Quello che devi fare e clicca il tasto Add Component per aggiungere il primo componente.

Ecco le opzioni che troverai, insieme con una piccola spiegazione e un'immagine che ti mostra come compilare. Poi ovviamente può darsi che i tuoi bisogni sono diversi dal mio quindi vedi tu come e meglio impostare.

Ecco un'elenco delle opzioni da configurare con una piccola spiegazione:

Component name e il nome del componente. Nel esempio della foto qui sopra io il mio componente l'ho chiamato Corpo Fotocamera.

Component description e la piccola descrizione del componente. Nel esempio della foto sopra io ho inserito soltanto descrizione.

Component image e l'immagine del componente. Nel mio esempio io ho inserito un'immagine con testo Corpo Fotocamera al suo interno.

Component Options le opzioni dei prodotti da usare come componenti. Si possono scegliere prodotti individuali o tutti i prodotti all'interno di una categoria. Ne mio esempio ho scelto Select Products per selezionare i prodotti.

Optional se lo attivi imposti il componente come opzionale. Quindi il utente che acquista il tuo kit può anche decidere di non acquistarlo. Nel mio esempio il mio componente opzionale e la Scheda di Memoria.

Default Options ti permette di impostare il componente pre selezionato. Nel mio esempio ho Corpo Fotocamera come selezione di default.

Options Style ti permette di cambiare il modo in quale vengono viste le opzioni del kit di prodotti. Le opzioni disponibili sono Dropdown, Thumbnail o Radio Buttons. Nel mio esempio ho scelto dropdown.

Min quantity ti permette di impostare una quantità minima per il componente. Io ho scelto 1 come quantità minima.

Max Quantity ti permette di impostare una quantità massima per il componente. Anche qui io ho scelto 1 come quantità massima.

Priced individually ti permette di impostare in modo che i componenti mantengono i loro prezzi iniziali. Una volta attivata questa opzione appaiono due nuove opzioni che ti mostro qui sotto.

Discount % ti permette di aggiungere uno sconto in % per il prodotto del componente.

Option Prices ti permette di configurare il modo in quale vengono visti i prezzi. Le opzioni disponibili sono Absolute, Relative o Hidden.

Ripeti questi passi per tutti i componenti che ti servono.

Configurare i prezzi per i kit di prodotti

Il kit di prodotti con WooCommerce dovrebbe avere un costo pari alla somma dei prezzi di ogni singolo componente.

Individua il pannello Dati Prodotto del prodotto composito e assicurati che nella sezione Generale non sono impostati ne il Prezzo di Listino ne il Prezzo in offerta.

Ora andiamo sempre nel pannello Dati Prodotti nella sezione Components e assicurati che i tuoi componenti hanno selezionata l'opzione Priced Individually.

In questo modo il tuo kit costerà quanto la somma dei prezzi dei componenti che contiene.

Mi raccomando l'opzione deve essere selezionata su tutti i componenti del tuo kit.

Configurare la spedizione per i kit prodotti

Per la spedizione ci sono due opzioni.

  • Unassembled (non assemblato) cioè i vari componenti vengono spediti individualmente ogni uno con la propria scatola.
  • Assembled (assemblato) cioè e vari componenti sono messi all'interno di una sola scatola che viene poi spedita.

Per la spedizione Unassembled cioè ogni componente con la sua scatola, devi andare nel pannello Dati Prodotto nella sezione spedizione. Troverai le due opzioni e dovrai scegliere la prima opzione (indicata dalla freccia).

Ovviamente se desideri avere la spedizione Assembled cioè tutti i componenti in una sola scatola scegli la seconda opzione.

Configurare il layout per il kit di prodotti con WooCommerce

Ci sono varie impostazioni per il layout del prodotto composito che usiamo per vendere kit di prodotti con WooCommerce.

Trovi queste impostazioni nel pannello Dati Prodotto nella sezione Components. Per il mio kit io scelgo l'opzione di Layout Progressive, tu puoi scegliere quella che va meglio per il tuo caso.

Oltre alla scelta del Layout ci sono le seguenti opzioni:

Form Location ti da alcune opzioni sul come posizionare il formulario per l'aggiunta al carrello.

Catalog Price ti permette di scegliere come mostrare i prezzi, anche qui dipende da come serve a te.

Edit in Cart se selezionato permette ai clienti a modificare la configurazione del kit direttamente dal carrello.

Questo e tutto per le opzioni di Layout.

Alcune informazioni aggiuntive per le modifiche al Layout

Grande parte dei temi compatibili con WooCommerce vanno di default su un layout a due colonne per la pagina dei prodotti. La prima colonna contiene l'immagine del prodotto e la galleria mentre la seconda colonna viene usata per i dettagli del prodotto e le varie opzioni.

Questo approccio va bene per i prodotti semplici e variabili che contengono poche opzioni.

Per i prodotti compositi invece abbiamo bisogno di molto piu spazio quindi e molto gradito avere la possibilità di cambiare il layout della pagina dei prodotti di WooCommerce da due colonne a una colonna.

Il tema ufficiale di WooCommerce, Storefront ha il plugin Storefront Powerpack che aggiunge queste opzioni.

Ecco come e venuto a me il kit di prodotti

E nel carrello viene visto cosi

Hai domande o suggerimenti? Fammelo sapere qui sotto nei commenti. Rispondi a tutti quanti, sempre.

Condividi se pensi che questo articolo può essere utile anche ad altre persone.

Leave a Reply

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.