Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aggiungere una barra per la spedizione gratuita in WooCommerce

Nota editoriale: guadagniamo una commissione dai link dei partner su WPBeginner. Le commissioni non influenzano le opinioni o le valutazioni dei nostri redattori. Per saperne di più su Processo editoriale.

Offrite la spedizione gratuita nel vostro negozio WooCommerce?

L’offerta di spedizione gratuita è un modo comprovato per ridurre l’abbandono del carrello e aumentare la conversione complessiva delle vendite. Il problema è che la maggior parte dei proprietari di negozi non riesce a mettere in evidenza l’offerta di spedizione gratuita.

In questo articolo vi insegneremo come aggiungere una barra di spedizione gratuita in WooCommerce per incrementare le vendite.

Adding a free shipping bar in WooCommerce

Aggiunta di una barra di spedizione gratuita in WooCommmerce

Le spese di spedizione sono una delle ragioni principali delle vendite a carrello abbandonato. Molti negozi online affrontano questo problema offrendo la spedizione gratuita.

Far conoscere ai clienti la vostra offerta di spedizione gratuita è un ottimo modo per incrementare le vendite del vostro negozio online.

Ecco un esempio di banner per la spedizione gratuita. Si tratta di un elemento di spicco del sito web che rimane in cima allo schermo mentre l’utente scorre verso il basso:

Free shipping bar example

Come si può vedere, il negozio di esempio qui sopra incoraggia gli utenti a spendere un certo importo per ottenere la spedizione gratuita. Questo è ottimo per aumentare il valore dell’ordine del carrello e il volume complessivo delle vendite.

È possibile attivare la spedizione gratuita incentivata utilizzando il plugin Advanced Coupon per WooCommerce.

Indipendentemente dal modo in cui si abilita la spedizione gratuita, è fondamentale evidenziarla correttamente sul sito, ed è qui che entra in gioco una barra di spedizione gratuita.

Per creare la barra di spedizione, utilizzeremo OptinMonster. È uno strumento potente per creare tutti i tipi di popup per WordPress.

Creazione di un account OptinMonster e connessione a WordPress

Per prima cosa, è necessario visitare il sito web di OptinMonster e registrare un account. È il miglior software di lead generation e plugin di ottimizzazione delle conversioni per WordPress.

Nota: OptinMonster è stato creato da Syed Balkhi, fondatore di WPBeginner. È uno strumento di optin estremamente popolare che utilizziamo qui su WPBeginner e che consigliamo vivamente.

OptinMonster

Per maggiori dettagli, potete leggere la nostra recensione completa di OptinMonster.

Dopo aver effettuato l’iscrizione a OptinMonster, il passo successivo consiste nell’installare e attivare il plugin gratuito OptinMonster per WordPress. Consultate la nostra guida passo passo su come installare un plugin per WordPress.

Questo plugin collega l’applicazione OptinMonster al vostro sito WordPress. Dopo averlo attivato, cliccate sul menu OptinMonster nella vostra dashboard di WordPress. Quindi, fate clic sul pulsante “Connetti il tuo account” e collegate WordPress al vostro account OptinMonster.

Connect OptinMonster to your WordPress site

Creazione di una barra di spedizione gratuita per WooCommerce

Ora è possibile creare la barra banner per la spedizione gratuita.

Per prima cosa, andate alla pagina di OptinMonster nella vostra dashboard di WordPress e poi fate clic sul pulsante “Aggiungi nuovo” in alto a destra o sul pulsante “Crea la tua prima campagna”.

Create new campaign

Si aprirà una nuova finestra popup in cui si potranno scegliere modelli o playbook.

OptinMonster offre bellissimi modelli per la vostra campagna. Potete sceglierne uno e personalizzarlo in base alle vostre esigenze. D’altra parte, offre anche campagne pronte all’uso ispirate a marchi di successo.

Per questa esercitazione, selezioneremo l’opzione “Modelli”.

Select a template or playbook

Si accede così al costruttore di campagne di OptinMonster.

Qui è necessario selezionare “Floating Bar” come tipo di campagna.

Choose floating bar campaign

Quindi, scorrete verso il basso e scegliete il modello della vostra campagna. OptinMonster offre una vasta gamma di modelli professionali tra cui scegliere. Portate il cursore del mouse sul modello e fate clic sul pulsante “Usa modello”.

