Product Add-Ons ti permette di aggiungere opzioni a pagamento o gratuite ai tuoi prodotti utilizzando diversi tipi di campi, tra cui pulsanti radio, caselle di controllo, campi a discesa, input di testo personalizzati e altro.

Questa estensione funziona anche con WooCommerce Subscriptions (acquisto separato) per aggiungere prezzi aggiuntivi all’abbonamento ricorrente.

Installazione Torna all’inizio

1. Scaricate l’estensione dalla vostra dashboard di WooCommerce.
2. Vai a Plugins > Aggiungi nuovo > Carica e seleziona il file ZIP che hai appena scaricato.
3. Clicca Installa ora e poi Attiva.

Impostazione e configurazione Torna all’inizio

Per creare componenti aggiuntivi, usa il pulsante Crea componenti aggiuntivi mostrato in cima allo schermo dopo l’installazione.

Oppure vai su Prodotti > Add-Ons e poi seleziona Crea nuovo. Puoi aggiungere add-on a livello di prodotto modificando un prodotto.

Impostazioni Torna all’inizio

Le impostazioni degli add-on ti permettono di configurare gli add-on che si applicano a tutti i prodotti o ai prodotti in categorie selezionate. Questo include:

• Nome: Utilizzato per differenziare i componenti aggiuntivi l’uno dall’altro, questo non viene visualizzato sul sito web. Per impostazione predefinita, questo è compilato per te.
• Priorità: Specifica l’ordine di visualizzazione, se c’è più di un componente aggiuntivo attivato. Un componente aggiuntivo con priorità 1 sarebbe sopra un componente aggiuntivo con priorità 10.
• Categorie di prodotti: Impostare su Tutti i prodotti, o scegliere le categorie per applicare il componente aggiuntivo. Rimuovendo il tag Tutti i prodotti, il componente aggiuntivo verrà disattivato, il che può essere utile per i componenti aggiuntivi stagionali o per i componenti aggiuntivi specifici per il tempo.

Salva quando hai finito. Successivamente, ci occuperemo dell’aggiunta dei componenti aggiuntivi veri e propri.

Tipi di campo Back to top

I campi dei componenti aggiuntivi vengono aggiunti allo stesso modo sia per i componenti aggiuntivi globali che per quelli per prodotto. Questo pannello si trova su un prodotto nuovo o esistente. Per aggiungere il tuo primo componente aggiuntivo, clicca sul pulsante “Aggiungi campo”. Questo inserirà un add-on vuoto:

Seleziona un tipo di campo dalla casella di selezione in alto. Al momento, queste opzioni sono disponibili:

• Scelta multipla – Mostra una lista di opzioni tra cui l’utente può scegliere. Visualizza come dropdown, immagini o pulsanti radio.
• Prezzo definito dal cliente – Mostra un campo dove gli utenti possono inserire un valore numerico che viene aggiunto al prezzo del prodotto.
• Quantità – Mostra una rotella dove gli utenti possono inserire un numero.
• Caselle di controllo – Mostra una o più caselle di controllo che possono essere selezionate/deselezionate dal cliente.
• Testo breve – Ci sono cinque tipi incorporati. Questo mostra un campo di testo dove gli utenti possono inserire qualsiasi testo; solo lettere; solo numeri; entrambi; o solo un indirizzo email.
• Testo lungo – Mostra un campo di testo dove gli utenti possono scrivere più righe di testo (limite di caratteri possibile).
• Caricamento file – Permette agli utenti di caricare un file.
• Intestazione – Aggiungi un’intestazione tra gli add-on per raggrupparli in sezioni.

Scelta multipla Torna all’inizio

I clienti scelgono solo un’opzione da un insieme di opzioni predefinite. Esempi: Colore o dimensione.

• Titolo: Formatta il titolo come un’etichetta o un’intestazione, o lo nasconde.
• Visualizza come: Scegli come presentare le opzioni ai clienti. Visualizza come Dropdown, Immagini, o Pulsanti Radio (vedi sotto).
• Aggiungi descrizione: Visualizza ulteriori informazioni sul componente aggiuntivo sotto l’intestazione.
• Campo obbligatorio: Impedisce che il prodotto venga aggiunto al carrello se un’opzione non è selezionata.
• Opzioni: Aggiungi un’etichetta per ogni opzione e un prezzo se necessario. Calcola il prezzo come una quota fissa indipendentemente dalla quantità, per quantità ordinata, o addebita una percentuale del totale. Per rimuovere una riga di opzioni, clicca sulla ‘X’.

Se l’opzione di visualizzazione è impostata su immagini, un’icona di caricamento immagini apparirà accanto ad ogni opzione.

Visualizzazione sito web

