Come creare un popup accattivante nel tuo sito WordPress

Cosa ti viene in mente quando pensi a un popup? Fastidioso, non è vero? No, d'ora in poi dovrai pensare diversamente come professionista del web. Perché il concetto di popup è cambiato notevolmente negli ultimi anni.

L'utilizzo dei popup è ora un modo importante per aumentare i tassi di conversione. Secondo le recenti statistiche di OptiMonk, il tasso di conversione medio per i popup è superiore all'11,1%.

Quindi, come creare un popup su WordPress e come applicarlo in modo efficace? E si può fare gratuitamente? Non preoccuparti. Ti abbiamo coperto.

In questo articolo, ti mostreremo due metodi per creare popup sui tuoi siti Web WordPress.

Ti faremo anche conoscere la differenza tra popup convenzionali e modali, i vantaggi dell'utilizzo dei popup e le loro migliori pratiche.

Iniziamo:

Convenzionale vs modale: quale popup scegliere

I popup hanno diversi tipi e casi d'uso. In genere, un popup è un'interfaccia utente grafica (GUI), solitamente visualizzata in una piccola finestra, che appare improvvisamente (appare) in primo piano in un sito Web o in un'app.

Le persone utilizzano da anni i popup che si aprono oltre la finestra corrente. Questo metodo convenzionale di utilizzo dei popup non è efficace. Perché questi tipi di popup, nella maggior parte dei casi, perdono l'attenzione degli utenti e sono effettivamente fastidiosi.

D'altra parte, i popup modali (noti anche come finestre modali) sono la forma moderna di popup che si apre all'interno della pagina o della finestra corrente. I popup modali sono molto più efficaci in quanto non perdono gli occhi degli utenti e la possibilità di ottenere interazione è ovviamente alta qui.

Forse hai capito quale scegliere, ovviamente i popup modali.

Vantaggi dell'utilizzo dei popup moderni

I popup possono avvantaggiarti in molti modi, dall'informare gli utenti all'aumento dei tassi di conversione, se usi quelli moderni (come i popup modali) e li applichi in modo intelligente.

Ora, ti faremo conoscere brevemente i vantaggi dell'utilizzo dei popup moderni nei seguenti punti:

• Attira l'attenzione degli utenti il ​​50% più velocemente rispetto ai banner pubblicitari – (Campaign Monitor)
• Fornire un modo utile per mostrare messaggi o notifiche importanti
• Aumenta l'interazione dell'utente, come la percentuale di clic e il tasso di conversione
• Ti consente di mostrare annunci o promozioni che gli utenti non possono evitare
• Aiutarti ad aumentare le vendite, gli abbonamenti, il traffico web e la durata delle sessioni
• Consentono di ricevere feedback dagli utenti e raccogliere i loro dati
• Ottieni un eccellente tasso di ritorno sull'investimento (ROI) poiché sono efficienti in termini di costi

Ci auguriamo che tu abbia compreso i vantaggi e l'importanza dell'utilizzo dei popup. Parleremo delle migliori pratiche popup dopo aver mostrato come puoi crearle da solo.

Come creare un popup su WordPress

Puoi creare un popup sui siti WordPress in vari modi gratuitamente. I modi più semplici sono associati all'installazione del plugin. Ti mostreremo due metodi in particolare. Loro sono:

1. Creazione gratuita di un popup su un sito WordPress generico
2. Aggiunta di un popup su un sito WordPress basato su Elementor

Prima di iniziare, devi assicurarti di avere accesso amministrativo al sito in cui verrà creato il popup. Dovrai anche preparare il contenuto del popup.

Ora discuteremo tutti i processi in dettaglio con gli elementi visivi necessari. Quindi, resta con noi.

Metodo 1: creazione gratuita di un popup su un sito WordPress generico

Puoi creare gratuitamente popup belli e utili sui tuoi siti WordPress con l'aiuto di un plug-in. Troverai diversi plugin gratuiti per completare il tuo lavoro. Abbiamo preparato un elenco dei migliori plugin di seguito per aiutarti a prendere una decisione rapida. Controlliamolo:

1. Creatore di popup
2. OptinMonster
3. HubSpot
4. Generatore di popup
5. Attività febbrile

Ciascuno dei plugin è buono ed eccellono in diversi casi d'uso. Dimostreremo questo metodo usando " Popup Maker " in quanto è versatile, facile da usare e molto popolare.

Installa il Plugin: per prima cosa devi installare il plugin “Popup Maker” sul tuo sito WordPress. Molto probabilmente, sai come installare un plugin. Nessun problema se non lo fai. Basta leggere questo articolo e seguire le istruzioni: Come installare un plugin per WordPress.

Crea il popup: dopo aver installato e attivato il plug-in, dovrai creare, impostare e progettare il popup dal menu del plug-in. È semplice come creare un post su WordPress. Basta seguire i passaggi seguenti:

1. Vai al menu " Popup Maker " dalla dashboard
2. Fare clic sul pulsante " Crea nuovo popup ".

