Come creare dei popup su WordPress

I popup sono delle finestre che compaiono sopra alla pagina che sta visualizzando il tuo visitatore e solitamente vengono attivati quando l’utente sta per abbandonare il tuo sito web o clicca su un pulsante o un link presente nelle tue pagine.

Realizzare dei popup sul tuo sito WordPress ti potrebbe essere di aiuto nel caso tu voglia porre l’attenzione del visitatore su qualcosa che potrebbe essere di suo interesse, come ad esempio l’iscrizione alla tua newsletter o un contenuto scaricabile.

In questo articolo dettagliato ti spiegherò quindi come andare ad inserire dei popup al’interno del tuo sito WordPress, utilizzando un semplice plugin.

Bene, passiamo subito alla parte pratica in cui ti mostrerò passo a passo tutta la procedura con tanto di immagini.

[Video] Come creare dei popup su WordPress

(clicca qui per guardarlo su YouTube)

Se sei interessato a WordPress: scarica il mio manuale completo su WordPress.

Come creare un popup con Popup Maker

Il plugin che andremo ad utilizzare per questa guida è chiamato “Popup Maker” ed è disponibile sia in versione gratuita che a pagamento.

Io ti consiglio di utilizzare quella gratuita all’inizio perché già così il plugin è molto completo e ti premette di poter disporre di molte opzioni.

La prima cosa che devi fare è ovviamente andare ad installare il plugin all’interno del tuo sito.

Dirigiti quindi sul tuo pannello di amministrazione di WordPress e nella colonna di sinistra clicca sulle voci “Plugin > Aggiungi nuovo”.

Scrivi quindi all’interno del riquadro di ricerca “Popup Maker” e installa e attiva il plugin sul tuo sito. A questo punto sulla colonna di sinistra ti comparirà una nuova voce relativa al plugin che hai appena installato.

Per aggiungere un nuovo popup seleziona quindi le voci “Popup Maker > Add Popup”. Nella nuova schermata dovrai poi inserire un titolo per il popup (io ho scritto ad esempio “Popup home” poiché comparirà all’interno dell’home page del mio sito).

Successivamente potrai scrivere all’interno dell’editor il contenuto del tuo popup, che potrà comprendere qualsiasi cosa tu voglia.

Scorrendo la pagina verso il basso troverai la voce “Impostazioni del Popup”. Qui puoi andare a modificare alcuni parametri. Te li mostro brevemente:

1. Inneschi: qui puoi andare a impostare come verrà attivato il popup
2. Targeting: con questo parametro puoi scegliere se fare comparire il popup su ogni pagina del tuo sito o su una specifica
3. Visualizza: qui puoi impostare come sarà visualizzato il popup
4. Chiudi: qui andrai a scegliere un pulsante per chiudere il popup
5. Advanced: varie impostazioni avanzate

Una cosa molto importante è inserire un innesco per quando comparirà il tuo popup all’interno del tuo sito web. Per fare questo clicca su “Aggiungi nuovo innesco”.

A questo punto ti si aprirà un menu a tendina da cui potrai decidere come attivare il popup:

• Apri con un clic: con questa opzione il popup sarà innescato cliccando su un link o pulsante
• Time Delay/Auto Open: con questa opzione il popup apparirà in automatico dopo un determinato periodo di tempo

Per farti un esempio io vado a selezionare la seconda opzione e clicco su “Aggiungi”.

Ora, come puoi vedere ti viene richiesto di inserire un ritardo di apertura del popup (io ho impostato 2 secondi). Clicca infine nuovamente su “Aggiungi”.

Bene, una volta aggiunto l’innesco dovrai decidere dove far comparire il tuo popup.

Per fare questo seleziona il parametro “Targeting”.

Qui troverai un menu a tendina con tantissime condizioni tra cui scegliere in base a dove vuoi far visualizzare il popup (io sceglierò ad esempio l’home page del mio sito).

A questo punto non ti resta che cliccare su “Pubblica”.

Ora, se provo a ricaricare la pagina del mio sito, come puoi vedere il popup compare correttamente dopo 2 secondi.

Proseguendo con la lettura dell’articolo ti spiegherò come migliorare la grafica del popup.

Non ti preoccupare perché anche in questo caso la procedura è molto semplice.

Come cambiare tema al popup

Ora torna sulle “Impostazioni del Popup” dal tuo pannello di amministrazione di WordPress e clicca sulla voce “Visualizza”. Qui dal menu a tendina “Tema Popup” potrai scegliere tra diversi temi per la visualizzazione (io ho scelto “Light Box”).

Cliccando su “Dimensione” potrai cambiare la grandezza del popup selezionandola dal menu a tendina (il mio popup è impostato su “Medio”, ma tu potrai ingrandirlo o rimpicciolirlo come preferisci).

Sul tab “Animazione” potrai inoltre impostare l’effetto grafico che vuoi dare al tuo popup, mentre cliccando su “Posizione” è possibile posizionarlo in modo differente a seconda delle tue esigenze.

Bene, ora ti basta cliccare su “Aggiorna” per andare a salvare le modifiche che hai apportato. Ora come vedi se provo a ricaricare la pagina del mio sito, il popup ha cambiato l’aspetto grafico.

Se desideri migliorare ancora di più la grafica, nell’ultima parte dell’articolo ti mostrerò infine come andare a personalizzare ulteriormente il popup, in modo da renderlo esteticamente più bello.

Come modificare ulteriormente il popup

Torna sul pannello di amministrazione del tuo sito e seleziona sempre la voce “Visualizza”.

Dopo aver impostato il tema grafico dal menu a tendina, clicca sul link “Personalizza questo Tema”.

Qui troverai tantissime opzioni tra cui scegliere per personalizzare il tema come preferisci.
Te ne mostro brevemente alcune:

• Overlay: sotto questa voce puoi andare a modificare l’opacità attorno al popup e cambiarne il colore

• Container: qui è possibile cambiare il padding, cioè lo spazio all’interno del popup e la misura del bordo. Cliccando inoltre su “Sfondo” potrai modificare il colore dello sfondo

A questo punto ti basta cliccare nuovamente su “Aggiorna” per salvare le modifiche.

Una volta ricaricata la pagina del tuo sito potrai visualizzare il popup modificato.

Conclusione

Come hai potuto vedere il plugin “Popup Maker” è davvero molto semplice da utilizzare e ti offre tantissime possibilità per realizzare dei popup sul tuo sito WordPress.

Io ti consiglio di utilizzarlo proprio perché già nella versione gratuita offre numerose opzioni, a differenza di altri strumenti che danno lo stesso tipo di servizio, però a pagamento.

Spero che questo articolo ti sia stato utile per arricchire il tuo sito web con una nuova funzionalità.

Naturalmente se hai bisogno di chiarimenti sull’argomento non esitare a contattarmi utilizzando il modulo che trovi qui di seguito, sarò felice di rispondere alle tue domande!