È necessario capire come aprire un popup Elementor a Gutenberg?
Nelle comunità online, c'è sempre una cosa discutibile: i popup. Alcune persone si chiedono se usare o meno i popup. Ma secondo noi, i popup vanno bene se i popup che hai creato sono semplici, attraenti e non fastidiosi per i tuoi utenti.
Diciamo che hai già creato i popup con Elementor e vuoi aprirli nell'editor Gutenberg di WordPress; perché desideri distribuire i popup sui post o sulle pagine del tuo blog. Se ti stai chiedendo, è possibile farlo? Ebbene, la risposta è sì, è possibile.
Questo articolo ti mostrerà come aprire i popup Elementor a Gutenberg.
Come aprire Elementor Popup nell'editor Gutenberg di WordPress
Passaggio 1: prepara il popup
Passa al modello popup che hai creato. Se sei nuovo su Elementor e vuoi imparare come creare popup, puoi dare un'occhiata al seguente tutorial: facendo clic su questo collegamento.
Va bene, una volta completata la creazione del popup, fai clic sull'icona a forma di ingranaggio ( ️ ) nell'angolo in basso a sinistra del pannello delle impostazioni dell'elemento per aprire il pannello del popup. Nel pannello delle impostazioni popup, vai alla scheda avanzato e aggiungi un selettore sul campo Apri tramite selettore .
Assicurati di aggiungere il simbolo del punto come prefisso (ad es. .popup12345).
Dopo aver aggiunto il selettore specificato, non dimenticare di aggiornare o pubblicare il modello di popup.
Nota: Nella scheda Condizioni di visualizzazione del tuo popup, per favore configuralo per visualizzare il tuo popup su Intero sito; Ciò ti consentirà di accedere al tuo popup in generale sito web. Inoltre, non è necessario definire un trigger, perché visualizzerai il popup dal selettore che hai appena definito.
Passaggio 2: apri il popup in Gutenberg
Ora è il momento di aprire il popup nell'editor Gutenberg di WordPress.
Vai all'editor Gutenberg di WordPress; puoi crearne uno nuovo contenuto (pagina/pubblicazione) o selezionare a contenuto esistente. Successivamente, scegli qualsiasi blocco che desideri utilizzare come trigger per la visualizzazione del popup.
In questo tutorial useremo un blocco Pulsanti.
Dopo aver deciso quale blocco vuoi utilizzare come trigger per mostrare il popup, vai su Impostazioni Blocca – > Avanzate. Quindi aggiungi il tuo Classi CSS specificate in Classe CSS aggiuntiva ( e ) campione.
Bene. Questo è tutto. Per vedere come ha funzionato, pubblica il tuo progetto e aprilo in una nuova finestra.
Ottieni subito Elementor Pro!!!
Conclusione
Questo articolo mostra con quanta facilità puoi aprire un popup Elementor nell'editor Gutenberg di WordPress. Speriamo che questo articolo ti sia utile. Ultimo ma non meno importante, tieni presente che il successo del tuo popup dipende dalla conversione dei tuoi utenti utilizzando un contenuto pertinente e un invito all'azione convincente.
Se hai dubbi su come arrivarci, faccelo sapere all'interno commentaires.
Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.
Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.
...
