Come creare un Order Bump per WooCommerce (Passo dopo Passo)

Quando abbiamo lanciato il nostro primo negozio di eCommerce anni fa, stavamo lasciando soldi sul tavolo senza nemmeno saperlo.

Come molti proprietari di negozi, ci siamo concentrati solo sull'ottenere clienti per acquistare i nostri prodotti principali. Questo fino a quando non abbiamo scoperto gli order bump.

Se gestisci un negozio WooCommerce e non hai ancora impostato gli order bump, ti stai perdendo un modo semplice per aumentare le vendite.

Pensa agli order bump come a quei piccoli articoli vicino al bancone del checkout nel tuo negozio locale: sono aggiunte strategiche che i clienti possono acquistare con un solo clic durante il checkout.

In questa guida, ti mostreremo esattamente come creare order bump ad alta conversione in WooCommerce.

La parte migliore? Le nostre istruzioni passo passo sono adatte ai principianti, quindi non hai bisogno di alcuna esperienza tecnica per seguirle!

Cos'è un Order Bump?

Un order bump è una strategia di vendita intelligente che mostra agli acquirenti prodotti aggiuntivi nella pagina di checkout. Pensala come un amichevole "Vuoi patatine fritte con questo?" ma per il tuo negozio online.

Quando i clienti raggiungono la pagina di checkout di WooCommerce, vedono un semplice order bump con un prodotto correlato. Questa offerta rende facile per loro aggiungere un altro articolo al carrello con un clic.

I proprietari di negozi confondono spesso gli order bump con upsell e cross-sell. Sebbene tutti mirino ad aumentare il valore medio del tuo ordine, funzionano in modo diverso:

• Ordine Bump: Un piccolo componente aggiuntivo pertinente offerto direttamente nella pagina di checkout prima che il cliente paghi. Ad esempio, offrire una custodia protettiva quando qualcuno acquista un nuovo telefono.
• Upsell: Un' offerta per l'aggiornamento a una versione più costosa del prodotto. Questo viene solitamente mostrato dopo che il cliente ha completato il suo acquisto iniziale. Ad esempio, chiedere ai clienti di passare alla versione Pro per soli 20 $ in più.
• Cross-sell: Raccomandare prodotti correlati nella pagina del prodotto o nel carrello stesso. Ad esempio, aggiungere una sezione "Acquistati frequentemente insieme" che mostra una fotocamera, un obiettivo e una scheda di memoria.

Perché usare un Order Bump in WooCommerce?

Se fatto bene, gli order bump possono seriamente aumentare le tue vendite senza interrompere il processo di checkout.

Detto questo, non puoi semplicemente scegliere un prodotto qualsiasi come order bump. Devi essere strategico nelle tue offerte.

Ecco cosa raccomandiamo per creare un order bump di successo:

• Scegli prodotti WooCommerce che completino naturalmente ciò che è nel carrello.
• Prezza il tuo order bump più basso rispetto all'acquisto principale per renderlo un'aggiunta facile.
• Mantieni la tua offerta semplice e chiara. Un prodotto convincente funziona meglio di più opzioni.
• Posiziona il tuo order bump WooCommerce dove sia visibile ma non d'intralcio.

WooCommerce non ha impostazioni integrate per configurare un order bump. Fortunatamente, ci sono molti plugin eccellenti disponibili e ne abbiamo trovato uno facile da usare per utenti di tutti i livelli.

Ecco i passaggi che copriremo in questo tutorial sull'order bump di WooCommerce:

• Passaggio 1: Installa FunnelKit Funnel Builder
• Passaggio 2: Personalizza la tua pagina di checkout
• Passaggio 3: Aggiungi un order bump al tuo checkout
• Passaggio 4: Personalizza il testo e l'immagine dell'order bump
• Passaggio 5: Personalizza il design dell'order bump
• Passaggio 6: Imposta lo sconto del tuo order bump
• Passaggio 7: Imposta le regole per attivare l'order bump
• Passaggio 8: Monitora e ottimizza le conversioni del tuo order bump
• Domande frequenti sugli Order Bump di WooCommerce
• Risorse aggiuntive per migliorare le prestazioni del tuo Order Bump

