Come creare popup su WordPress

Immagine avatar per Andrea Di Rocco

Pubblicato da Andrea Di Rocco in

1K+ Visite sul post corrente.

Come creare popup su WordPress

Ti è mai interessato creare popup su WordPress?

Hai appena lanciato la tua newsletter e vuoi che tutti gli utenti che visitano il tuo sito si iscrivano?

Stai promuovendo un’offerta imperdibile a cui vuoi dare maggiore visibilità?

In entrambi questi casi, così come in tanti altri, i popup sono lo strumento ideale.

Eccoti quindi un tutorial che spiega il sistema migliore per questo scopo.

Ti parlerò dello strumento che anche noi utilizziamo spesso, OptinMonster, e ti illustrerò tutti i suoi vantaggi.

Questa è solamente una guida di base per mostrarti le sue funzionalità principali.

Se ti interessa approfondire l’argomento e hai bisogno di supporto tecnico o consigli strategici, contatta il nostro reparto Servizi.

Perché creare popup su WordPress?

La risposta è semplice. Perché i popup (cioè, quelle finestre che appaiono inaspettatamente sovrapposte alla pagina web) hanno la capacità di attrarre l’attenzione dell’utente, in quanto interrompono quello che stanno facendo sul sito.

La natura stessa dei popup, intenzionalmente un po’ ‘fastidiosa’, ci insegna però a non abusarne.

I popup dovrebbero essere usati solo per attrarre l’attenzione dell’utente su ciò che può realmente essere di suo interesse.

In poche parole, qualcosa che non vorrebbe perdersi.

Come creare popup su WordPress con OptinMonster

Come creare popup su WordPress con OptinMonster

Come ho già anticipato, OptinMonster è lo strumento che uso anche per SOS WP.

È uno degli strumenti che possono facilitare la sottoscrizione a una newsletter, come spiegato anche nel corso WordPress.

OptinMonster ha molte funzionalità. L’unica pecca è che non è gratuito.

Ha un costo a partire da $9/mese.

Ci sono comunque tante alternative gratuite per la creazione di popup su WordPress, ma ti consiglio di leggere prima questa guida per scoprire cosa puoi fare con il tool che ti sto per presentare.

Dashboard

Se deciderai di usare OptinMonster, effettuato il login ti troverai sulla dashboard.

Qui vedrai la lista di tutti gli Optin form (cioè, i popup) che hai creato, con i principali dati statistici (visualizzazioni e conversioni), la possibilità di duplicarli ed anche cancellarli.

Creare un nuovo popup

Optin Type

Cliccando ‘Create new campaign’ dalla Dashboard, sarai portato su una schermata dove selezionare uno dei tipi di popup da creare.

Scegliendo ‘Popup’, potrai creare il classico riquadro che si sovrappone alla pagina, e personalizzare il suo aspetto scegliendo tra vari colori, font, eccetera.

Se invece selezioni la tipologia di campagna Slide-in, creerai un popup che scorre dal lato dello schermo fino all’interno della pagina, mentre Fullscreen è il tipo di popup che occupa tutto lo schermo.

Infine, troverai Floating bar, cioè la barra che rimane nella parte alta della pagina, e Inline, ossia il form verrà incorporato all’interno della pagina.

Scelto il tipo di popup, dovrai crearlo!

Configurazioni Optin

Personalizza OptinForm per creare pop up su WordPress

Cliccando i vari elementi interni al popup, potrai personalizzarne l’aspetto e le funzionalità.

Per esempio, cliccando sul campo email, potrai lavorare sulle opzioni relative all’Email Field.

Quindi, il testo segnaposto da inserire nel campo, il colore del testo, il font, eccetera.

Funzionalità Yes/No

Questa è una funzionalità molto interessante offerta da OptinMonster.

Abilitandola, gli utenti avranno la scelta di due bottoni da cliccare: uno per ‘accettare’ quanto proposto nel popup, un’altra per chiuderlo.

Anche in questo caso, attivando la funzionalità sono disponibili diverse opzioni di personalizzazione.

Opzioni per il ‘Successo’

Oltre a creare popup su WordPress, con OptinMonster potrai anche gestire cosa succede quando l’utente completa l’azione suggerita nel popup.