OptinMonster vi chiederà ora di dare un nome alla vostra campagna. Potete utilizzare qualsiasi nome di vostro gradimento.

Enter a name for your campaign

Una volta pronti, è sufficiente fare clic sul pulsante “Inizia a costruire”.

Verrà quindi visualizzata l’interfaccia del costruttore di OptinMonster, dove sono presenti diversi blocchi che è possibile aggiungere al modello.

Customize the floating alert bar

Per impostazione predefinita, la barra fluttuante rimane nella parte inferiore dello schermo. Se invece la si vuole nella parte superiore dello schermo, è facile cambiarla.

È sufficiente selezionare la barra fluttuante e fare clic su “Impostazioni della barra fluttuante” nel menu a sinistra. Attivare quindi l’opzione “Caricare la barra fluttuante in cima alla pagina?”.

Move the alert bar to the top

Per modificare il testo della barra, è sufficiente fare clic su di essa.

È possibile personalizzare il testo secondo le proprie esigenze. È inoltre possibile modificare lo stile del carattere, il colore, la dimensione del carattere e altro ancora. L’anteprima della campagna si aggiornerà automaticamente per mostrare il suo aspetto dal vivo.

Qui abbiamo cambiato il testo e il carattere. Abbiamo anche aumentato leggermente la dimensione dei caratteri:

Edit text of free shipping bar

È possibile modificare anche il pulsante della barra delle spedizioni gratuite.

È sufficiente fare clic sul pulsante e le impostazioni si apriranno nel pannello di sinistra. È possibile modificare il testo del pulsante.

Edit button text and settings in free shipping alert bar

Per indirizzare i clienti a una pagina del vostro sito WordPress sulla spedizione gratuita, potete inserire l’URL di reindirizzamento corretto.

Se si desidera utilizzare un colore diverso per la barra delle spedizioni gratuite, anche questo è facile. Per prima cosa, fate clic sulla scheda ‘Avanzate’ dal menu a sinistra e modificate il colore di sfondo del pulsante.

Edit button color and effects

Successivamente, dovrete selezionare le regole di visualizzazione che controllano chi deve vedere la barra delle spedizioni gratuite sul vostro sito.

È sufficiente fare clic sulla scheda “Regole di visualizzazione” nella parte superiore dello schermo.

Setting your display rules in OptinMonster

Per impostazione predefinita, OptinMonster visualizza la barra fluttuante dopo che l’utente è rimasto per 5 secondi su una qualsiasi pagina del sito.

Si potrebbe desiderare che la barra di spedizione gratuita venga caricata istantaneamente. Per farlo, è sufficiente rimuovere questa regola. Fare clic sull’icona meno a destra per farlo:

Have your free shipping bar appear instantly

Ora dovrebbe rimanere la regola “Il percorso dell’URL corrente è una pagina qualsiasi”.

Il passo finale consiste nel rendere attiva la campagna sul vostro sito. Fare clic sulla scheda “Pubblica” nella parte superiore dello schermo. Durante la creazione della campagna, questa è in pausa per impostazione predefinita. È possibile passare dalla Bozza alla Pubblicazione.

Publish free shipping bar

Una volta terminato, è sufficiente fare clic sul pulsante “Salva” e chiudere il costruttore di campagne.

Successivamente, verranno visualizzate le Impostazioni di output della campagna per la barra di avviso di spedizione gratuita. Assicuratevi che lo stato sia Pubblicato, oppure fate clic sul menu a discesa e cambiatelo da In attesa a Pubblicato.

Free shipping bar output settings

Non dimenticate di fare clic sul pulsante “Salva modifiche” una volta terminato.

Ora potete visitare il vostro blog o sito web WordPress e vedere la barra delle spedizioni gratuite in diretta.

Ecco un’anteprima dell’aspetto di una barra di avviso sul nostro sito demo di shopping.

Free shipping bar preview

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere una barra di spedizione gratuita in WooCommerce. Potreste anche dare un’occhiata al nostro elenco dei migliori plugin WooCommerce per il vostro negozio online e al nostro confronto dei migliori servizi telefonici aziendali con funzioni di instradamento intelligente delle chiamate.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

1 commentoLascia una risposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.