Iniziamo.

Passaggio 1: Installa FunnelKit Funnel Builder

Tra tutti i plugin per order bump di WooCommerce che abbiamo testato, abbiamo scoperto che FunnelKit Funnel Builder offre l'approccio più semplice. Questo plugin ti consente di ottimizzare il tuo flusso di checkout e creare potenti funnel di vendita con il minimo sforzo.

Amiamo FunnelKit come plugin per le offerte aggiuntive perché ha molte regole e impostazioni che puoi personalizzare. Inoltre, presenta design reattivi per le offerte aggiuntive e supporto per tutti i principali tipi di prodotto nel tuo negozio WooCommerce.

Oltre a ciò, FunnelKit offre modelli di checkout personalizzati per aumentare le vendite, funnel per il recupero dei carrelli abbandonati per recuperare potenziali entrate perse e analisi della dashboard per visualizzare le prestazioni del tuo negozio.

Per maggiori informazioni, consulta la nostra recensione dettagliata di FunnelKit Funnel Builder.

Questa guida utilizzerà il piano FunnelKit Builder Plus perché la funzionalità delle offerte aggiuntive è disponibile in quella versione e superiori. Tuttavia, puoi iniziare con la versione gratuita se desideri esplorare le funzionalità di base del checkout WooCommerce prima di impegnarti.

Dopo aver acquistato il tuo piano, otterrai l'accesso al file zip del plugin e alla chiave di licenza. Dovrai quindi installare il plugin. Per maggiori informazioni, consulta la nostra guida su come installare un plugin WordPress.

Quindi, devi attivare la chiave di licenza. Per farlo, vai semplicemente su FunnelKit » Impostazioni dalla tua dashboard di WordPress, naviga nella scheda 'Generale' e seleziona 'Licenza'.

Copia e incolla la chiave di licenza nel campo 'FunnelKit Funnel Builder Pro' e seleziona il page builder predefinito che stai utilizzando. Dopodiché, fai clic su 'Attiva' e poi su 'Salva modifiche'.

Passaggio 2: Personalizza la tua pagina di checkout

Ora che il plugin è attivo, dovrai configurare la tua pagina di checkout WooCommerce.

Per fare ciò, vai su FunnelKit » Store Checkout. Quindi, passa alla scheda 'Store Checkout' e fai clic sul pulsante 'Create Store Checkout'.

FunnelKit offre diversi modelli di checkout progettati per aumentare le vendite. Puoi personalizzarli utilizzando l'editor a blocchi o popolari plugin per page builder come Divi o Bricks.

Assicurati di scegliere la tua piattaforma preferita in cima alla pagina. Quindi, fai semplicemente clic su 'Anteprima' sul tuo modello di checkout preferito.

La maggior parte dei modelli FunnelKit include tre pagine chiave: una pagina di checkout WooCommerce, una pagina di upsell e una pagina di ringraziamento.

Se ti piace l'aspetto del modello, fai clic su 'Import This Funnel'.

Dovrai quindi dare un nome al tuo funnel di checkout, il che è particolarmente utile se prevedi di creare più funnel di checkout in seguito.

Dopo aver inserito il nome, fai semplicemente clic su 'Add'.

Per iniziare la personalizzazione, fai clic sul nome del checkout sopra il pulsante 'Add Order Bump'.

Vedrai varie impostazioni per la tua pagina di checkout.

Nella scheda 'Design', fai clic su 'Edit Block Editor Template' per personalizzare utilizzando la tua piattaforma di editing scelta.

Per passaggi di personalizzazione dettagliati, consulta la nostra guida su come personalizzare la pagina di checkout WooCommerce.

Una volta soddisfatto del design del tuo checkout, puoi passare all'aggiunta della tua offerta di order bump.

Passaggio 3: Aggiungi un Order Bump al Tuo Checkout

Ora che hai configurato la pagina di checkout, aggiungiamo un order bump WooCommerce per aumentare le tue vendite.