Pulsanti radio:

Dropdown

Immagini

Checkbox Back to top

Il cliente sceglie una o più opzioni. Esempi: Confezione regalo, biglietto, o aggiornamenti.

• Titolo: Formatta il titolo come etichetta o intestazione, o nascondilo.
• Aggiungi descrizione: Visualizza ulteriori informazioni sul componente aggiuntivo sotto l’intestazione.
• Campo obbligatorio: Impedisce che il prodotto venga aggiunto al carrello se un’opzione non è selezionata.
• Opzioni: Aggiungi un’etichetta per ogni opzione e un prezzo, se necessario. Calcola il prezzo come una quota fissa indipendentemente dalla quantità, per quantità ordinata, o addebita una percentuale del totale.

Visualizzazione del sito web

Testo breve Torna all’inizio

I clienti possono inserire una singola riga di testo. Esempi: Indirizzo e-mail, nomi e testo dell’incisione.

• Titolo: Formatta il titolo come etichetta o intestazione, o nascondilo.
• Restrizione: Limita il tipo di caratteri che i clienti possono inserire da Qualsiasi testo, Solo lettere, Solo numeri, Solo lettere e numeri, Solo indirizzo e-mail.
  
• Aggiungi descrizione: Visualizza ulteriori informazioni sul componente aggiuntivo sotto l’intestazione.
• Campo obbligatorio: Impedisce che il prodotto venga aggiunto al carrello se il campo è vuoto.
• Lunghezza massima dei caratteri: Specifica il numero minimo/massimo di caratteri.
• Adegua il prezzo: Aggiungi un costo aggiuntivo al componente aggiuntivo. Calcola il prezzo come una tariffa fissa indipendentemente dalla quantità, per quantità ordinata, o addebita una percentuale del totale.

Visualizzazione sito web

Testo lungo Torna all’inizio

I clienti possono inserire più righe di testo. Esempi: Una nota regalo, un indirizzo o istruzioni speciali.

• Titolo: Formatta il titolo come un’etichetta o un’intestazione, o nascondilo.
• Aggiungi descrizione: Visualizza ulteriori informazioni sul componente aggiuntivo sotto l’intestazione.
• Campo obbligatorio: Impedisce che il prodotto venga aggiunto al carrello se il campo è vuoto.
• Lunghezza massima dei caratteri: Specifica il numero minimo/massimo di caratteri.
• Adegua il prezzo: Aggiungi un costo aggiuntivo al componente aggiuntivo. Calcola il prezzo come una tariffa fissa indipendentemente dalla quantità, per quantità ordinata, o addebita una percentuale del totale.

Visualizzazione del sito

Caricamento file Torna all’inizio

Un cliente può caricare il proprio file. Esempio: Per creare disegni personalizzati su magliette, tazze o biglietti da visita.

• Titolo: Il titolo viene visualizzato sopra le opzioni di scelta multipla. Puoi formattare il titolo come etichetta, intestazione o nasconderlo.
• Aggiungi descrizione: Visualizza ulteriori informazioni sul componente aggiuntivo sotto l’intestazione.
• Campo obbligatorio: Impedisce che il prodotto venga aggiunto al carrello se il campo è vuoto.
• Modifica prezzo: Aggiungi un costo aggiuntivo all’add-on. Calcola il prezzo come una quota fissa indipendentemente dalla quantità, per quantità ordinata, o addebita una percentuale del totale.

Visualizzazione sito web

Prezzo definito dal cliente Torna in alto

Un cliente può impostare il proprio prezzo, che viene aggiunto al totale. Esempio: Donazioni, mancia.

• Titolo: Formatta il titolo come etichetta o intestazione, o nascondilo.
• Aggiungi descrizione: Visualizza ulteriori informazioni sul componente aggiuntivo sotto l’intestazione.
• Campo obbligatorio: Impedisce che il prodotto venga aggiunto al carrello se il campo è vuoto.
• Limita la fascia di prezzo: Specifica il prezzo minimo/massimo.

Visualizzazione del sito

Quantità Back to top

I clienti possono selezionare una quantità. Esempio: Usato per ordinare articoli aggiuntivi che vanno con il prodotto principale.

• Titolo: Formatta il titolo come un’etichetta o un’intestazione, o lo nasconde.
• Aggiungi descrizione: Visualizza ulteriori informazioni sul componente aggiuntivo sotto l’intestazione.
• Campo obbligatorio: Impedisce che il prodotto venga aggiunto al carrello se il campo è vuoto.
• Campo quantità limite: Specifica la quantità minima/massima.
• Regola il prezzo: Aggiungi un costo aggiuntivo al componente aggiuntivo. Calcola il prezzo come una quota fissa indipendentemente dalla quantità, per quantità ordinata, o, addebita una percentuale del totale.

