Logo Assistenza WP
Logo Assistenza WP

Come creare dei popup su WordPress

Roberto Marchesini,

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.

Come creare dei popup su WordPress-Step1

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.

Come creare dei popup su WordPress-Step2

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
Come creare dei popup su WordPress-Step3

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
Come creare dei popup su WordPress-Step4

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”.

Come creare dei popup su WordPress-Step5

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).

Come creare dei popup su WordPress-Step6

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

Come creare dei popup su WordPress-Step7

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

Come creare dei popup su WordPress-Step8

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”).

Come creare dei popup su WordPress-Step9

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).

Come creare dei popup su WordPress-Step10

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.

Come creare dei popup su WordPress-Step11

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”.

Come creare dei popup su WordPress-Step12

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
Come creare dei popup su WordPress-Step13
  • 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
Come creare dei popup su WordPress-Step14

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!

Link che ti potrebbero interessare

SCARICA SUBITO

L'ESTRATTO DEL MANUALE COMPLETO SU WORDPRESS

Scritto da: 
Roberto Marchesini

Roberto Marchesini è il creatore e fondatore di Assistenza WP. Inoltre é l'autore del manuale completo su WordPress con cui è riuscito ad aiutare migliaia di persone a realizzare i propri progetti online.

Lascia un commento

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

Roberto Marchesini

Sono il fondatore di Assistenza WP e il creatore di diversi prodotti digitali con i quali sono riuscito ad aiutare moltissime aziende e professionisti a creare e a migliorare i propri siti WordPress.

Opinioni dei clienti

Video corsi e Assistenza WordPress

- Manuale Completo WordPress
- Video corso WordPress
- Video corso SEO
- Creazione siti web professionali
- Rifacimento sito web
- Trasferimento siti web
- Assistenza tecnica personalizzata
Scopri di più

WordPress lento?

Scegli un hosting ottimizzato
Visulizza i piani

Video corsi e Assistenza WordPress

- Manuale Completo WordPress
- Video corso WordPress
- Video corso SEO
- Creazione siti web professionali
- Rifacimento sito web
- Trasferimento siti web
- Assistenza tecnica personalizzata
Scopri di più
© Copyright 2014- Assistenza Prioritaria - VAT: EE102190216 | TOS - Privacy Policy - Cookie Policy - Modifica consensi cookie
cross-circle

NOVITÀ 2022:
Dal 2022 offriamo Dominio + Hosting direttamente noi di Assistenza WP

L'ESTRATTO DEL MANUALE COMPLETO SU WORDPRESS
 
SCARICA SUBITO