Questa guida spiega come accedere e modificare le impostazioni di un popup già creato, incluse le opzioni di contenuto, visualizzazione e aspetto.
1. Accedere al Popup da Modificare
1. Accedi alla sezione di gestione dei Popup.
2. Nella tabella principale, individua il popup che desideri modificare. Puoi usare le colonne ID, Titolo o Data Creazione per orientarti.
3. Clicca sul titolo del popup o sull'icona di modifica (se presente) per aprire la schermata di editing.
La schermata di modifica è suddivisa in quattro sezioni principali (schede): Contenuto, Condizioni, Comportamento e Aspetto.
2. Modificare il Contenuto
Questa sezione ti permette di definire il titolo e il contenuto visibile del popup.
1. Nella scheda Contenuto:
- Modifica il Titolo popup.
- Spunta o deseleziona la casella Mostra automaticamente.
- Nota: Se la casella è deselezionata, il popup non apparirà in automatico. Per richiamarlo dovrai usare il codice JavaScript fornito sotto l'etichetta:
Richiama l'apertura del popup tramite gli eventi del Visual Builder oppure utilizza il seguente codice JavaScript. - Modifica il Contenuto del popup utilizzando l'editor visuale.
3. Impostare le Condizioni di Visualizzazione
Questa sezione definisce a chi e dove il popup deve essere mostrato. Questa scheda è visibile solo se è attiva l'opzione Mostra automaticamente.
1. Passa alla scheda Condizioni.
2. Nel box principale:
- Seleziona la casella Mostra a tutti se non vuoi applicare condizioni specifiche.
- Se Mostra a tutti non è selezionato, utilizza la sezione Gestisci condizioni per definire regole specifiche (ad esempio, basate sul comportamento dell'utente).
3. Nel box Login:
- Definisci lo Stato accesso tramite il menu a tendina:
- Mostra a tutti
- Solo utenti loggati
- Solo utenti non loggati
4. Nel box Limita tramite link:
- Nel campo Mostra SOLO sulle seguenti pagine, inserisci i link delle pagine in cui il popup deve essere attivo.
- Nel campo NON mostrare sulle seguenti pagine, inserisci i link delle pagine in cui il popup deve essere nascosto.
- Seleziona la casella Applica anche ad eventuali pagine figlie per estendere le regole di inclusione/esclusione.
4. Definire il Comportamento
Questa sezione controlla quando e come il popup appare e scompare. Questa scheda è visibile solo se è attiva l'opzione Mostra automaticamente.
1. Passa alla scheda Comportamento.
2. Imposta il Trigger apertura (quando il popup deve aprirsi):
- Seleziona un'opzione tra:
All'apertura della pagina,Prima della chiusura della pagina, oAllo scroll della pagina.
3. Imposta il Trigger chiusura (come il popup può essere chiuso):
- Scegli tra le opzioni disponibili, ad esempio:
Click sul pulsante di chiusura e click esterno, oNon permettere la chiusura.
4. Seleziona la casella Mostra insistentemente se vuoi che il popup appaia ad ogni visita.
- Se non selezioni Mostra insistentemente, definisci l'intervallo in Visualizza ogni (in giorni).
5. Nel box Preferenze, le opzioni cambiano in base al Trigger apertura scelto al punto 2:
- Se hai scelto "All'apertura della pagina": Imposta l'Attesa (in secondi) e/o Nascondi automaticamente dopo (in secondi).
- Se hai scelto "Prima della chiusura della pagina": Imposta la Permanenza minima (in secondi) e/o Nascondi automaticamente dopo (in secondi).
- Se hai scelto "Allo scroll della pagina": Imposta lo Scroll pagina minimo (in %).
5. Personalizzare l'Aspetto
Questa sezione gestisce l'aspetto visivo del popup.
1. Passa alla scheda Aspetto.
2. Definisci la Tipologia: Popup semplice o un tipo Offcanvas (Sinistra o Destra).
- Nota: Se scegli un tipo Offcanvas, le opzioni di Animazione verranno nascoste.
3. Imposta la Larghezza massima (in px).
4. Scegli il Sfondo del popup e il colore del Pulsante chiusura utilizzando i selettori colore.
5. Nel box Overlay:
- Seleziona il tipo di Overlay (lo sfondo che copre la pagina dietro il popup):
Scuro,Chiaro,Personalizzato, oNessuno. - Se scegli Personalizzato, imposta il Colore e l'Opacità (in %).
6. Nel box Animazioni (non visibile per Offcanvas):
- Scegli l'Animazione in entrata e l'Animazione in uscita dai menu a tendina.
7. Per visualizzare le modifiche prima di salvare, clicca sul bottone Visualizza anteprima.
6. Salvare le Modifiche
Dopo aver completato tutte le modifiche:
1. Clicca sul bottone di salvataggio (solitamente Salva o Fine nel contesto di un form a schede/wizard) per applicare le modifiche al popup.







