Come creare un popup lightbox sul tuo sito (passo dopo passo)

Cerchi un modo per creare un popup lightbox per il tuo sito?

Un popup lightbox può essere incredibilmente efficace per acquisire lead. Sono progettati per convincere e convertire.

Ma doverne programmare uno da zero è una vera seccatura. Per prima cosa, dovresti conoscere abbastanza HTML, CSS e Javascript per creare il popup insieme alle regole di attivazione per quando mostrarlo. Quindi, dovresti creare un'integrazione manuale con il tuo provider di servizi di posta elettronica. E infine, dovresti affrontare qualsiasi problema di privacy e sicurezza.

Buone notizie: c'è un modo molto più semplice.

In questo articolo, ti mostreremo come avviare un popup lightbox senza codifica in meno di 10 minuti.

Immergiamoci.

Che cos'è un popup lightbox?

Un popup lightbox è un modulo di attivazione che si apre con un effetto cinematografico. Quando viene visualizzata una lightbox, sfoca il resto del sito sullo sfondo. In questo modo, tutta la tua attenzione è sul popup.

In origine, il concetto di lightbox deriva dalla pubblicità esterna:

E poi, alcuni sviluppatori hanno pensato che questo fosse un effetto davvero interessante e hanno creato una libreria Javascript per ricreare lo stesso effetto sulle risorse web. Successivamente, è nata l'idea di utilizzare i popup lightbox.

Perché i popup lightbox funzionano

I popup lightbox acquisiscono più e-mail rispetto a un modulo di attivazione e-mail tradizionale.

Ma perché funzionano?

Diamo una rapida occhiata ai motivi principali per cui i popup lightbox funzionano così bene.

# 1. I popup lightbox presentano un chiaro invito all'azione

La maggior parte delle persone crede che sia un'ottima cosa offrire ai propri clienti molte opzioni.

Ma non è proprio vero.

Se stai cercando conversioni dirette, desideri un invito all'azione unico e chiaro su cui il tuo pubblico può concentrarsi. In questo modo, rimuovi tutte le distrazioni dalla mente dell'utente. E i popup lightbox fanno un ottimo lavoro nell'evidenziare la tua offerta principale e convincere le persone a concentrarsi sul tuo invito all'azione.

Quindi, naturalmente, i tassi di conversione sono piuttosto grandi.

#2. I popup lightbox sono impossibili da ignorare

I popup lightbox occupano l'intero schermo e sfocano tutto il resto. Quindi, è praticamente impossibile ignorarli.

Ciò è particolarmente vero se sono animati:

Ovviamente, devi assicurarti che i tuoi popup non siano invadenti. E puoi farlo personalizzando quando attivare diversi popup sul tuo sito. Finché il tuo pubblico non è infastidito dall'interruzione, puoi facilmente convincerlo e convertirlo.

#3. I popup lightbox hanno trigger personalizzati

Non dovresti mostrare la stessa offerta a tutti i tuoi visitatori web. Se gestisci un negozio di eCommerce, avrai bisogno di offerte molto diverse per i clienti nuovi e quelli di ritorno.

Per un nuovo cliente, puoi attivare una campagna di benvenuto:

Ma per un cliente di ritorno, potresti voler inviare loro un'offerta diversa:

Nota come gli importi dello sconto per entrambe le offerte siano esattamente gli stessi. Ma il modo in cui è inquadrata l'offerta è drasticamente diverso. E questo è estremamente importante perché i popup lightbox sono creati per effetti teatrali. Quindi, un approccio più personalizzato ti porterà sicuramente risultati molto migliori.

Potresti persino personalizzare l'offerta in base alle preferenze di contenuto del tuo utente. Se stanno leggendo un articolo sulle ricette per la cena, ha più senso mostrare loro un'offerta relativa alle ricette per la cena piuttosto che mostrare loro un'offerta per le auto.

#4. I popup lightbox possono catturare l'abbandono dei visitatori

I lightbox sono solo un metodo per visualizzare il tuo popup. Quindi, non c'è davvero nulla che ti impedisca di personalizzare il trigger nella misura che desideri. Ti consigliamo di creare popup lightbox con intento di uscita.

I popup con intento di uscita vengono attivati ​​quando i tuoi visitatori tentano di uscire dal tuo sito web. Di conseguenza, mantieni un numero enorme di visitatori che altrimenti avrebbero abbandonato il tuo sito. Quindi, se soffri di abbandono del sito, dovresti assolutamente creare un popup lightbox con intento di uscita.

Come creare un popup lightbox

Ora che capisci cos'è un popup lightbox e perché vorresti crearne uno, come si fa a creare un popup lightbox? Ti consigliamo di utilizzare OptinMonster per creare i tuoi popup.