Innanzitutto, vai su FunnelKit » Store Checkout. Quindi, fai clic sul pulsante ‘Add Order Bump’.

Apparirà un popup che ti chiederà di nominare l'order bump. Aggiungere un nome descrittivo è particolarmente utile se prevedi di creare più order bump per diverse offerte al momento del checkout.

Una volta inserito un nome, fai clic su ‘Add’.

FunnelKit ti mostrerà quindi diversi design di offerte aggiuntive tra cui scegliere.

Ogni modello è completamente responsive e progettato per aumentare le vendite attirando l'attenzione dei tuoi clienti nel momento giusto.

Puoi scegliere un design che si abbini meglio allo stile del tuo negozio. Dopodiché, fai clic su ‘Import’.

Nel popup di selezione del prodotto, aggiungi il prodotto WooCommerce che desideri visualizzare come offerta order bump. Ti consigliamo di mantenere la semplicità con una sola offerta convincente. Troppe scelte possono sopraffare i clienti e ridurre le conversioni.

Quando sei soddisfatto della tua selezione, fai semplicemente clic su ‘Add’. 

Passaggio 4: Personalizza il testo e l'immagine dell'order bump

Ora, nella scheda ‘Design’, puoi personalizzare il tuo order bump WooCommerce per renderlo più accattivante. Iniziamo rendendo convincente il contenuto della tua casella di offerta bump.

Innanzitutto, assicurati di essere nella scheda ‘Contenuto’. Qui puoi creare il testo perfetto per l'offerta di aggiunta all'ordine. In alto, troverai il campo call-to-action.

Il testo predefinito recita “Sì! Aggiungi {{product_name}} al mio ordine.” Potresti notare del semplice codice HTML in questo campo, che è presente solo per aggiungere stili come colori o testo in grassetto.

Non preoccuparti, è facile da modificare. Puoi semplicemente cambiare le parole all'interno del codice lasciando i tag (come <strong>) al loro posto.

Se non ti senti a tuo agio con questo, puoi semplicemente eliminare l'intera riga e scrivere il tuo testo da zero.

Ti consigliamo inoltre di mantenere il tag di unione {{product_name}} per mostrare dinamicamente il nome del tuo prodotto.

Un tag di unione è come un segnaposto che si riempie automaticamente con le informazioni corrette. Quando qualcuno visualizza la tua pagina di checkout, FunnelKit sostituisce {{product_name}} con il nome effettivo del tuo prodotto senza che tu debba aggiornarlo manualmente.

Alcuni esempi efficaci di call-to-action per la tua offerta di aggiunta all'ordine potrebbero essere:

• “Aggiorna il mio ordine con {{product_name}}“
• “Sì! Vorrei acquistare {{product_name}}“

Nel campo ‘Descrizione’, scrivi una breve ma convincente presentazione della tua offerta al checkout.

Ad esempio, se stai offrendo un upgrade di abbonamento, prova qualcosa del tipo: “Passa ora al nostro piano di 6 mesi e ottieni accesso illimitato a contenuti esclusivi, navigazione senza pubblicità e supporto clienti prioritario.”

Per rendere la tua offerta di aggiunta all'ordine per WooCommerce ancora più dinamica, fai clic sul pulsante ‘Merge Tags’.

Troverai altri tag di unione che potrebbero esserti utili per la tua offerta di aggiunta all'ordine, come:

• {{product_short_description}} – Inserisce la breve descrizione del tuo prodotto WooCommerce
• {{subscription_summary}} – Mostra automaticamente i dettagli dell'abbonamento.
• {{quantity_incrementer}} – Permette ai clienti di modificare la quantità del loro ordine.
• {{variation_attribute_html}} – Visualizza le varianti del prodotto quando necessario.

Sentiti libero di fare clic sull'icona di copia su un tag di unione che desideri utilizzare nella tua descrizione.

Scendendo, vedrai una casella di controllo per aggiungere un testo di offerta esclusiva al tuo ordine bump di WooCommerce. Puoi abilitarla se vuoi rendere la tua offerta più urgente.