Per esempio, potrai portare l’utente su una pagina di ringraziamento, mostrare un messaggio sulla stessa pagina, chiudere il popup, eccetera.

Questa è una funzionalità non da poco, in quanto ti permette di ottimizzare e personalizzare al massimo i tuoi flussi di marketing.

Display Rules

Bene, siamo arrivati ad una funzionalità molto importante, ovvero quella che permette di gestire tutte le opzioni di visualizzazione.

Come abbiamo visto, è importante che i popup siano visualizzati al momento ed agli utenti giusti.

Questo è importante per assicurarsi di mostrare offerte e risorse pertinenti agli interessi dei visitatori.

OptinMonster ha diverse opzioni per gestire la visualizzazione dei popup.

Per esempio, potrai configurare il popup in modo che questo sia mostrato:

  • Dopo un determinato numero di secondi
  • Quando l’utente prova ad abbandonare la pagina
  • Dopo che l’utente ha scorso una porzione sufficientemente della pagina
  • In base al giorno e all’ora della visita sul sito

Potrai anche impostare i popup in modo che siano visualizzati solo ad utenti che visitano determinate pagine.

In questo caso, ti consiglio di usare il plugin per integrare OptinMonster con WordPress, che ti permetterà di applicare queste regole in modo veramente molto semplice (di fatto, potrai scegliere una per una le pagine su cui far apparire il popup).

Strumenti di analisi

Il bello di OptinMonster è che ti permetterà anche di analizzare la performance dei tuoi popup.

Di fatto, la performance che si misura è la cosiddetta conversion rate: cioè, quanti utenti completano l’azione richiesta nel popup, rispetto a quanti lo visualizzano.

Il tutto viene mostrato su un grafico, e vengono anche elencati gli URL delle pagine su cui il popup ha avuto una performance migliore.

Split testing

Se tutto questo non bastasse, OptinMonster ti permetterà anche di creare A/B split test per i tuoi popup.

Cioè, di creare due popup distinti, che saranno però utilizzati nel contesto di una stessa campagna (saranno visualizzati in modo alternato agli utenti).

Con i dati di analisi alla mano, potrai quindi individuale quale dei due popup che hai testato ha una performance migliore.

Conclusione

Come vedi, OptinMonster è uno strumento estremamente flessibile per creare popup su WordPress.

In questa guida ti ho presentato le principali funzionalità, però ce ne sono tante altre da scoprire.

Hai mai pensato di creare popup su WordPress?

Hai per caso usato un altro strumento, magari gratuito, che ci vorresti consigliare?

Come sempre, aspetto il tuo commento qui sotto al post.

Alla prossima guida.

Guide correlate:

