Questa settimana ti mostreremo come creare forme abbonamento avendo una ruota della fortuna con Divi e il Plug-in WP Optin Wheel. Spero che questo tutorial ti aiuti ad aumentare i tassi di conversione. La funzione di gioco d'azzardo di Lucky Wheel Optin Form ti permetterà di interagire con i visitatori e ricompensarli con un codice di sconto che possono utilizzare per i loro acquisti online.

Andiamo!

Panoramica

Prima di immergerci nel tutorial, diamo una rapida occhiata al risultato su schermi di dimensioni diverse.

Anteprima dei risultati della ruota OptinInstaller WooCommerce

Ricerca di plug-in e installazione

Se non l'hai ancora fatto, la prima cosa da fare è installare  WooCommerce sul tuo sito Web WordPress. Chiederemo anche di utilizzare il file pacchetto layout negozio di ferramenta sul sito Divi su cui stai lavorando.

Vai ai tuoi plugin e trova WooCommerce. Una volta trovato, fai clic sul pulsante "Installa ora".

Installa woocommerceattivare

Assicurati di attivare il plugin WooCommerce immediatamente.

Attiva il plugin woocommerceConfigura WooCommerce

Quindi WooCommerce ti reindirizzerà automaticamente al suo forma configurazione. Qui dovrai inserire tutti i dettagli per preparare il tuo negozio ad essere attivo. Una volta terminato questo processo, tutte le pagine WooCommerce necessarie verranno automaticamente aggiunte al tuo sito web.

Pagina delle impostazioni di Woocommerce

Installa il plugin WP Optin Wheel

Ricerca di plug-in e installazione

Per creare il modulo di opt-in di Lucky Wheel, useremo un plug-in di ludificazione gratuito chiamato WP Optin Wheel . Torna ai tuoi plugin e trova il plugin WP Optin Wheel. Quindi fare clic sul pulsante "Installa ora". È quindi necessario attivare il plug-in.

Installa wp optin wheel

Aggiungi prodotti a WooCommerce

Aggiungi un nuovo prodotto

Se stai già gestendo un sito di e-commerce, puoi saltare questa parte. Se stai solo cercando di provare qualcosa, ti consigliamo di aggiungere prodotti al tuo plugin WooCommerce. Questo ti aiuterà a testare il modulo di optin della ruota fortunata in un secondo momento. Per aggiungere un nuovo prodotto, vai a Prodotti> Aggiungi nuovo .

Aggiungi prodotti woocommerceAggiungi i dettagli del prodotto

Compila tutti i dettagli del prodotto. Ciò include, ma non è limitato a, il nome del prodotto, la descrizione, l'immagine in primo piano, il prezzo e la categoria. Pubblica la pagina del prodotto una volta terminata l'aggiunta di questi dettagli.

Aggiungi i dettagli del prodottoRipetere l'operazione per ciascun prodotto

Ripeti lo stesso passaggio per ciascuno dei prodotti che desideri aggiungere al tuo sito Web.

Prodotti Woocommerce

Aggiungi coupon a WooCommerce

Vai ai coupon

Ora è il momento di aggiungere coupon. Più avanti in questo articolo, utilizzeremo i coupon che abbiamo creato come ricompensa. Accedi al tuo Dashboard di WordPress> WooCommerce> Buoni . Una volta lì, inizia a creare il tuo primo coupon.

Codice promozionale Woocommerce

Aggiungi coupon n ° 1: sconto 5%

generale

Nella ruota della fortuna a 12 fette, puoi decidere quante fette includere un premio. Puoi, ad esempio, offrire 4 premi e creare un coupon diverso per ciascuno di essi. Puoi anche utilizzare un coupon per più punti sulla ruota. Dopo aver creato il tuo primo coupon, vai avanti e inserisci il codice del coupon nella parte superiore della pagina. Quindi modificare le impostazioni generali:

  • Tipo di sconto: sconto percentuale
  • Cedola: 25
  • Data di scadenza del coupon: inserisci la data che preferisci

Crea un codice promozionale per woocommerceLimitazioni d'uso

Continua passando alle schede delle limitazioni d'uso. Qui puoi decidere se esiste una spesa minima e massima relativa al coupon. Puoi anche selezionare le seguenti caselle:

  • Seleziona questa casella se il coupon non può essere utilizzato con altri coupon.
  • Seleziona questa casella se il coupon non deve essere applicato agli articoli in saldo. I coupon per articolo funzioneranno solo se l'articolo non è in saldo. I coupon per carrello funzioneranno solo se nel carrello sono presenti articoli che non sono in vendita.

