Necessità di sapere come creare popup con Elementor ?
Elementor non è solo un page builder. È un WordPress Plugin versatile. Ci sono molte altre cose che puoi fare con esso Elementor oltre alla creazione di pagine web. Uno di questi è la creazione di popup.
In questo articolo ti mostreremo come creare un popup con l'aiuto della funzionalità Popup Builder diElementor.
Creare un popup con Elementor è semplicissimo. Puoi creare il tuo popup con l'interfaccia visiva di Elementor in cui tutto viene trascinato e rilasciato. Elementor offre anche modelli di popup che puoi utilizzare per creare i tuoi popup. Dovrai semplicemente selezionare un modello, pubblicarlo e definire il trigger.
Scopri Come installare Elementor su WordPress
Prima di andare oltre, è fondamentale notare che Popup Builder di Elementor è disponibile solo nella versione pro.
Come creare un popup con Elementor
Quando crei un popup con Elementor, puoi impostare un trigger (un'azione per visualizzare il popup) e configurare la condizione (su quali pagine desideri che appaia il tuo popup). Inoltre, puoi anche impostare una regola avanzata (trattata più avanti).
Leggi anche: Come creare un pulsante sfumato multicolore in Elementor
In questa guida creeremo un popup di invito all'azione con un trigger sui clic dei pulsanti. Il popup verrà visualizzato quando un utente fa clic su un pulsante.
Supponendo che tu abbia installato Elementor Pro, accedi alla dashboard di WordPress e vai a Modelli – > Popup e fare clic sul pulsante aggiungere sopra.
Dai un nome al tuo popup e clicca sul pulsante CREA UN MODELLO.
Seleziona un modello popup che desideri utilizzare. Passa il mouse su di esso e fai clic sul pulsante inserire per inserirlo nell'editor di Elementor.
Se preferisci creare il popup da zero, puoi semplicemente chiudere la libreria dei modelli per aprire l'editor di Elementor.
Nell'editor Elementor, puoi personalizzare il popup. Puoi sostituire il contenuto predefinito (testi in particolare) con il tuo contenuto. Usa il browser per passare più facilmente tra sezioni e widget.
Puoi anche aggiungere l'animazione di entrata/uscita, abilitare/disabilitare la sovrapposizione e abilitare/disabilitare il pulsante di chiusura.
Al termine, fai clic sul pulsante PUBBLICARE.
Nel passaggio successivo, ti verrà chiesto di impostare le condizioni di visualizzazione e i trigger. C'è anche un'opzione per impostare regole avanzate:
- Termini di visualizzazione: Determina su quali pagine il popup appare sul tuo sito web. Puoi configurare il popup in modo che appaia sull'intero sito Web, su pagine specifiche, post specifici, categorie specifiche, ecc.
- Trigger: Un trigger è un'azione per visualizzare il popup. Elementor supporta 6 tipi di trigger: On Page Load, On Scroll, On Element Scroll, On Click, Dopo l'inattività, uscita dalla pagina
- Regole avanzate: Requisiti che devono essere soddisfatti per la visualizzazione del popup. Ad esempio, puoi configurare il popup in modo che appaia se un visitatore arriva al tuo sito Web tramite un motore di ricerca o un determinato URL. Lo stesso Popup Builder di Elementor offre 7 opzioni di regole avanzate che puoi impostare.
Poiché vogliamo mostrare il popup quando un utente fa clic su un pulsante, apri la scheda trigger e attiva l'opzione Al clic. Cliquez sur Salva e chiudi.
Crea una nuova pagina/post e modificala con Elementor (puoi anche modificare una pagina esistente).
Aggiungi il Widget pulsante trascinandolo dal pannello di sinistra nell'area di modifica. Oppure, se stai modificando una pagina esistente che contiene già un pulsante, fai clic sul widget Pulsante per metterlo in modalità di modifica.
Scopri anche: Come impostare una dimensione personalizzata per l'icona del pulsante Elementor
In opzione Pulsante sotto la scheda Contenuto, imposta il collegamento su Apparire. Per fare ciò, puoi fare clic nella sezione Collegamento dinamico.
Fare clic sull'icona della chiave inglese nel campo Apparire e seleziona il popup che hai appena creato. Digita il nome del popup per trovare il tuo popup.
Fare clic PUBBLICARE / AGGIORNARE dopo aver modificato la pagina. Prima di fare clic sul pulsante PUBBLICARE / AGGIORNARE, puoi prima visualizzare in anteprima la tua pagina per vedere se il popup funziona già.
Ottieni subito Elementor Pro!!!
Conclusione
Con Elementor Pro, non è più necessario installare alcun plug-in popup perché le funzionalità offerte da Elementor Pro includono un generatore di popup.
Il Popup Builder di Elementor ti consente di creare qualsiasi tipo di popup. Da un popup di invito all'azione come quello che abbiamo appena creato sopra, un popup di forma registrazione, una barra di notifica, un pulsante di condivisione social, ecc.
Poiché il popup viene creato con l'editor di Elementor, puoi praticamente aggiungere qualsiasi widget al tuo popup. Con il Popup Builder di Elementor, puoi anche creare un menu di un sito Web creativo come quello qui sotto:
Elementor offre modelli di popup per risparmiare tempo nella creazione di un popup. Puoi anche utilizzare un modello se non hai idea di quale design popup desideri creare.
Ecco ! Questo è tutto per questo articolo che ti mostra come crea popup con Elementor. 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.
...
