Philipp Stracker

Jenn

Tim Strifler

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: <a href="https://divimode.com/divi-popup/demo/?utm_source=wporg&utm_medium=link&utm_campaign=popups-for-divi" rel="nofollow ugc">divimode.com/divi-popup/demo</a>
ℹ️ How it works
First, activate the plugin (no configuration needed!)
<ol>
<li>Open up your Visual Builder and edit a Section – you’ll see a new “Popup” tab in the Section Settings.</li>
<li>Toggle the option “This is a Popup” and set the “Popup ID” to something (e.g., “<code>newsletter-optin</code>“). Close the Section Settings.</li>
<li>Add a Button Module somewhere else on the page and set the “Link URL” to your Popup ID, with a leading “#” hash (e.g. “<code>#newsletter-optin</code>“)</li>
<li>That’s all. Save the page and exit the Visual Builder! Click on the button, and you’ll see your Popup. Congratulations!</li>
</ol>
⭐️ Additional details
Check out the <a href="https://divimode.com/divi-popup/?utm_source=wporg&utm_medium=link&utm_campaign=popups-for-divi" rel="nofollow ugc">Plugin website</a> for more details. You’ll find:
<ul>
<li>Examples</li>
<li>CSS class options</li>
<li>JS API documentation</li>
<li>WP filter documentation</li>
</ul>
Tested in all major browsers on Windows and 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.
To celebrate the anniversary, we have created a six-day course that teaches you everything about the plugin. It walks you through the basics of creating your first Popup, shows possible ways to customize your Popup layouts and goes into advanced techniques and usages of the plugin.
<blockquote>
“The instruction emails really helped me to understand how to use the plugin correctly!”
</blockquote>
The course is available in your wp-admin Dashboard right after you install and activate the plugin. Check out the screenshots to see the form. Also, have a look in the FAQ section, if you want to disable this feature.
🥳 Want more?
If you want to get the most out of Divi, you need to have a look at <a href="https://divimode.com/divi-areas-pro/?utm_source=wporg&utm_medium=link&utm_campaign=popups-for-divi" rel="nofollow ugc">Divi Areas Pro</a> to get additional features:
<blockquote>
<ul>
<li>An admin UI to create and configure your popups</li>
<li>Choose between 4 Area Types: Popup, Inline, Fly-in, Hover</li>
<li>A beautiful UI that blends in perfectly with Divi</li>
<li>Add advanced triggers to your Areas:
<ul>
<li>On click</li>
<li>On hover</li>
<li>On scroll</li>
<li>After delay</li>
<li>On Exit</li>
</ul>
</li>
<li>Customize the Area Display
<ul>
<li>Show on certain pages</li>
<li>Show on certain devices</li>
<li>Show for certain user roles or guests</li>
</ul>
</li>
<li>Customize Area Behavior
<ul>
<li>Show/Hide the Close button</li>
<li>Display the Area once per hour, day, week, …</li>
</ul>
</li>
<li>Flexible position for Inline Areas
<ul>
<li>Replace/extend the page header</li>
<li>or Footer</li>
<li>or Comment section</li>
<li>or actually any Divi section inside the page content</li>
</ul>
</li>
<li>It comes with an extended version of the JS API</li>
<li>Great documentation built into the plugin and an online knowledge base</li>
<li>and much more…</li>
</ul>
👉 <a href="https://divimode.com/divi-areas-pro/?utm_source=wporg&utm_medium=link&utm_campaign=popups-for-divi" rel="nofollow ugc">Learn more about Divi Areas Pro</a> (with screenshots!)
</blockquote>

Popups for Divi

I would request to improve it constantly, thank you 

Great Plugin


I inherited a client site with 4 other popup builder plugins installed. None worked after I updated Divi theme to its latest version. This plugin worked very well and had good documentation, which was helpful because it's a smart but non-obvious way to add and design popups in the Divi visual editor.



One area for improvement is built-in popup templates to choose from, such as borders, modal background designs (stripes), etc.


It works well, very easy and smart