Visualizzazione del sito

Heading Torna all’inizio

Utilizza i titoli per separare i tuoi componenti aggiuntivi in sezioni.

Visualizzazione del sito

Prezzi Torna in alto

I prezzi possono aumentare o diminuire il costo totale del prodotto. Sono disponibili tre opzioni di prezzo:

• Prezzo fisso: Prezzo applicato una sola volta, indipendentemente dalla quantità ordinata.
• Basato sulla quantità: Il prezzo viene moltiplicato per la quantità di prodotto.
• Basato sulla percentuale: Calcola una percentuale del totale.

Riordina i componenti aggiuntivi Torna all’inizio

Puoi cambiare l’ordine dei componenti aggiuntivi visualizzati nei gruppi trascinandoli.

Importazione / Esportazione di componenti aggiuntivi Torna all’inizio

I componenti aggiuntivi possono essere esportati e importati utilizzando i pulsanti quando si modifica un componente aggiuntivo per prodotto o globale. Fai clic su “esporta” per esportare i campi esistenti come dati serializzati. Poi fai clic su importa per incollare i dati serializzati e aggiungerli ai tuoi componenti aggiuntivi esistenti.

Importazione ed esportazione sono disponibili anche per i componenti aggiuntivi globali di prodotto.

Componenti aggiuntivi per prodotto Torna su

I componenti aggiuntivi per prodotto vengono visualizzati solo per il prodotto a cui vengono aggiunti. Modifica uno dei tuoi prodotti per aggiungere componenti aggiuntivi a livello di prodotto. Appaiono nel pannello Dati prodotto sotto la sottosezione “Componenti aggiuntivi”.

Nota importante

I componenti aggiuntivi possono essere applicati a prodotti variabili, ma possono essere definiti solo a livello di prodotto. Esempio: Non puoi avere un add-on per una variazione specifica di un prodotto variabile – solo per una camicia blu.

Esclusioni

Quando crei gli add-on su una base per prodotto, puoi scegliere di escludere tutti gli altri add-on che sono stati precedentemente applicati al prodotto.

Visualizzazione frontend e visualizzazione degli add-on dell’ordine Torna all’inizio

Nel frontend, gli add-on sono mostrati nella pagina del singolo prodotto sopra il pulsante del carrello. Per vedere come appaiono i tuoi componenti aggiuntivi, seleziona “Anteprima modifiche”:

Ecco come saranno visualizzati nella pagina del carrello:

Una volta che un cliente aggiunge questo articolo al suo carrello, i dati saranno mostrati come meta:

I dati dei componenti aggiuntivi sono memorizzati nelle righe dell’ordine come meta. Non c’è una riga separata per l’add-on stesso. Visualizza il tuo ordine per vedere i valori scelti.

Mantenere gli upload sicuri Torna in alto

Gli upload sono memorizzati in cartelle randomizzate sotto wp-content/uploads/ per renderli difficili da trovare. Tuttavia, alcuni host abilitano l’elenco delle cartelle, che permette alle persone di sfogliare la tua struttura di file/cartelle. Per disabilitare questa “caratteristica”, aggiungete quanto segue al vostro file .htaccess principale:

Options -Indexes

Risoluzione dei problemi Back to top

Il tipo di campo di upload non funziona Back to top

Questo può essere dovuto alla lunghezza del nome del campo. Prova a ridurre la lunghezza del nome del campo o contatta la tua società di hosting per aumentare il valore di post.max_name_length.

Domande frequenti Torna su

Importazione di prodotti aggiuntivi tramite Product CSV Import Suite? Torna su

No, i Product Add-On sono costituiti da complessi metadati serializzati che sarebbe difficile fare in una riga CSV di prodotto come testo semplice. CSV Import può importare solo metadati non serializzati, se non diversamente specificato. Tuttavia Product Add-Ons stesso ti permette di importare ed esportare le impostazioni.

Può un add-on avere uno SKU separato per scopi di vendita/tracciamento? Torna su

No. Un add-on è trattato come un’opzione, non come un prodotto separato. I prodotti e le loro variabili hanno SKU.

Posso aggiungere un datepicker? Torna su

WooCommerce Product Add-Ons non ha un datario. Tuttavia, stiamo cercando di aggiungere questa possibilità in una versione futura dell’estensione. Aggiungi i tuoi voti a questa idea sulla Ideas Board per aiutare a dare priorità alla funzione.

Come personalizzare “Totale generale” e “Totale opzioni”? Back to top

Sia il “Totale generale” che il “Totale opzioni” possono essere personalizzati tramite CSS, ma è un po’ complicato. Ecco come usare il selettore nth-child:

