After the plugin is activated, the Visual Builder displays a new tab called “Popup” in the Section Settings modal. In the “Popup” tab, you can turn a regular Section into a Popup!
It’s super simple, as you can see on the plugins Demo Page: divimode.com/divi-popup/demo
ℹ️ How it works
First, activate the plugin (no configuration needed!)
- Open up your Visual Builder and edit a Section – you’ll see a new “Popup” tab in the Section Settings.
- Toggle the option “This is a Popup” and set the “Popup ID” to something (e.g., “
newsletter-optin“). Close the Section Settings. - Add a Button Module somewhere else on the page and set the “Link URL” to your Popup ID, with a leading “#” hash (e.g. “
#newsletter-optin“) - That’s all. Save the page and exit the Visual Builder! Click on the button, and you’ll see your Popup. Congratulations!
⭐️ Additional details
Check out the Plugin website for more details. You’ll find:
- Esempio:
- Opzioni classi CSS
- Documentazione JS API
- Documentazione WP filter
Testato su tutti i principali browser per Windows e Mac: Chrome, Firefox, Safari, IE 11, Edge!
Popups for Divi Course
During the past years, we’ve added a ton of features and have created a stable and powerful marketing plugin.
Per celebrare l’anniversario abbiamo creato un corso di sei giorni per insegnarti tutto sul plugin. Ti guida attraverso le basi per creare il primo popup mostrando le possibilità di personalizzazione dei layout fino alle tecniche d’utilizzo avanzato del plugin.
“Le email di istruzioni mi hanno davvero aiutato a comprendere come usare correttamente il plugin!”
Il corso è disponibile nella tua Bacheca wp-admin immediatamente dopo aver installato e attivato il plugin. Dai un’occhiata agli screenshot per vedere il modulo. Dai anche un’occhiata alla sezione FAQ se vuoi disabilitare questa caratteristica.
🥳 Want more?
If you want to get the most out of Divi, you need to have a look at Divi Areas Pro to get additional features:
- Una UI di amministrazione per creare e configurare i tuoi popup
- Choose between 4 Area Types: Popup, Inline, Fly-in, Hover
- Una UI bellissima che si integra perfettamente in Divi
- Add advanced triggers to your Areas:
- On click
- All’hover
- Allo scroll
- Dopo un ritardo
- All’uscita
- Customize the Area Display
- Show on certain pages
- Mostra su alcuni dispositivi
- Mostra per alcuni ruoli utente o per gli ospiti
- Customize Area Behavior
- Show/Hide the Close button
- Mostra l’Area una volta ogni ora, giorno, settimana, …
- Flexible position for Inline Areas
- Replace/extend the page header
- o Footer
- o una sezione Commenti
- o, perché no, qualsiasi sezione Divi all’interno del contenuto di pagina
- In accoppiata con una versione estesa di JS API
- Ottima documentazione all’interno del plugin e una knowledge base online
- e molto altro…
👉 Learn more about Divi Areas Pro (with screenshots!)