Generatore di popup di GutenKit è un modulo che consente agli utenti di creare e personalizzare vari tipi di pop-up, come finestre modali, lightbox o sovrapposizioni, per i propri siti web.
Vediamo come funziona il modulo.
Generatore di popup GutenKit #
È un Modulo professionaleNon dimenticare di prenderlo da Qui.
- Accesso alla dashboard di WordPress
- Trova GutenKit e vai a Moduli
- Trova Popup Builder e attivalo

Crea nuovo popup #
Ora puoi vedere Popup Builder sotto i moduli, devi cliccarci sopra e puoi creare un popup.

- Fare clic sul segno più
- Vedrai il Popup Builder, cliccaci sopra

Successivamente, nel campo popup, vedrai di nuovo un segno più e aggiungi qualsiasi blocco di tua scelta.

Modifica della parte del contenuto #
- Evento aperto: Determina quando appare il popup. Le opzioni qui sono:
- Al caricamento della pagina: qui puoi regolare Ritardo di apertura (S) tempo di caricare la pagina.
- Dopo l'inattività: consente di regolare Tempo di inattività dell'utente (s).
- Pagina scorrevole: devi impostare Avanzamento scorrimento pagina (%) Qui.
- Intento di uscita dalla pagina: attiva un popup quando un utente sta per uscire dalla pagina.
- Data: qui puoi regolare Ora e data.
- Selettore personalizzato Clic: Ha un Classe selettore opzione di aggiunta, che specifica un elemento sulla pagina per attivare il popup.
- Animazione d'ingresso: Qui puoi scegliere lo stile di inserimento del popup (ad esempio, dissolvenza, zoom, rotazione, rollio, ecc.).
- Animazione di uscita: Permette di scegliere lo stile di chiusura del popup (ad esempio, dissolvenza, scorrimento).
- Durata dell'animazione: Permette di controllare la velocità delle animazioni di entrata e di uscita.

- Pulsante Chiudi: Questo è un pulsante per chiudere manualmente il popup.
- Chiudi cliccando all'esterno: Abilitando il pulsante puoi consentire agli utenti di chiudere il popup cliccando al di fuori di esso.
- Sovrapposizione: Questo è lo sfondo dietro il popup, il cui aspetto può essere personalizzato.

- Pulsante Chiudi: Questo è un pulsante per chiudere manualmente il popup.
- Chiudi cliccando all'esterno: Abilitando il pulsante puoi consentire agli utenti di chiudere il popup cliccando al di fuori di esso.
- Sovrapposizione: Questo è lo sfondo dietro il popup, il cui aspetto può essere personalizzato.
Impostazione delle condizioni #
Condizione: Questa parte consente di specificare in quali circostanze il popup deve apparire o essere nascosto.
- Include –
- Tutto il sito: Il popup verrà visualizzato su tutte le pagine del tuo sito web.
- Singolare: Il popup verrà visualizzato solo su pagine specifiche.
- Archivio: Il popup verrà visualizzato solo nelle pagine di archivio (ad esempio, archivi degli autori, risultati di ricerca, categorie di post, ecc.).
- Escludere –
- Tutto il sito: Il popup verrà nascosto su tutte le pagine del tuo sito web.
- Singolare: Il popup verrà nascosto solo in determinate pagine.
- Archivio: Il popup verrà nascosto nelle pagine di archivio.

Stile di modifica #
Come qualsiasi altro blocco e modulo GutenKit, puoi anche dare uno stile al Popup builder. Qui le opzioni di stile sono: larghezza, altezza, posizione, colore, padding e così via.

Come appare il Popup #
Puoi personalizzare il popup in base alle tue scelte. Guarda l'esempio.

Produzione #
Ecco come funziona il generatore di popup.