Come posso impostare i valori di input predefiniti?

Puoi usare uno script personalizzato per impostare i valori predefiniti, inserendo questo codice in un file JavaScript. In alternativa, puoi usare il Custom CSS JS gratuito per aggiungere lo snippet di codice.

Nota che questo esempio di codice imposta solo il valore per il campo Custom price input su 0, quindi assicurati di personalizzarlo in base alle tue esigenze.

Posso aggiungere campi personalizzati ai prodotti variabili? Back to top

Sì! Ecco un esempio:

Posso avere degli add-on di prodotto applicati una sola volta al prodotto, indipendentemente dalla quantità ordinata? Torna all’inizio

Sì. La versione 3.0x dei Product Add-Ons ha introdotto una funzione a tariffa fissa.

Perché i miei add-on sono vuoti? Back to top

Potrebbe essere dovuto al fatto che non hai cliccato su Save, dopo aver aggiunto/eliminato/modificato i campi.

Dove metto i miei file di lingua? Torna su

I file di lingua .mo e .po per i Product Add-On devono essere collocati nel seguente percorso: /wp-content/languages/plugins/. Scopri di più sulla traduzione delle estensioni qui.

Come posso cambiare la posizione degli add-on sulla mia pagina prodotto? Torna all’inizio

Se stai usando il nostro tema Storefront, gli add-on appariranno ordinatamente tra la breve descrizione e il pulsante Aggiungi al carrello.

Tuttavia, su molti altri temi, gli add-on vengono visualizzati sotto il pulsante Aggiungi al carrello, il che può confondere il cliente.

Per cambiare la posizione, puoi sovrascrivere la struttura del template tramite un tema. Si noti che nel caso dei Product Add-Ons è necessario inserire i file di sovrascrittura dei template in una cartella chiamata woocommerce-product-addons nel vostro tema WordPress (invece di inserirli direttamente nella cartella WooCommerce in quel tema).

I Product Add-Ons possono essere utilizzati per applicare uno sconto Back to top

Sì! I Product Add-Ons possono essere configurati per ridurre il prezzo di un prodotto – basta aggiungere un valore negativo al campo Price:

È compatibile con Smart Coupons (acquisto separato)? Torna su

Sì, a partire dalla versione 2.9.0, Product Add-Ons funziona con Smart Coupons, inclusa la funzione carta regalo.

È compatibile con WooCommerce Bookings (acquisto separato)? Torna su

Sì!

È compatibile con WooCommerce Blocks? Torna su

Sì, dalla versione 3.4.0.

Il Product Add-Ons mi permette di usare la logica condizionale? Torna su

Product Add-Ons non ha il supporto per la logica condizionale. Se vuoi mostrare ai clienti campi diversi in base alle informazioni che compilano, ti consigliamo di utilizzare Gravity Forms insieme all’estensione Gravity Forms Product Add-Ons.

Posso aggiungere ordini tramite il backend di amministrazione con Product Add-Ons per ordini telefonici? Torna su

Le pagine del carrello e del checkout sono necessarie per completare automaticamente i complessi calcoli spesso coinvolti con i Product Add-Ons. Come tale, quando si aggiungono manualmente gli ordini sul lato admin, questi calcoli non sono attualmente automatizzati. Puoi inviare una richiesta di funzionalità per questo tramite la nostra bacheca delle idee.

Detto questo, i dati dei Product Add-Ons sono salvati come metadati, quindi c’è un workaround manuale. Segui le istruzioni per aggiungere manualmente un ordine come al solito. Una volta che il prodotto Add-Ons è stato aggiunto, passa con il mouse sopra il Totale e clicca sull’icona Matita per modificare l’articolo.

Clicca il pulsante Aggiungi meta che appare sotto l’articolo per aggiungere una coppia di campi in cui possono essere aggiunti i relativi metadati Add-Ons. Puoi aggiungere tutte le coppie di campi di cui hai bisogno.

Nome (richiesto) – inserisci il titolo del campo Add-Ons più il costo dell’add-on tra parentesi.

Valore (richiesto) – inserisci il nome dell’opzione Add-Ons.

Nota: Il costo dell’articolo più il costo dell’add-on devono essere calcolati manualmente e aggiunti ai campi Totale (e se applicabile, Tasse). Una volta salvato, il pulsante Ricalcola dell’ordine non lo fa automaticamente per te.

Domande e feedback Torna all’inizio

Hai una domanda prima di acquistare? Compila questo modulo di pre-vendita.

Hai già acquistato e hai bisogno di assistenza? Mettiti in contatto con un Ingegnere della Felicità tramite l’Help Desk.