Modificare un popup esistente

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, o Allo 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, o Non 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, o Nessuno.
  • 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.