Crea la tua campagna pop-up

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:

  1. Vai a Marketing > Campaigns (Campagne).
  2. Clicca su Create campaign (Crea campagna).
  3. Scegli Pop-up.
  4. 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.
  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 pop-up per scopi organizzativi. Per ulteriori informazioni sulle cartelle delle campagne, consulta il nostro articolo dedicato Organizzazione di campagne e modelli in cartellepopups_create-campaign_en-us.png
  7. 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

Editor drag & dropHTML/CSS
popups_drag-drop-editor_en-us.png

Per iniziare a progettare la tua campagna pop-up 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.

    Espandi i seguenti paragrafi comprimibili per ulteriori informazioni sui blocchi disponibili per progettare il tuo pop-up

    ✏️ Text (Testo)
    popups_text-block_en-us.png

    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)
    popups_image-block_en-us.png
    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)
    popups_button-block_en-us.png
    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 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 sfondo
    forms_bg-overlay_EN-US.png Clicca 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)
    popups_popup-window_en-us.png

    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 sapersi
    La 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)
    forms_close-button_EN-US.png Clicca sul pulsante Close (Chiudi) per modificare il colore dell'icona a forma di X, il colore di riempimento, i bordi e l'ombreggiatura.

Versione per dispositivi mobili

popups_mobile-view_en-us.png
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.

Dove deve essere visualizzato il pop-up
  1. Seleziona la piattaforma su cui desideri visualizzare il tuo pop-up. Per configurare i siti web, consulta la nostra sezione dedicata in questo articolo.
  2. Scegli le pagine del tuo sito web in cui i visitatori visualizzeranno il pop-up:
    1. 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.
    2. 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.
    3. 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.
  3. Clicca su Save (Salva).
Quando viene visualizzato il pop-up
  1. Scegli quando i visitatori vedranno il pop-up sul tuo sito web.
    1. Quando la pagina viene caricata
      Seleziona il tempo di attesa in secondi.
    2. 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.
    3. Quando si verifica un evento
      Il pop-up appare quando viene attivato un evento personalizzato che hai definito.
  2. Seleziona il numero di visite prima che il pop-up venga visualizzato da un visitatore.
  3. Seleziona quante volte un visitatore può vedere lo stesso modulo pop-up.
  4. (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.
  5. Clicca su Save (Salva).

🚀 Fase 4: attivazione del pop-up

Ora puoi attivare il tuo pop-up:

  1. Controlla le impostazioni del tuo pop-up.
  2. Clicca su Activate now or later (Attiva ora o più tardi).
    popups_activate_en-us.png
  3. 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.
  4. 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.
  5. 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.

popups_campaign-stats_en-us.png

⏭️ 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.

💬 Questo articolo ti è stato utile?

Utenti che ritengono sia utile: 1 su 1