Questo tipo di messaggio "esclusivo" può creare un senso di valore speciale e FOMO al checkout.

Inoltre, puoi personalizzare questo testo per adattarlo alla tua offerta. Ecco alcuni esempi efficaci per la tua offerta bump:

• "Offerta unica: disponibile solo ora!"
• "Sconto speciale solo al checkout"
• "Offerta bundle esclusiva: risparmia il 50%"
• "Offerta a tempo limitato: aggiungi subito all'ordine"

L'ultima impostazione nella scheda 'Contenuto' ti consente di scegliere un'immagine da utilizzare nell'order bump. Se non vuoi utilizzare un'immagine, disabilita semplicemente l'interruttore 'Immagine prodotto'.

Altrimenti, devi decidere se utilizzare l'immagine predefinita del prodotto o selezionare l'opzione 'Personalizzata' per caricare un'immagine diversa dal tuo computer.

Una volta scelta un'immagine, puoi modificarne la larghezza e la posizione.

Assicurati di rivedere e regolare tutte le impostazioni finché non sarai soddisfatto di come appare il bump.

Dopodiché, scorri verso l'alto per fare clic sul pulsante 'Salva'.

Passaggio 5: Personalizza il design dell'order bump

A questo punto, puoi passare alla scheda 'Stile' per personalizzare ogni aspetto visivo del tuo order bump di WooCommerce.

Esaminiamo le impostazioni più importanti per creare una casella di offerta bump accattivante.

Innanzitutto, apri la scheda ‘Generale’. Nel menu a discesa ‘Posizione’, puoi scegliere dove visualizzare la tua offerta di ordine aggiuntivo. Ecco le tue opzioni:

• Sopra o sotto il riepilogo dell'ordine
• Sopra o sotto i gateway di pagamento
• Dentro o sopra il carrello mini
• Sopra il modulo di checkout

La posizione migliore per le tue offerte al checkout dipende dal modello scelto e da ciò che stai vendendo. Ti consigliamo di posizionare il tuo ordine aggiuntivo dove sia visibile ma non interrompa il normale flusso di checkout.

Per la maggior parte dei negozi WooCommerce, posizionarlo vicino al riepilogo dell'ordine funziona bene perché i clienti stanno già rivedendo i loro acquisti.

Se non sei sicuro, fai semplicemente clic sul pulsante ‘Anteprima’ per vedere come appare il checkout.

In questa scheda troverai anche altre due impostazioni importanti.

Successivamente, l'impostazione 'Nascondi Order Bump dopo la selezione' rimuove l'offerta una volta accettata.

Questo può essere utile se hai più order bump o vuoi mantenere pulita la pagina di checkout dopo che il cliente ha fatto la sua scelta.

Se apri la scheda ‘Layout’, puoi personalizzare completamente l'aspetto della tua casella di offerta aggiuntiva. Puoi scegliere il colore di sfondo dell'offerta, regolare il padding e modificare gli stili del bordo per abbinarli al design del tuo negozio.

Puoi anche passare tra le modalità ‘Predefinito’ e ‘Hover’ per creare un aspetto diverso quando il cursore si posiziona sull'ordine aggiuntivo.

La scheda ‘Testo Call To Action’ è anch'essa importante per il design del tuo ordine aggiuntivo.

FunnelKit ti consente di personalizzare il colore di sfondo di quella sezione, il colore del testo, la dimensione del carattere e l'aspetto dello stato al passaggio del mouse.

Puoi persino aggiungere una freccia che punta al tuo testo di invito all'azione e abilitare l'impostazione 'Animazione freccia' per renderla animata.

Mentre la freccia predefinita è rossa, puoi scegliere qualsiasi colore che si abbini al tuo design. Assicurati solo che risalti abbastanza da attirare l'attenzione senza stonare con il design del tuo checkout WooCommerce.

L'impostazione successiva è 'Prezzo' per la visualizzazione dei prezzi. Si consiglia di mantenerla visibile e prominente. Prezzi chiari crea fiducia e aiuta i clienti a prendere decisioni rapide.