A quick and easy way to create Popup layers inside the Divi Visual Builder!

wpmariocom

exclusivedivi

ExclusiveDivi plugin comes with creative modules that works with Divi page builder to give you a familiar designing environment with additional elements and more creative ways to work with.
<h3>Preloader for Divi</h3>
Exclusive Divi plugin comes with an option to enable Preloader for your Divi Websites.
<h3>AJAXIFY Divi</h3>
Allow your site visitors to navigate between the pages, without reloading the page.
<h3>MODULES</h3>
We have built amazing modules and extensions to enhance your Divi Page Building experience.
<a href="https://exclusivedivi.com/module/divider/" rel="nofollow ugc">Divider</a> – Separate your section using text and icon dividers.
<a href="https://exclusivedivi.com/module/gradient-text/" rel="nofollow ugc">Gradient Text</a> – This module allows you to create Gradient Text using Divi Background Gradient option.
<a href="https://exclusivedivi.com/module/video-lightbox/" rel="nofollow ugc">Video Lightbox</a> – This module helps you to show you video in popup with awesome button and overlay styles.
<a href="https://exclusivedivi.com/module/before-after-image-slider/" rel="nofollow ugc">Before/After Image Slider</a> – This Divi module is perfect for creating Image comparisons with before after slide effect.
<a href="https://exclusivedivi.com/module/typing-text/" rel="nofollow ugc">Typing Text</a> – Add a cool typing effect to your website using the Typing Text Module.
<a href="https://exclusivedivi.com/module/scrolling-text/" rel="nofollow ugc">Scrolling Text</a> – This module allows you to create awesome scrolling text with infinite loop.
<a href="https://exclusivedivi.com/module/highlighted-text/" rel="nofollow ugc">Highlighted text</a> – The Highlighted text module lets you effortlessly accentuate parts of the text you select and make your text more readable by adding different highlighted styles.
<a href="https://exclusivedivi.com/module/gallery/" rel="nofollow ugc">Gallery</a> – The exclusive Divi Gallery module will let you create stunning galleries with 3 different styling options, you can customize the gallery as per your design requirements.
<a href="https://exclusivedivi.com/module/progress-bar/" rel="nofollow ugc">Progress Bar</a>Progress Bar module helps your users to check the progress of their reading or browsing of your website page and it is one of the most creative approaches you can take to make your blog interesting to your audience.
<a href="https://exclusivedivi.com/module/multi-button/" rel="nofollow ugc">Multi Button</a> The multi Button module allows you to have two or more buttons in the same row or column without any code.
<a href="https://exclusivedivi.com/module/glitch-text/" rel="nofollow ugc">Glitch Text</a> Want to put a glitch effect on your texts? The Glitch Text Module can bring some very unique styles to your website texts.
<a href="https://exclusivedivi.com/module/fancy-text/" rel="nofollow ugc">Fancy Text</a> The fancy text module lets you create beautiful animated headlines. Words within the headline are cycled through using different animation styles that you choose from the module settings.
<a href="https://exclusivedivi.com/module/drop-cap/" rel="nofollow ugc">Drop Cap</a> Divi Drop Cap Module is basically text module which allows you to add drop cap automatically and change its styling from the module options. It gives your readers more readable content.
<a href="https://exclusivedivi.com/module/business-hours/" rel="nofollow ugc">Business Hours</a> Divi Business Hours module allows you to display business opening & closing hours on your website attractively.This module allows your customers to know your service availability time.
<a href="https://exclusivedivi.com/module/twitter-feed/" rel="nofollow ugc">Twitter Feed</a> Twitter Feed Module is a powerful tool for display of a Twitter feed on your website. The module has many useful features that make it easy to sync up an account and display Twitter posts in a beautiful layout.

Exclusive Divi – Divi Preloader, Modules for Divi & Extra Theme

ExclusiveDivi plugin comes with creative modules that works with Divi page builder to give you a familiar designing environment with additional elemen …

Popups for Divi vs Exclusive Divi – Divi Preloader, Modules for Divi & Extra Theme