Restrizione del coupon di WoocommerceRipetere i passaggi per gli altri coupon 3

Crea tutti i coupon che desideri seguendo gli stessi passaggi sopra menzionati. Non sei limitato a offrire una percentuale di sconto. Puoi anche creare un coupon che offre uno sconto fisso su un carrello o un prodotto e includerlo nella ruota della fortuna.

Elenco dei codici promozionali woocomerce

Crea un modulo Optin Lucky Wheel

Vai alle impostazioni del plugin

Ora che abbiamo attraversato tutti i passaggi necessari per far funzionare la ruota della fortuna, possiamo iniziare a crearne uno! Accedi al tuo cruscotto WordPress > WP Optin Wheel .

Wp optin ruotaAggiungi una chiave API MailChimp

Prima di poter creare una Lucky Wheel, devi aggiungere la tua chiave API MailChimp. La versione gratuita del plug-in WP Wheel Optin offre solo l'integrazione con MailChimp. Se vuoi collegare la ruota della fortuna con un altro provider, devi eseguire l'aggiornamento alla versione premium.

Campo MailchimpCrea una nuova ruota

Scegli un tema

Iniziamo a creare la ruota! Scegli una tavolozza di colori a tua scelta. Per questo tutorial, scegliamo l'arancione perché si adatta bene alla tavolozza dei colori di Pack di layout dell'hardware store .

Seleziona una ruota della fortuna

Possibilità di installazione

Il prossimo passo nella creazione del tuo forma l'iscrizione alla route de la fourtune consiste nella scelta di una percentuale di successo. Questa percentuale indica quante volte le persone vincono qualcosa facendo girare la ruota. In questo caso, ogni visitatore che gira la ruota ha una probabilità del 70% di vincere un codice promozionale.

Definisci le possibilità di successoFette di installazione

Continua configurando le 12 diverse fette. Puoi dedicare ciascuna delle sezioni a una delle seguenti tre opzioni:

  • Nessun prezzo: il visitatore non guadagna nulla
  • Le ultime notizie: il visitatore vince un codice promozionale
  • link: i visitatori vincono un ebook, ad esempio

In questo esempio, utilizziamo 4 delle 12 sezioni per aggiungere un codice coupon. Inoltre, impostiamo individualmente le probabilità per ciascuna di queste sezioni.

Definisci le fette della ruota

Configurazione del form builder

Il passaggio successivo ti aiuterà a creare il file forma abbonamento stesso. Noterai che qui è già presente un campo email. L'unico altro tipo di campo che puoi aggiungere al modulo di registrazione è una casella di controllo. Hanno aggiunto appositamente questo tipo di campo per rendere il modulo conforme al GDPR.

Aggiungi un modulo di iscrizione alla ruota della fortunaConfigura il modulo

Impostazioni del contenuto

Quindi puoi configurare il contenuto scritto della forma della ruota fortunata. Vai avanti e modifica tutti i contenuti in modo che corrispondano al tuo sito web.

Definisci le opzioni del forum di iscrizioneParametri di progettazione

Quindi apri le impostazioni del disegno e scegli "nessun motivo" per l'opzione del motivo di sfondo.

Parametro di progettazione della ruota della fortuna

Parametri comportamentali

Hai anche la possibilità di scegliere quando appare il modulo opzionale Lucky Wheel nelle impostazioni del comportamento.

Parametri di comportamento della ruota della fortuna

GDPR

Ultimo ma non meno importante, puoi assicurarti che i dati condivisi dai visitatori non verranno salvati a meno che non abbiano spuntato le varie caselle sul tuo modulo di registrazione e il gioco è fatto! Salva il modulo di registrazione Lucky Wheel e vai al tuo sito web per provarlo.

Denière sezione configurazione ruota della fortunaPanoramica

Ora che tutti i passaggi sono stati eseguiti, diamo un'ultima occhiata a cosa è successo con schermi di dimensioni diverse.

Anteprima risultato ruota della fortunaConsiderazioni finali

Speriamo che questo tutorial ti aiuti a creare i tuoi elenchi di posta elettronica in modo più rapido e interattivo. Se hai domande o suggerimenti, assicurati di lasciare un commento nella sezione commenti qui sotto!