Nel mondo del web design, i popup sono strumenti potenti e versatili utilizzati per catturare l'attenzione dei visitatori, promuovere offerte speciali, raccogliere email o fornire informazioni aggiuntive senza disturbare eccessivamente l'esperienza di navigazione. Creare un popup su una pagina WordPress può sembrare complicato, ma con gli strumenti giusti e un po' di guida può diventare un processo abbastanza semplice. In questo articolo ti guideremo passo dopo passo nella creazione di un popup accattivante e funzionale per le tue pagine. Utilizzando alcuni dei migliori plugin disponibili.
Scegliere il plugin WordPress adatto per i popup
Il primo passo per creare un popup su pagine WordPress consiste nel scegliere il plugin che meglio si adatta alle esigenze. È importante specificare che uno dei site-editor più famosi ed utilizzati, ovvero Elementor, permette di progettare un popup in modo semplice ed intuitivo. Questa funzionalità è però riservata ai membri premium. Quindi, servirà sottoscrivere un abbonamento ad Elementor Pro.
Di conseguenza, in questa guida verrà proposta una valida alternativa gratuita, e altrettanto semplice ed intuitiva, per poter ottenere un risultato soddisfacente e adatto alle tue esigenze. Tra i plugin più popolari e facili da usare vi è sicuramente Popup Maker. Con oltre 700.000 installazioni attive, è uno dei plugin più flessibili e completi. Permette di creare qualsiasi tipo di popup, dai semplici messaggi ai moduli di contatto.
Una volta scelto il plugin, il passo successivo è quello di installarlo e attivarlo. Dalla Dashboard di WordPress si deve selezionare "Plugin" e quindi "Aggiungi Nuovo". Successivamente basterà cercare il plugin desiderato, Popup Maker, e cliccare su "Installa Ora" e poi su "Attiva".
Una volta completata l'installazione ed l'attivazione del plugin, verrà mostrata una schermata introduttiva che vi accoglierà e guiderà nei primi passi per la creazione di popup. Nella barra laterale di sinistra ci sarà una nuova voce, "Popup Maker", che permetterà di gestire le impostazioni del plugin.
Creare il popup
Per poter procedere con la creazione e personalizzazione del primo popup dobbiamo cliccare su "Create your first popup". Si aprirà la schermata principale da dove si può iniziare a sviluppare l'aspetto ed il comportamento dell'elemento.
La schermata è così strutturata: la prima sezione riguarda il nome del popup. È importante specificare che il nome assegnato non sarà mostrato sul sito, servirà solamente per distinguere e selezionare il popup internamente.
Successivamente si trova il titolo, campo opzionale, che a differenza del nome verrà visualizzato come titolo all'interno del popup. La scelta dell'assegnazione o meno di un titolo è personale e dipende da come si vuole mostrare il popup nelle pagine del sito.
Nella parte sottostante della schermata ci saranno le regole di impostazione riguardo il comportamento del popup:
- Trigger: ovvero in base a quale azione si attiva il popup (si potrà scegliere tra diverse opzioni fornite dal plugin);
- Targeting: cioè su quale pagina o tipologia di contenuto visualizzare la finestra popup;
- Visualizza: riguarda la tipologia di popup, quindi una finestra centrale o a destra o superiore;
- Chiudi: definisce il pulsante di chiusura della finestra;
- Avanzate: per ulteriori opzioni.
Per poter applicare un tema grafico al popup basterà andare nella sezione "Visualizza" e poi sulla voce "Aspetto" per poi scegliere il tema del popup tra i numerosi temi offerti dal plugin. Questi temi possono essere visualizzati dalla sezione "Temi del popup".
Quello visualizzato qui sopra è l'elenco dei temi predefiniti offerti dal plugin. Tramite la voce "Modifica" sarà possibile apportare cambiamenti grafici e successivamente applicarli al popup creato.
Creazione di un popup di prova
Una volta descritta l'interfaccia del plugin Popup Maker procederemo con la creazione di un popup di prova che verrà inserito all'interno di una delle pagine del sito WordPress. Per fare ciò, bisogna assegnare innanzitutto un titolo ed un nome al popup. Successivamente, nella sezione "Impostazioni popup", si procede con la scelta del trigger di attivazione. In questo caso il popup verrà mostrato con un ritardo di pochi secondi.
Nella sezione "Targeting" bisogna scegliere le condizioni di visualizzazione del popup, che di base è preimpostato per essere mostrato su tutte le pagine del sito. Selezioniamo "Homepage" dal menu a tendina per visualizzare il plugin dopo 5 secondi dall'apertura della pagina principale del sito. Fatto questo, dal menu "Visualizza" assegniamo inizialmente la posizione del popup, ovvero "Centrato". Poi, tramite la voce "Aspetto", scegliamo il tema da assegnare al popup appena creato.
Il resto delle impostazioni è liberamente personalizzabile. Permetteranno di scegliere la dimensione o l'animazione d'ingresso e di uscita del popup. Rimane infine l'ultima opzione, ovvero la scelta del tasto di chiusura da mostrare nella finestra del popup.
Completamento del popup con WordPress
Il gioco è fatto! Ora non rimane altro che inserire una descrizione al corpo del popup. In questo caso scegliamo una frase che dia il benvenuto agli utenti all'interno del sito. Per poter ultimare le modifiche si deve quindi fare clic su "Aggiorna" nella parte destra della schermata, sarà così possibile visualizzare un'anteprima del popup creato nella pagina in cui si è scelto di mostrarlo.
Prima di pubblicare il popup, assicurati sempre di testarlo per capire come appare e funziona su diversi dispositivi e browser. Una volta soddisfatto del risultato, salvalo e pubblicalo!
Creare un popup su una pagina WordPress non è mai stato così facile: scegliendo il plugin giusto, come visto precedentemente, e seguendo questi semplici passaggi, potrai migliorare l'interazione con i visitatori e raggiungere gli obiettivi prefissati. Speriamo che questa guida vi sia stata utile, alla prossima!