Immagine di Andrea Di Rocco autore articoli SOS WP
Andrea Di Rocco Fondatore di SOS WP™
La mia passione per WordPress mi ha portato negli ultimi 10 anni a voler aiutare sempre più persone a creare blog e siti web in WordPress in completa autonomia. Spero che troverai utili le oltre 700 guide su WordPress e sulla SEO che ho pubblicato su questo blog. Se ne hai voglia ti invito a leggere la mia storia, cliccando sul pulsante qui sotto.
21Commenti
Lascia un commento
  1. Immagine avatar per Gianluca
    Gianluca

    Ciao Andrea,

    ho creato un pop up che, all’apertura della home-page, invita l’utente ad iscriversi alla newsletter. Una volta completato il processo double-optin interno al servizio di mail-marketing, lo stesso utente viene indirizzato nuovamente sul sito. A questo punto però vorrei che il pop-up in questione non venisse più visualizzato perché rischierebbe di confondere o bloccare la navigazione.

    Per il pop-up di apertura ho usato popup maker, versione free ma sono disposto anche a cambiare o a passare alla versione a pagamento se questo tipo di opzione fosse disponibile. In più, presumo, questo tipo di servizio dovrebbe essere integrato con il servizio mail-marketing che sto usando, nella fattispecie Sendinblue.

    Potrei avere un consiglio al riguardo?

    Grazie e complimenti ancora per i corsi su wordpress.

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Gianluca hai impostato dei Trigger per il Pop up? Vedi in merito questa guida.

  2. Immagine avatar per Antonio
    Antonio

    Salve,
    grazie per l’articolo è molto interessante.
    Avrei una domanda al riguardo, non c’è il rischio che questi popup blocchino la navigazione agli spider
    esattamente come bloccano l’utente? Oppure alcuni sono progettati di default per consentire la navigazione agli spider?
    Grazie

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Antonio, fai riferimento ad un tipo specifico di pop up o il tuo è un discorso generale?

    2. Immagine avatar per Antonio
      Antonio

      Sì, il mio discorso è generale volevo capire se questi popup bloccano i contenuti anche agli spider.
      Anzi qualora fosse proprio così, potreste indicarmi plugin per popup che evitano questo bloccaggio degli spider, sempre che esistano?
      Grazie

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Antonio, no, non bloccano i contenuti per gli spider 🙂 Il punto rimane quello di non creare pop up troppo invasivi, che bloccano i contenuti e che quindi penalizzano l’esperienza utente. Un utilizzo eccessivo di pop up può infatti penalizzare il sito nei risultati sui motori di ricerca.

    4. Immagine avatar per Antonio
      Antonio

      Grazie mille per la risposta.

  3. Immagine avatar per Silvestre
    Silvestre

    Ciao Andrea,
    vorrei creare un popup di avviso di reindirizzamento ad un sito esterno, al click di un immagine presente nei widget del mio sito.
    Come posso fare? sembra una cosa semplice, ma non riesco a trovare nessun plugin che lo faccia. 🙁
    Grazie mille

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao, dai un’occhiata a questo plugin https://it.wordpress.org/plugins/easy-redirect/. Dovrebbe rispondere alle tue esigenze, un saluto!

  4. Immagine avatar per Gianni
    Gianni

    Ciao, ottima guida chiara e specifica come sempre. Però a me personalmente mi servirebbe un popup che appare piccolino in fondo alla pagina nel quale non servono azioni specifiche ma solo avvisi tipo: “un cliente da Milano si è iscritto 1 ora fa” , “un cliente da Roma si è scritto mezz’ora fa”…ecc… sempre diversi ma con la stessa tipologia. Non so se sono stato chiaro nell’esprimermi 🙂

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Gianni, non conosciamo un plugin specifico per questo. Penso che si possa però trovare una soluzione custom, per la quale puoi anche contattare il nostro reparto servizi da questo link https://sos-wp.it/servizi-web/. Un saluto!

  5. Immagine avatar per Alessandra
    Alessandra

    Ciao, sai suggerirmi un plugin gratuito affinché appaia un pop up con gli articoli suggeriti? Grazie!

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Alessandra, testa questo plugin free https://it.wordpress.org/plugins/cm-pop-up-banners/ e facci sapere.

    2. Immagine avatar per Alessandra
      Alessandra

      Ciao Andrea, grazie del suggerimento!
      Ho provato ad usarlo ma non sono in grado di far apparire nel banner gli articoli suggeriti, speravo ci fosse qualcosa di più immediato! Ma il plugin è sicuramente valido.

    3. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Alessandra, puoi rivolgerti al nostro reparto servizi, per customizzare il plugin come desideri! Puoi farlo compilando il form https://sos-wp.it/servizi-web/.

    4. Immagine avatar per Antonio
      Antonio

      Come posso far apparire il banner solo all’inizio della sessione con questo plug-in? Potrei inserirlo solo nella home, ma vorrei apparisse in tutte le pagine, dato che un utente può connettersi da qualsiasi pagina ovviamente.. C’è una soluzione alternativa?

    5. Immagine avatar per SOS WP Team
      SOS WP Team

      Ciao Antonio, dalle impostazioni del plugin puoi decidere se farlo apparire su una o più pagine, ed anche con che tempistica. Un saluto!

  6. Immagine avatar per Alberto
    Alberto

    Ciao Andrea ottima guida…come sempre ovviamente…perché non crei anche una guida sul come creare un tooltip?

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Alberto, al più presto la pubblichiamo, grazie del suggerimento e continua a seguirci!

  7. Immagine avatar per luigina
    luigina

    Ciao Andrea,
    voglio creare una finestra per far scaricare un documento in pdf e farmi lasciare i contatti, nome e e-mail.
    Con quale strumento gratuito posso crearla?
    Grazie mille

    1. Immagine avatar per Andrea Di Rocco
      Andrea Di Rocco

      Ciao Luigina, testa questo plugin https://it.wordpress.org/plugins/email-to-download/

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *