Le campagne pop-up e di 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. I messaggi del sito web sono chiamati pop-up, mentre i messaggi dell'app mobile (iOS e Android) sono chiamati messaggi in-app. Entrambi i tipi condividono esattamente gli stessi passaggi di impostazione, design e configurazione.

Usa i pop-up e la messaggistica in-app 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 fare l’opt-in per ricevere i pop-up o i messaggi in-app: puoi raggiungere tutti.

Buono a sapersi

• I pop-up e la messaggistica in-app utilizzano la stessa configurazione delle notifiche push. Se hai già configurato le notifiche push, non devi configurare di nuovo i pop-up e la messaggistica in-app. Per ulteriori informazioni, consulta il nostro articolo dedicato Configurazione delle notifiche push web, dei pop-up e della messaggistica in-app.
• Le campagne pop-up e di messaggistica in-app sono diverse dai moduli 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 e i messaggi in-app 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 sottoscrizione pop-up in Brevo.

🔎 Fase 1: creazione della campagna pop-up o di messaggistica in-app

Per creare la tua campagna pop-up o di messaggistica in-app:

1. Vai a Marketing > Campaigns (Campagne).
2. Clicca su Create campaign (Crea campagna).
3. Scegli Pop-up.
4. Assegna un nome alla tua campagna per trovarla facilmente nella lista delle tue campagne pop-up e di messaggistica in-app. Questo nome sarà visibile solo a te.
5. (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.
6. (Opzionale) Seleziona una cartella in cui desideri salvare la tua campagna per scopi organizzativi. Per ulteriori informazioni sulle cartelle delle campagne, consulta il nostro articolo dedicato Organizzazione di campagne e modelli in cartelle.
   
7. Clicca su Create pop-up (Crea pop-up).

🎨 Fase 2: progettazione del pop-up o del messaggio in-app

Ora puoi iniziare a progettare l'aspetto del tuo pop-up o del tuo messaggio in-app sia su desktop sia su dispositivi mobili.

Puoi trascinare e rilasciare i blocchi e configurare altri elementi per progettare la tua campagna pop-up o di messaggistica in-app oppure usare l'editor HTML/CSS.

Progetta la tua campagna di pop-up o messaggistica in-app

Editor drag & dropHTML/CSS

Per iniziare a progettare la tua campagna pop-up o di messaggistica in-app con l'editor drag & drop:

1. Clicca su Create design (Crea design) > Drag & drop editor (Editor drag & drop).
2. Seleziona Start from scratch (Inizia da zero) o scegli uno dei modelli disponibili.

3. Usa l'editor per aggiungere contenuti al tuo pop-up o messaggio in-app.

   Espandi i seguenti paragrafi comprimibili per ulteriori informazioni sui blocchi disponibili per progettare il tuo pop-up o messaggio in-app.

   ✏️ Text (Testo)

   

   Il blocco Text (Testo) ti consente di includere un testo descrittivo nel tuo pop-up o messaggio in-app. Puoi aggiungere un'introduzione che attiri l'interesse e che fornisca ulteriori informazioni sull'obiettivo del pop-up o del messaggio in-app. Quando fai clic su un blocco Text, viene visualizzata una barra superiore. Questa barra ti consente di modificare la formattazione del testo, come stile, carattere, dimensione, colore e allineamento, e di inserire 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.

4. Puoi personalizzare l'aspetto del tuo pop-up o del tuo messaggio in-app. Clicca su ogni elemento dell'anteprima per modificarlo. Personalizza il design del tuo pop-up o del tuo messaggio in-app usando il pannello delle impostazioni. Espandi i seguenti paragrafi comprimibili per ulteriori informazioni su quali elementi del pop-up o del messaggio in-app puoi personalizzare. 

   🔳 Sovrapposizione dello sfondo

   Clicca sulla sovrapposizione dello sfondo nell'anteprima per personalizzarla. Puoi scegliere un colore e un'opacità per lo sfondo per far risaltare il tuo pop-up o la tua finestra di messaggio in-app.

   💬 Finestra pop-up (layout, immagine, stile)

   Clicca sulla finestra pop-up nell'anteprima per personalizzarne il design: Position & size (Posizione e dimensioni): imposta la posizione e le dimensioni del pop-up o del messaggio in-app. Layout: regola la spaziatura, i margini, la distanza dal bordo della pagina e l’orientamento. Image (Immagine): attiva/disattiva Show image (Mostra immagine) per visualizzare un'immagine nel tuo pop-up o messaggio in-app. Clicca su Select image (Seleziona immagine) per caricarne una oppure su Generate (Genera) per crearne una con l'AI. Stile: personalizza il colore di sfondo, i bordi, gli angoli arrotondati e l'ombra. Animation (Animazione): scegli come appare e scompare il pop-up o il messaggio in-app. Automatic closure (Chiusura automatica): attiva la chiusura automatica del pop-up o del messaggio in-app. 💡 Buono a sapersi La sezione Image (Immagine) ti consente di aggiungere una sola immagine solo nel pop-up o nel messaggio in-app. Per aggiungere altre immagini o posizionarle altrove, usa il blocco Image (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 o di messaggi in-app con l'editor HTML/CSS:

1. Clicca su Create design (Crea design) > HTML/CSS editor (Editor HTML/CSS).
2. Seleziona un layout:
   • Start from scratch (Comincia da zero): parti da una tela vuota e progetta il tuo pop-up o messaggio in-app da zero.
   • Carosello di onboarding: integra i clienti in più fasi per comunicare valore e processi complessi.
3. Scrivi il tuo codice HTML e CSS direttamente nell’editor per controllare completamente il design del tuo pop-up o del tuo messaggio in-app.
4. Clicca su Save and exit (Salva ed esci) quando hai finito.

Versione per dispositivi mobili

Puoi visualizzare un'anteprima di come apparirà il tuo pop-up o messaggio in-app 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 pop-up o del tuo messaggio in-app, clicca su Save and exit (Salva ed esci). 

Modificare e reimpostare il tuo design

Dalla panoramica della tua campagna di pop-up o messaggistica in-app, puoi modificare il design prima di attivare la campagna:

1. Fai clic su Edit (Modifica) accanto a Design per apportare ulteriori modifiche.

2. Fai clic sull'icona con i tre puntini accanto a Edit (Modifica) > Reset design (Reimposta design) per cancellare il design attuale e ricominciare. 
   

   ❗️ Importante

   Il ripristino del design è definitivo e non può essere annullato.

⚙️ Fase 3: configurazione della campagna di pop-up o messaggistica in-app

Espandi i paragrafi comprimibili seguenti per vedere le opzioni disponibili per configurare il tuo pop-up o messaggio in-app.

🚀 Fase 4: attivazione del pop-up o del messaggio in-app

Ora puoi attivare il tuo pop-up o messaggio in-app:

1. Controlla le impostazioni del tuo pop-up o del tuo messaggio in-app.
2. Clicca su Activate now or later (Attiva ora o più tardi).
   
3. Nel menu a discesa Activate pop-up (Attiva pop-up), seleziona:
   • Now (Ora) per pubblicare subito il tuo pop-up o messaggio in-app, oppure
   • At a specific time (In un orario specifico) per selezionare il giorno e l’orario di attivazione.
4. Nel menu a discesa Deactivate pop-up (Disattiva pop-up), seleziona:
   • Never (Mai) per mantenere attivo il tuo pop-up o messaggio in-app, oppure
   • A un orario specifico per selezionare il giorno e l’ora di disattivazione.
5. Clicca su Activate now(Attiva ora) o Schedule pop-up (Pianifica pop-up).

Una volta che il tuo pop-up o messaggio in-app è online, puoi monitorarne le prestazioni dalla pagina Campaigns (Campagne): visualizzazioni, clic e tasso di conversione.

⏭️ E adesso?

• Configurare le notifiche push web, i pop-up e la messaggistica in-app
• Creazione di un modulo di sottoscrizione pop-up in Brevo

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