Descrizione: Questo strumento permette di creare finestre a comparsa (popup) o pannelli laterali (offcanvas) altamente personalizzabili, definendo con precisione quando, dove e a chi devono essere mostrati sul sito web.
A cosa serve? (Esempi pratici)
Utilizza la gestione dei popup per ottimizzare la conversione e l'interazione con i tuoi visitatori:
- Acquisizione Lead: Mostra un modulo di iscrizione alla newsletter o un'offerta speciale non appena un utente mostra l'intenzione di lasciare la pagina (funzione "prima della chiusura").
- Targeting Avanzato: Invia messaggi specifici (es. codici sconto o notifiche) solo a segmenti di pubblico precisi, come gli utenti già loggati o quelli che soddisfano determinate condizioni di marketing.
- Messaggi Contestuali: Limita la visualizzazione di avvisi importanti (es. un banner sui cookie o un annuncio di manutenzione) solo a pagine o sezioni specifiche del tuo sito.
Funzionalità principali
- Creazione Contenuto Visuale: Il contenuto del popup viene gestito tramite il Visual Builder, consentendo l'inserimento di testo, immagini, moduli e qualsiasi elemento grafico.
- Modalità di Visualizzazione: Puoi scegliere se il popup deve essere mostrato automaticamente in base alle regole impostate, oppure se deve essere richiamato manualmente tramite eventi specifici o codice.
- Controllo del Comportamento: Definizione dettagliata dei trigger di apertura (immediata, scroll, exit intent) e delle regole di chiusura.
- Segmentazione del Pubblico: Applicazione di condizioni avanzate basate sullo stato di accesso (loggato/non loggato) e su filtri di marketing specifici.
- Personalizzazione Estetica: Controllo completo su tipologia (popup o offcanvas), dimensioni, colori e animazioni di entrata e uscita.
Come si configura
La configurazione di un popup è divisa in quattro sezioni principali, accessibili tramite i passaggi guidati:
1. Contenuto
| Opzione | Descrizione |
|---|---|
| Titolo popup | Il nome interno per identificare il popup nell'elenco di gestione. |
| Mostra automaticamente | Se attivo, il popup verrà visualizzato in base alle regole di Condizioni e Comportamento. Se disattivo, il popup non apparirà mai da solo, ma potrà essere richiamato manualmente. |
| Contenuto | L'area dove si crea il corpo del popup utilizzando il Visual Builder. |
| Richiamo manuale | Se il popup non è attivo, viene fornito un codice JavaScript da utilizzare per richiamare l'apertura tramite eventi esterni (es. click su un pulsante). |
2. Condizioni (Visibile solo se 'Mostra automaticamente' è attivo)
Questa sezione definisce a chi e dove il popup deve essere mostrato.
| Opzione | Descrizione |
|---|---|
| Mostra a tutti | Se selezionato, ignora tutte le condizioni di targeting sottostanti. |
| Gestisci condizioni | Permette di impostare regole complesse di segmentazione (es. "L'utente ha visitato la pagina X" OPPURE "Il carrello contiene più di 50€"). |
| Stato accesso | Limita la visualizzazione a tutti, solo agli utenti loggati o solo agli utenti non loggati. |
| Mostra SOLO sulle seguenti pagine | Elenco delle URL in cui il popup deve essere visualizzato. |
| NON mostrare sulle seguenti pagine | Elenco delle URL in cui il popup deve essere nascosto. |
| Applica anche ad eventuali pagine figlie | Estende le regole di inclusione/esclusione anche alle sottopagine delle URL specificate. |
3. Comportamento (Visibile solo se 'Mostra automaticamente' è attivo)
Questa sezione definisce quando e come il popup deve apparire e scomparire.
| Opzione | Descrizione |
|---|---|
| Trigger apertura | Definisce l'evento che fa apparire il popup: All'apertura della pagina, Prima della chiusura della pagina (Exit Intent) o Allo scroll della pagina (con percentuale configurabile). |
| Trigger chiusura | Definisce come l'utente può chiudere il popup: Click sul pulsante, Click esterno, entrambi o Nessuna chiusura (popup forzato). |
| Mostra insistentemente | Se attivo, il popup verrà mostrato ad ogni visita, ignorando la frequenza di visualizzazione. |
| Visualizza ogni [X] giorni | Imposta la frequenza minima (in giorni) tra una visualizzazione e l'altra per lo stesso utente. |
| Attesa (secondi) | (Solo per trigger "All'apertura della pagina" o "Prima della chiusura") Il ritardo in secondi prima che il popup appaia. |
| Nascondi automaticamente dopo (secondi) | (Opzionale) Il tempo dopo il quale il popup scompare da solo. |
4. Aspetto
Questa sezione gestisce il design visivo del popup.
| Opzione | Descrizione |
|---|---|
| Tipologia | Scegli tra Popup semplice (centrale) o Offcanvas (pannello laterale a Sinistra o Destra). |
| Larghezza massima (px) | Definisce la dimensione massima orizzontale del popup. |
| Sfondo | Colore di sfondo del contenitore del popup. |
| Pulsante chiusura | Colore dell'icona di chiusura (visibile solo se il trigger di chiusura lo prevede). |
| Overlay | L'effetto di sfondo che copre la pagina quando il popup è aperto (Scuro, Chiaro, Personalizzato o Nessuno). |
| Animazione in entrata/uscita | Seleziona l'effetto visivo con cui il popup appare e scompare (es. FadeIn, SlideIn, BounceIn). Le animazioni sono disattivate per la tipologia Offcanvas. |
| Visualizza anteprima | Permette di testare l'aspetto e le animazioni del popup prima del salvataggio. |
Integrazioni automatiche
Questo modulo si integra con le seguenti aree del sistema:
- Visual Builder: Il contenuto del popup viene creato direttamente all'interno dell'editor visuale, garantendo la massima libertà di design.
- Sistema di Condizioni di Marketing: Utilizza il motore di segmentazione avanzato del sistema per definire regole di visualizzazione basate su dati utente, storico di navigazione o azioni tracciate.
- Eventi del Sito: Se un popup è impostato in modalità manuale, può essere richiamato tramite gli eventi configurabili all'interno del Visual Builder o tramite codice JavaScript, permettendo l'attivazione in risposta a specifiche interazioni dell'utente (es. click su un elemento).