Puoi regolare la dimensione del carattere e il colore del testo per evidenziare il valore della tua offerta di prodotto.

Se hai abilitato il testo dell'offerta esclusiva, puoi personalizzare la sua dimensione del carattere, il colore del testo e la posizione nella casella dell'offerta bump.

Ricorda di fare clic su 'Salva' una volta che sei soddisfatto delle tue scelte di personalizzazione. 

Passaggio 6: Imposta lo sconto del tuo order bump

Ora, passa alla scheda 'Prodotti' per impostare i prezzi per il tuo ordine bump WooCommerce. Qui, puoi regolare come verrà prezzato il tuo prodotto quando viene visualizzato come offerta bump al checkout.

Dovresti aver già aggiunto un prodotto dal Passaggio 3. Nel campo 'Sconto', puoi scegliere tra questi tipi di sconto:

• Percentuale % sul Prezzo di Vendita
• Percentuale % sul Prezzo di Listino
• Importo Fisso sul Prezzo di Vendita
• Importo Fisso sul Prezzo di Listino

Scegli le opzioni 'Prezzo di Listino' se vuoi scontare dal prezzo originale. Nel frattempo, puoi usare le opzioni 'Prezzo di Vendita' se il prodotto è già scontato e vuoi offrire un affare ancora migliore nella tua offerta di ordine bump.

Assicurati che la tua offerta sia allettante ma ragionevole. Si consiglia uno sconto tra il 15% e il 30%, che è abbastanza alto da essere attraente ma non così alto da svalutare il tuo prodotto WooCommerce.

Se vuoi offrirlo come regalo gratuito, inserisci semplicemente 100 nel campo dello sconto.

Scorrendo verso il basso fino alla sezione 'Impostazioni prodotto', troverai due potenti opzioni su come funziona la tua offerta:

• Aggiungi l'Order Bump agli articoli del carrello: Questo è il classico order bump. Aggiunge il nuovo prodotto al carrello esistente del cliente, aumentando il valore totale dell'ordine.
• Sostituisci un articolo del carrello con l'Order Bump: Questa opzione funziona come un upsell. Sostituisce un articolo nel carrello con uno migliore, come l'aggiornamento da un prodotto standard a una versione premium.

Poiché il nostro obiettivo è aggiungere un prodotto complementare, in questo tutorial ci atterremo alla prima opzione.

Una volta soddisfatto dell'offerta di sconto, scorri di nuovo verso l'alto.

Quindi, fai clic su ‘Salva’.

Passaggio 7: Imposta le regole per attivare l'Order Bump

Finora, abbiamo configurato i prodotti e il design dell'order bump. Ora, impostiamo le regole che decidono esattamente quando l'offerta dovrebbe apparire sulla tua pagina di checkout.

Questo viene fatto utilizzando la logica condizionale. Non lasciare che il termine ti intimidisca; è solo un modo semplice per creare regole 'se-allora' per il tuo negozio.

For example: “IF a customer has a jacket in their cart, THEN show them the offer for a matching scarf.

Per fare ciò, naviga semplicemente nella scheda ‘Regole’. Dopodiché, fai clic su ‘Aggiungi regole’.

Puoi impostare più regole per far apparire l'ordine bump durante il checkout. Le regole possono essere basate sul carrello, sul cliente, sulla geografia, sulla data e ora e/o sul tipo di pagina di checkout che stai utilizzando.

Puoi anche combinare più condizioni in un'unica regola utilizzando il pulsante ‘Aggiungi condizione’.

Nell'esempio seguente, l'ordine bump verrà attivato solo se il cliente acquista più di 1 articolo e sta acquistando una giacca.

Ora, se fai clic sul pulsante ‘Crea gruppo di regole’ sotto una regola, puoi scegliere di far apparire l'ordine bump con una condizione diversa.

Ad esempio, potresti impostare una condizione in cui l'ordine bump appare se il cliente sta acquistando una giacca o una camicia. Questo ti dà la possibilità di promuovere la stessa offerta per prodotti diversi