OptinMonster è il toolkit di conversione numero 1 al mondo e lo abbiamo utilizzato noi stessi. OptinMonster semplifica la creazione di potenti popup che convertono. E non dovrai mai usare alcun codice.

Abbiamo anche scritto una recensione completa di OptinMonster.

Puoi verificarlo o iniziare subito con la tua campagna. Tutto quello che devi fare è iscriverti a OptinMonster e seguire il resto di questo articolo.

Passaggio 1: crea una campagna

Vai alla dashboard di OptinMonster e premi il pulsante Crea :

Seleziona il tipo di campagna popup lightbox :

Quindi, scegli un modello di campagna. Puoi scegliere il modello che preferisci, ma per questo tutorial utilizzeremo il tipo di campagna Semplice .

Ora dai un nome alla tua campagna. Ricorda, il nome di questa campagna è per te e probabilmente creerai un sacco di questi popup con diverse opzioni di targeting. Quindi, dai alla campagna un nome significativo o finirai per essere davvero confuso in seguito.

Inoltre, a seconda del tuo piano, puoi anche utilizzare OptinMonster su più siti. Quindi, seleziona anche il sito Web in cui desideri visualizzare la tua campagna.

Premi Inizia a costruire quando hai finito.

Passaggio 2: modifica il tuo popup

Con OptinMonster, otterrai un generatore di popup drag and drop visivo. Una volta che hai finito di creare la tua campagna, sarai in grado di modificare anche i più piccoli dettagli sul tuo popup. Inizia modificando il titolo del popup:

La parte più sorprendente qui è che fai semplicemente clic sul testo che desideri modificare e cambialo in linea. Non è necessario compilare un modulo o modificare alcun codice HTML nel popup.

Quindi, regola il testo e l'aspetto del pulsante per creare un chiaro invito all'azione:

Quando sei soddisfatto dell'aspetto del tuo popup, puoi passare a impostazioni più avanzate.

Passaggio 3: imposta le regole di visualizzazione

Le regole di visualizzazione hanno lo scopo di definire quando la tua campagna viene visualizzata sul tuo sito e chi la vede.

La nostra raccomandazione è di modificare la condizione di attivazione in exit-intent:

Fare clic su Passaggio successivo per scegliere l' azione . Qui, ti consigliamo di impostare Mostra la visualizzazione della campagna su Visualizzazione ottimizzata, impostare lo spettacolo con MonsterEffect su qualsiasi animazione di ingresso che ti piace e riprodurre l'effetto sonoro su qualsiasi effetto sonoro per il tuo popup.

E quindi, fai clic sul pulsante Passaggio successivo . Puoi vedere l'intera portata delle tue impostazioni nella scheda Riepilogo.

Passaggio 4: imposta la tua integrazione e-mail

Il passaggio successivo consiste nell'impostare l'integrazione e-mail. Fai clic su Aggiungi nuova integrazione dalla scheda Integrazioni e seleziona il tuo provider di servizi di posta elettronica:

Ti consigliamo di utilizzare Drip per il tuo email marketing se non disponi già di un provider di servizi di posta elettronica.

Passaggio 5: pubblica il tuo popup lightbox

Quando crei una nuova campagna, viene messa in pausa per impostazione predefinita.

Vai alla scheda Pubblica dal menu in alto per vedere le Opzioni di pubblicazione . Quindi, imposta lo stato su Pubblica e seleziona la piattaforma del sito Web:

Se stai utilizzando un sito WordPress, il plug-in OptinMonster gestisce automaticamente il resto della configurazione. È lo stesso per Shopify e BigCommerce. Per qualsiasi altro sito, fai clic su Qualsiasi sito e incolla il codice di incorporamento nella testa del tuo sito Web:

E hai finito!

Avvolgendo

Questo è tutto per questo, gente!

Facci sapere se questo articolo ha aiutato. La creazione di popup sul tuo sito può aiutarti a convertire il tuo traffico in abbonati e-mail e contatti commerciali autentici. E ti consigliamo vivamente di iniziare subito a creare popup lightbox.

E se stai cercando un modo conveniente per aumentare il tuo traffico, ti consigliamo di utilizzare le notifiche push. Le notifiche push possono aiutarti a portare più traffico ripetuto e coinvolgimento del sito. Puoi anche creare campagne di notifiche push automatizzate che generano vendite.

Non convinto? Dai un'occhiata a queste risorse:

• 7 strategie intelligenti per aumentare il coinvolgimento dei clienti
• Le notifiche push sono efficaci? 7 statistiche + 3 consigli degli esperti
• Come impostare le notifiche push del carrello abbandonato (esercitazione semplice)

Ti consigliamo di utilizzare PushEngage per creare le tue campagne di notifica push. PushEngage è il software di notifica push numero 1 al mondo. Quindi, se non l'hai già fatto, inizia oggi stesso con PushEngage!