Fornisci input al popup: ora si aprirà il pannello di modifica del popup (sembrerebbe l'immagine qui sotto). Qui imposterai e progetterai il tuo popup fornendo input diversi. Segui questi passi:

1. Assegna un nome popup (è solo un ID che non sarà visibile)
2. Scrivi il titolo del popup (è la parte dell'intestazione del tuo popup)
3. Scrivi e progetta il messaggio che vuoi mostrare nel popup

Esplora le impostazioni del popup: hai quasi finito. Tutto quello che devi fare ora è completare alcune impostazioni di base del popup e quindi premere il pulsante " Pubblica ". Le seguenti impostazioni sono attualmente disponibili per questo plugin:

• Trigger (imposta la condizione perché e quando si apriranno i popup)
• Targeting (ti consente di scegliere come target un gruppo specifico di utenti)
• Display (definisce l'aspetto dei popup)
• Chiudi (crea condizioni su come e quando i popup si chiuderanno)
• Avanzate (alcune impostazioni avanzate per utenti esperti)

In primo luogo, non dovrai preoccuparti di tutte le opzioni di impostazione. Sarà sufficiente se imposti un trigger e fai alcune modifiche nel menu " Display ". L'utilizzo del menu " Chiudi " è facoltativo.

Impostare i trigger: l' impostazione dei trigger è molto importante. Perché i tuoi popup non si apriranno a meno che tu non aggiunga loro dei trigger. Segui i passaggi seguenti per aggiungere i trigger:

1. Vai al menu delle impostazioni "Trigger".
2. Fai clic sul pulsante "Aggiungi nuovo trigger", quindi si aprirà un piccolo pannello (come l'immagine qui sotto)
3. Qui dovrai fornire le condizioni per aprire i popup

Gioca con le impostazioni di visualizzazione: in questa parte, sarai in grado di modificare le opzioni di visualizzazione, comprese le dimensioni, l'animazione e i cund, del tuo popup. Basta seguire questi passaggi:

1. Vai al menu delle impostazioni " Display ", diverse schede si apriranno sul lato destro
2. Fai clic sulle schede preferite in cui desideri apportare le modifiche

Hai finito. Ora, premi il pulsante " Pubblica " che abbiamo citato in precedenza. Abbiamo creato un popup (l'immagine sotto) seguendo questi passaggi. Sarai anche in grado di creare qualcosa del genere, anche meglio se ci provi.

Per vedere il tuo popup in azione, devi aprire il tuo sito dal front-end dopo averlo pubblicato. Puoi modificare o modificare i tuoi popup dal back-end ogni volta che vuoi.

Metodo 2: aggiunta di un popup su un sito WordPress basato su Elementor

Se il tuo sito WordPress è basato su Elementor, sarai in grado di creare alcuni popup belli e intuitivi con l'aiuto del plug-in HappyAddons, un efficace componente aggiuntivo di Elementor. Ha un utile widget chiamato "Modal Popup" che renderà il tuo lavoro molto semplice.

Installa HappyAddons: poiché il tuo sito è basato su Elementor, ovviamente hai installato il plug-in Elementor sul tuo sito web. Ora devi installare il plug-in Happy Addons e la sua versione Pro.

Aggiungi il popup modale: dopo aver installato il plug-in, puoi aggiungere un popup modale a una pagina esistente o nuova con Elementor.

Leggi questo tutorial se non sai come utilizzare Elementor.

Ora ti mostreremo come aggiungere un popup modale al tuo sito web. Segui questi passi:

1. Cerca e trova il widget "Modal Popup" dall'editor di Elementoro
2. Basta trascinare e rilasciare "Modal Popup" e il gioco è fatto!

Personalizza il popup: hai già creato un popup sul tuo sito WordPress basato su Elementor. Ora è il momento di personalizzarlo. Basta seguire i passaggi seguenti:

1. Fai clic sul popup che hai appena creato
2. Ora, nel pannello dell'editor si apriranno diverse opzioni di personalizzazione
3. Personalizza il tuo popup nel modo desiderato con queste opzioni

Seguendo questi passaggi, abbiamo aggiunto un popup modale al nostro sito Elementor come lo screenshot qui sotto. Controlliamolo.

Il processo per vedere il tuo popup è lo stesso. Basta aprire il tuo sito dal front-end dopo averlo pubblicato. Sì, puoi modificare o modificare i popup di Elementor in qualsiasi momento dal back-end.

Puoi anche controllare la documentazione del widget Modal Popup di Happy Addons.

Articolo rilevante da leggere: come aggiungere popup modale in Elementor

Migliori pratiche popup: cosa fare per ottenere il miglior risultato

Se vuoi ottenere il meglio da un popup, devi usarlo in modo intelligente e attento poiché i popup a volte potrebbero rovinare l'esperienza dell'utente. Le migliori pratiche da seguire per un popup sono:

• Aggiungi popup solo nei luoghi in cui è necessario
• Usa i popus relativi alla tua pagina
• Assicurati che i popup siano accattivanti e utili
• Usali al momento giusto e nel posto giusto
• Scegli il formato e il design giusti
• Determina cosa vuoi dal popup
• Scegli come target utenti diversi con diversi tipi di popup
• Test A/B prima di finalizzare qualsiasi popup
• Assicurati che gli utenti non debbano dedicare molto tempo a interagire

Queste sono pratiche molto necessarie e obbligatorie che dovresti seguire. Ci sono altre cose che devi mantenere. Ti consigliamo di fare qualche ricerca prima di eseguire i tuoi popup.

Ora è il tuo turno

Ricorda solo che i popup stanno diventando utili giorno dopo giorno. Ma devi essere intelligente e innovativo per trarne il meglio. Altrimenti, i tuoi popup potrebbero finire per essere fastidiosi come le persone che non ne sono cura.

In questo blog, ti abbiamo mostrato i metodi per i siti WordPress sia generali che basati su Elementor. Ora tocca a te applicare questi metodi durante la creazione del tuo popup.

Ci auguriamo che sarai in grado di creare dei popup belli ed efficaci con l'aiuto del nostro tutorial completo. Non esitare a farci sapere nella sezione commenti se dovessi riscontrare problemi durante il processo.

Leggi anche: Costruisci un sito Web professionale con Elementor e componenti aggiuntivi Happy