Questa guida illustra come configurare un nuovo popup, definendone il contenuto, le condizioni di visualizzazione e l'aspetto grafico.
Procedura
1. Contenuto
In questa sezione definisci il titolo e il contenuto effettivo del tuo popup.
1. Inserisci il Titolo popup.
2. Decidi la modalità di visualizzazione:
- Seleziona la casella Mostra automaticamente se desideri che il popup venga visualizzato in automatico in base alle condizioni che imposterai nei passaggi successivi.
- Se non selezioni questa opzione, il popup sarà in modalità "Manuale". Dovrai richiamare l'apertura del popup tramite gli eventi del Visual Builder oppure utilizzando il codice JavaScript fornito.
3. Utilizza l'editor per definire il Contenuto del popup.
2. Condizioni (Visibile solo se "Mostra automaticamente" è attivo)
In questa sezione definisci a quali utenti e su quali pagine il popup deve essere mostrato.
4. Seleziona la casella Mostra a tutti se non desideri applicare filtri (il popup verrà mostrato a tutti i visitatori che rispettano le impostazioni di comportamento).
5. Se non selezioni Mostra a tutti, nel box Gestisci condizioni potrai definire regole specifiche (ad esempio, mostrare il popup solo a utenti che hanno compiuto determinate azioni).
6. Nel box Login, imposta lo Stato accesso per limitare la visualizzazione a:
- Mostra a tutti
- Solo utenti loggati
- Solo utenti non loggati
7. Nel box Limita tramite link, puoi specificare le pagine su cui il popup deve apparire o non apparire:
- Inserisci gli URL in Mostra SOLO sulle seguenti pagine.
- Inserisci gli URL in NON mostrare sulle seguenti pagine.
- Seleziona Applica anche ad eventuali pagine figlie se necessario.
3. Comportamento (Visibile solo se "Mostra automaticamente" è attivo)
In questa sezione definisci il momento in cui il popup si aprirà e la sua frequenza di visualizzazione.
8. Scegli il Trigger apertura (il momento in cui il popup appare):
- All'apertura della pagina (immediatamente)
- Prima della chiusura della pagina (on exit)
- Allo scroll della pagina
9. Scegli il Trigger chiusura (come l'utente può chiudere il popup).
10. Seleziona Mostra insistentemente se vuoi che il popup sia visualizzato ad ogni caricamento della pagina, ignorando la frequenza.
11. Se non hai selezionato "Mostra insistentemente", imposta la frequenza di visualizzazione in Visualizza ogni [X] giorni.
12. Nel box Preferenze, configura le opzioni aggiuntive in base al Trigger apertura selezionato (ad esempio: Attesa in secondi, o Scroll pagina minimo in %).
4. Aspetto
In questa sezione definisci lo stile e l'animazione del popup.
13. Imposta la Tipologia:
- Popup semplice
- Offcanvas - Sinistra
- Offcanvas - Destra
14. Definisci la Larghezza massima in pixel.
15. Scegli il colore di Sfondo del popup e il colore del Pulsante chiusura.
16. Nel box Overlay, scegli un'opzione per lo sfondo dietro il popup (Scuro, Chiaro, Personalizzato o Nessuno).
17. Nel box Animazioni (visibile solo per la Tipologia "Popup semplice"), seleziona l'Animazione in entrata e l'Animazione in uscita desiderate.
18. Per visualizzare una bozza del risultato, clicca su Visualizza anteprima.
19. Al termine della configurazione, clicca sul pulsante di salvataggio per confermare la creazione del popup.
