Le campagne pop-up, note anche come messaggistica in-app, ti permettono di mostrare messaggi mirati direttamente sul tuo sito web o sulla tua app mobile per coinvolgere i visitatori nel momento giusto. Usale per promuovere offerte, mettere in evidenza annunci o stimolare un’azione senza inviare una campagna separata. A differenza delle campagne push, i visitatori non devono effettuare l’opt-in per ricevere i pop-up: puoi raggiungere tutti.
Buono a sapersi
- I pop-up utilizzano la stessa configurazione delle notifiche push. Se hai già configurato le notifica push, non devi configurare di nuovo i pop-up. Per ulteriori informazioni, consulta il nostro articolo dedicato Configurazione delle notifiche push web.
- Le campagne pop-up sono diverse dai modulo di sottoscrizione pop-up. I moduli di sottoscrizione vengono utilizzati per raccogliere nuovi contatti e far crescere le tue liste, mentre i pop-up promozionali sono messaggi di campagna inviati ai visitatori del tuo sito web o della tua app. Per ulteriori informazioni, consulta il nostro articolo dedicato Creazione di un modulo di iscrizione pop-up in Brevo.
🔎 Fase 1: creazione della campagna pop-up
Per creare la tua campagna pop-up:
- Vai a Marketing > Campaigns (Campagne).
- Clicca su Create campaign (Crea campagna).
- Scegli Pop-up.
- Assegna un nome alla tua campagna pop-up per trovarla facilmente nella lista delle tue campagne pop-up. Questo nome sarà visibile solo a te.
- (Facoltativo) Seleziona uno o più tag. Per ulteriori informazioni, consulta il nostro articolo dedicato Creazione e utilizzo dei tag per le tue campagne e automazioni.
- (Opzionale) Seleziona una cartella in cui desideri salvare la tua campagna pop-up per scopi organizzativi. Per ulteriori informazioni sulle cartelle delle campagne, consulta il nostro articolo dedicato Organizzazione di campagne e modelli in cartelle.
- Clicca su Create pop-up (Crea pop-up).
🎨 Fase 2: progettazione del pop-up
Ora puoi iniziare a progettare l'aspetto del tuo pop-up sul tuo sito web, sia su desktop sia su dispositivi mobili.
Puoi trascinare e rilasciare i blocchi e configurare altri elementi per progettare la tua campagna pop-up oppure usare l'editor HTML/CSS.
Progettazione della campagna pop-up
Per iniziare a progettare la tua campagna pop-up con l'editor drag & drop:
- Clicca su Create design (Crea design) > Drag & drop editor (Editor drag & drop).
- Seleziona Start from scratch (Inizia da zero) o scegli uno dei modelli disponibili.
-
Usa l'editor per aggiungere contenuti al tuo pop-up.
Espandi i seguenti paragrafi comprimibili per ulteriori informazioni sui blocchi disponibili per progettare il tuo pop-up
✏️ Text (Testo)Il blocco Text (Testo) consente di includere un testo descrittivo nel pop-up. Puoi aggiungere un'introduzione che attiri l'interesse e che fornisca ulteriori informazioni sull'obiettivo del pop-up. Quando si clicca su un blocco di testo, viene visualizzata una barra superiore. Questa barra consente di modificare la formattazione del testo (come stile, carattere, dimensione, colore e allineamento) e inserire i link.
🖼️ Image (Immagine)Il blocco Image (Immagine) consente di aggiungere un'immagine accattivante. Puoi selezionare o generare un’immagine. Puoi aggiungere una pagina o una schermata di destinazione e personalizzare lo stile dell'immagine. 🖱️ Button (Pulsante)Il blocco Button (Pulsante) ti permette di aggiungere un invito all'azione aggiungendo un URL, che consente di reindirizzare i visitatori quando lo cliccano. Puoi personalizzare lo stile del tuo pulsante di invito all'azione: cambia testo, colore, carattere, raggio del bordo e spaziatura interna. -
Puoi personalizzare l'aspetto del tuo pop-up sul tuo sito web. Clicca su ogni elemento dell'anteprima per modificarlo. Personalizza il design del tuo pop-up usando il pannello delle impostazioni. Espandi i seguenti paragrafi comprimibili per ulteriori informazioni su quali elementi del pop-up puoi personalizzare.
🔳 Sovrapposizione dello sfondoClicca sulla sovrapposizione dello sfondo nell'anteprima per personalizzarla. Puoi scegliere un colore e un'opacità per lo sfondo per far risaltare la tua finestra pop-up. 💬 Finestra pop-up (layout, immagine, stile)Clicca sulla finestra pop-up nell'anteprima per personalizzarne il design:
- Posizione e dimensioni: imposta la posizione e le dimensioni del pop-up.
- Layout: regola la spaziatura, i margini, la distanza dal bordo della pagina e l’orientamento.
- Immagine: attiva/disattiva Show image (Mostra immagine) per visualizzare un'immagine nel tuo pop-up. Clicca su Select image (Seleziona immagine) per caricarne una oppure su Genera per crearne una con l'AI.
- Stile: personalizza il colore di sfondo, i bordi, gli angoli arrotondati e l'ombra.
- Animazione: scegli come il pop-up appare e scompare.
- Chiusura automatica: attiva la chiusura automatica del pop-up.
💡 Buono a sapersiLa sezione Image (Immagine) ti consente di aggiungere una sola immagine solo nel pop-up. Per aggiungere altre immagini o posizionarle altrove, usa il blocco Immagine invece. Nota che questa immagine non è cliccabile, a differenza del blocco Image (Immagine).✖️ Pulsante Close (Chiudi)Clicca sul pulsante Close (Chiudi) per modificare il colore dell'icona a forma di X, il colore di riempimento, i bordi e l'ombreggiatura.
Per iniziare a progettare la tua campagna pop-up con l'editor HTML/CSS:
- Clicca su Create design (Crea design) > HTML/CSS editor (Editor HTML/CSS).
- Scrivi il tuo codice HTML e CSS direttamente nell’editor per controllare completamente il design del tuo pop-up.
- Clicca su Save and exit (Salva ed esci) quando hai finito.
Versione per dispositivi mobili
| Puoi visualizzare un'anteprima di come verrà visualizzato il pop-up su un dispositivo mobile passando dalla versione desktop a quella per dispositivi mobili nella parte superiore dell'editor. Tieni presente che non puoi modificare la versione per dispositivi mobili. |
Quando sei soddisfatto dell'aspetto del tuo modulo pop-up, clicca su Save and exit (Salva ed esci).
⚙️ Fase 3: configurazione della campagna pop-up
Espandi i seguenti paragrafi comprimibili per vedere le opzioni disponibili per configurare il tuo modulo pop-up.
- Seleziona la piattaforma su cui desideri visualizzare il tuo pop-up. Per configurare i siti web, consulta la nostra sezione dedicata in questo articolo.
- Scegli le pagine del tuo sito web in cui i visitatori visualizzeranno il pop-up:
-
Show on all pages (Mostra su tutte le pagine)
Il tuo modulo pop-up può essere visualizzato su tutte le pagine del tuo sito web. -
Show on these pages only (Mostra solo su queste pagine)
Inserisci l'URL delle pagine su cui desideri venga visualizzato il pop-up. Puoi aggiungere fino a 20 URL. -
Show on all pages except these ones (Mostra su tutte le pagine tranne queste)
Inserisci l'URL delle pagine su cui non vuoi che venga visualizzato il pop-up. Puoi aggiungere fino a 20 URL.
-
Show on all pages (Mostra su tutte le pagine)
- Clicca su Save (Salva).
- Scegli quando i visitatori vedranno il pop-up sul tuo sito web.
-
Quando la pagina viene caricata
Seleziona il tempo di attesa in secondi. -
Quando l'utente sta per lasciare la pagina
Il modulo pop-up viene visualizzato quando l'utente sta per lasciare la pagina: quando tenta di chiudere la scheda della pagina, inserendo un nuovo URL o allontanando il mouse dalla pagina. -
Quando si verifica un evento
Il pop-up appare quando viene attivato un evento personalizzato che hai definito.
-
Quando la pagina viene caricata
- Seleziona il numero di visite prima che il pop-up venga visualizzato da un visitatore.
- Seleziona quante volte un visitatore può vedere lo stesso modulo pop-up.
- (Opzionale) Se un visitatore può visualizzare lo stesso modulo pop-up almeno due volte, seleziona il tempo di attesa prima che un visitatore veda nuovamente questo modulo pop-up.
- Clicca su Save (Salva).
🚀 Fase 4: attivazione del pop-up
Ora puoi attivare il tuo pop-up:
- Controlla le impostazioni del tuo pop-up.
- Clicca su Activate now or later (Attiva ora o più tardi).
- Nel menu a discesa Activate pop-up (Attiva pop-up), seleziona:
- Ora per pubblicare subito il tuo pop-up, oppure
- At a specific time (In un orario specifico) per selezionare il giorno e l’orario di attivazione.
- Nel menu a discesa Deactivate pop-up (Disattiva pop-up), seleziona:
- Never (Mai) per mantenere attivo il tuo pop-up, oppure
- A un orario specifico per selezionare il giorno e l’ora di disattivazione.
- Clicca su Activate now(Attiva ora) o Schedule pop-up (Pianifica pop-up).
Una volta che il tuo pop-up è online, puoi monitorarne le prestazioni dalla pagina Campaigns (Campagne): visualizzazioni, clic e tasso di conversione.
⏭️ E adesso?
🤔 Domande?
In caso di domande, non esitare a contattare il team dell’assistenza creando un ticket dal tuo account. Se ancora non hai un account, puoi contattarci qui.
Se stai cercando aiuto per un progetto che prevede l'utilizzo di Brevo, possiamo metterti in contatto con l'agenzia partner di Brevo giusta per te.