Ti consigliamo inoltre di aggiungere una regola per impedire che il tuo order bump appaia quando i clienti hanno già il prodotto dell'offerta nel loro carrello. Puoi farlo selezionando:

1. ‘Articoli nel carrello’
2. ‘non contiene’
3. Il tuo prodotto offerta bump

Questo evita situazioni imbarazzanti e mantiene il tuo funnel di checkout fluido.

Una volta soddisfatto delle regole, fai semplicemente clic sul pulsante ‘Salva’ nell'angolo in alto a destra per memorizzare le tue impostazioni.

Vuoi anche fare clic sul pulsante ‘Abilita checkout negozio’ se sei soddisfatto del tuo funnel di checkout personalizzato e vuoi renderlo subito attivo.

Ora puoi testare il tuo processo di checkout per vedere come appare l'order bump di WooCommerce.

Ecco un esempio di come appare sul nostro sito demo.

Passaggio 8: Monitora e ottimizza le conversioni del tuo order bump

Ora che il tuo order bump di WooCommerce è attivo, vorrai monitorare le sue prestazioni per aumentare le vendite in modo efficace. FunnelKit lo rende facile con analisi integrate.

Vai semplicemente su FunnelKit » Checkout Negozio e passa alla scheda ‘Analisi’ per vedere come stanno andando le tue offerte al checkout.

Nella dashboard Analisi, troverai informazioni dettagliate sul tuo funnel di vendita del checkout, incluse le entrate specifiche dalle offerte order bump. Questo ti aiuta a capire quanto reddito extra genera la tua offerta bump per WooCommerce.

La scheda ‘Referrer’ nella sezione Analisi rivela da dove provengono i tuoi clienti convertiti, che si tratti di traffico diretto, Facebook, Google o Instagram.

Questa intuizione ti aiuta a concentrare i tuoi sforzi di marketing dove funzionano meglio.

Puoi anche andare alla scheda ‘Conversioni’ per ulteriori informazioni.

Questa sezione può mostrarti gli ordini totali elaborati tramite il tuo checkout personalizzato. Inoltre, puoi passare il mouse sulla colonna ‘Totale Speso’ per vedere quanto delle tue vendite WooCommerce provengono da order bump.

Vuoi approfondire ulteriormente? Ti consigliamo di collegare Google Analytics per monitorare in modo completo le prestazioni del tuo checkout WooCommerce. Dai un'occhiata alla nostra guida su il monitoraggio delle conversioni di WooCommerce con Google Analytics per le istruzioni di configurazione.

Domande frequenti sugli Order Bump di WooCommerce

Here are some questions that our readers frequently ask about WooCommerce order bumps:

What kind of products work best for an order bump?

The best products for an order bump are directly related to the items already in the customer’s cart. Think of low-cost, high-value add-ons that are an easy decision, like a cleaning kit for a camera or an extended warranty for an electronic device.

How many order bumps should I offer at once?

We recommend showing just one highly relevant order bump at a time. Presenting too many choices can overwhelm your customers and might distract them from completing the main purchase.

Can I offer a free product as an order bump?

Yes, offering a free gift is a great strategy for building customer goodwill and increasing conversions. For free items, it’s a good practice to have the order bump pre-selected so the customer doesn’t miss out.

Where is the best place to position an order bump?

The most effective placements for an order bump are near the order summary or just above the payment options. At this point, customers are reviewing their purchase details, making them more receptive to a relevant last-minute offer.

Risorse aggiuntive per migliorare le prestazioni del tuo Order Bump

To further optimize your order bump performance, you can explore these related guides:

• Come mostrare i prodotti più acquistati insieme in WooCommerce
• Come mostrare raccomandazioni di prodotti in WordPress
• Come creare un funnel di vendita ad alta conversione in WordPress
• Come ottimizzare il percorso del cliente per un negozio WooCommerce

Speriamo che questo articolo ti abbia aiutato a imparare come creare un order bump per WooCommerce. Potresti anche voler consultare le nostre scelte di esperti dei migliori plugin per punti e premi di WooCommerce e la nostra guida su come vendere bundle di prodotti in WooCommerce.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.