Philipp Stracker

Tim Strifler

Jenn

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!

PlugPress

Fahim Reza

WPPaw

Divi Torque

DiviEpic

DiviPeople by PlugPress

Divi Torque Lite adds 25+ free, beautifully designed modules to the Divi Builder — so you can build richer pages without writing code or slowing your site down. Each module is fully responsive, easy to customize, and made to feel native to Divi.
<a href="https://divitorque.com/features/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-features" rel="nofollow ugc">View Demos</a> · <a href="https://divitorque.com/pricing/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-pro" rel="nofollow ugc">Get Pro</a> · <a href="https://divitorque.com/docs/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-docs" rel="nofollow ugc">Documentation</a>
<h4>Now Divi 5 ready</h4>
Divi Torque is being rebuilt for the new Divi 5 Builder. As of 4.5.0, every static module runs natively in Divi 5 — Gradient Heading, Divider, Icon Box, Inline Notice, Dual Button, Info Box, Info Card, Team Member, Image Carousel, Logo Carousel, Logo Grid, Skill Bar, Business Hours, Scroll Image, Review Box, Flip Card, Testimonial, Number Counter, Before & After Slider, Video Modal, and Animated Text. Your existing Divi 4 layouts migrate automatically and keep working exactly as before.
<h4>Why Divi Torque Lite?</h4>
<ul>
<li>Fully customizable — Extensive design options on every module so you can match your brand pixel for pixel.</li>
<li>Lightweight & fast — Clean, optimized code with no bloat, built for fast loading and smooth live editing.</li>
<li>Module Manager — Enable only the modules you use and disable the rest to keep your site lean.</li>
<li>Expert support — A responsive support team ready to help via the forum, live chat, or contact form.</li>
</ul>
<h4>25+ Free Divi Modules</h4>
<ul>
<li><a href="https://divitorque.com/features/icon-box" rel="nofollow ugc">Icon Box</a> — Pair icons with text to present services and features clearly.</li>
<li><a href="https://divitorque.com/features/contact-form-7" rel="nofollow ugc">Contact Form 7 Styler</a> — Style Contact Form 7 forms to match your design.</li>
<li><a href="https://divitorque.com/features/separator" rel="nofollow ugc">Separator</a> — Add precise, customizable dividers between sections.</li>
<li><a href="https://divitorque.com/features/skill-bar" rel="nofollow ugc">Skill Bar</a> — Show proficiency levels with animated progress bars.</li>
<li><a href="https://divitorque.com/features/logo-grid" rel="nofollow ugc">Logo Grid</a> — Display client, partner, or sponsor logos in a clean grid.</li>
<li><a href="https://divitorque.com/features/person" rel="nofollow ugc">Person</a> — Introduce team members with photos, bios, and social links.</li>
<li><a href="https://divitorque.com/features/testimonial" rel="nofollow ugc">Testimonial</a> — Showcase reviews and quotes to build trust.</li>
<li><a href="https://divitorque.com/features/info-box" rel="nofollow ugc">Info Box</a> — Highlight key information with icon-and-text boxes.</li>
<li><a href="https://divitorque.com/features/info-card" rel="nofollow ugc">Info Card</a> — Present details in an engaging card layout.</li>
<li><a href="https://divitorque.com/features/dual-button" rel="nofollow ugc">Dual Button</a> — Offer two clear calls to action side by side.</li>
<li><a href="https://divitorque.com/features/before-after-slider" rel="nofollow ugc">Before & After Slider</a> — Compare two images with an interactive slider.</li>
<li><a href="https://divitorque.com/features/image-carousel" rel="nofollow ugc">Image Carousel</a> — Build responsive image sliders with full controls.</li>
<li><a href="https://divitorque.com/features/logo-carousel" rel="nofollow ugc">Logo Carousel</a> — Rotate client and partner logos elegantly.</li>
<li><a href="https://divitorque.com/features/number" rel="nofollow ugc">Number Counter</a> — Animate statistics and key figures.</li>
<li><a href="https://divitorque.com/features/video-modal" rel="nofollow ugc">Video Modal</a> — Open videos in a sleek, responsive popup.</li>
<li><a href="https://divitorque.com/features/scroll-image" rel="nofollow ugc">Scroll Image</a> — Add vertical or horizontal scrolling image effects.</li>
<li><a href="https://divitorque.com/features/news-ticker" rel="nofollow ugc">News Ticker</a> — Display live updates and announcements.</li>
<li><a href="https://divitorque.com/features/post-list" rel="nofollow ugc">Post List</a> — List blog posts and articles for easy browsing.</li>
<li><a href="https://divitorque.com/features/review-box" rel="nofollow ugc">Review Box</a> — Highlight customer feedback to build credibility.</li>
<li><a href="https://divitorque.com/features/flip-card" rel="nofollow ugc">Flip Card</a> — Reveal extra content with an interactive flip.</li>
<li><a href="https://divitorque.com/features/animated-text" rel="nofollow ugc">Animated Text</a> — Capture attention with dynamic text animations.</li>
<li><a href="https://divitorque.com/features/business-hours" rel="nofollow ugc">Business Hours</a> — Show opening times in a clear, tidy layout.</li>
<li><a href="https://divitorque.com/features/gradient-heading" rel="nofollow ugc">Gradient Heading</a> — Apply striking gradient effects to headings.</li>
<li><a href="https://divitorque.com/features/inline-notice" rel="nofollow ugc">Inline Notice</a> — Highlight important notes with ready-to-use boxes.</li>
</ul>
<h4>Go Further with Divi Torque Pro</h4>
Pro unlocks 50+ advanced modules and extensions, including:
<ul>
<li><a href="https://divitorque.com/features/post-grid" rel="nofollow ugc">Post Grid</a> & <a href="https://divitorque.com/features/post-carousel" rel="nofollow ugc">Post Carousel</a> — Dynamic blog and portfolio layouts.</li>
<li><a href="https://divitorque.com/features/filterable-gallery" rel="nofollow ugc">Filterable Gallery</a> & <a href="https://divitorque.com/features/masonry-gallery" rel="nofollow ugc">Masonry Gallery</a> — Stunning, filterable image grids.</li>
<li><a href="https://divitorque.com/features/ajax-search" rel="nofollow ugc">Ajax Search</a> — Instant, live search results.</li>
<li><a href="https://divitorque.com/features/lottie-animation" rel="nofollow ugc">Lottie Animation</a> — Lightweight interactive animations.</li>
<li><a href="https://divitorque.com/features/timeline" rel="nofollow ugc">Timeline</a> & <a href="https://divitorque.com/features/horizontal-timeline" rel="nofollow ugc">Horizontal Timeline</a> — Tell stories step by step.</li>
<li><a href="https://divitorque.com/features/pricing-table" rel="nofollow ugc">Pricing Table</a> & <a href="https://divitorque.com/features/star-rating" rel="nofollow ugc">Star Rating</a> — Convert visitors with clear, trusted layouts.</li>
<li><a href="https://divitorque.com/features/gravity-forms" rel="nofollow ugc">Gravity Forms</a> & <a href="https://divitorque.com/features/fluent-forms" rel="nofollow ugc">Fluent Forms</a> stylers — Beautiful, on-brand forms.</li>
<li><a href="https://divitorque.com/features/whatsapp-chat" rel="nofollow ugc">WhatsApp</a>, <a href="https://divitorque.com/features/telegram-chat" rel="nofollow ugc">Telegram</a> & <a href="https://divitorque.com/features/instagram-chat" rel="nofollow ugc">Instagram</a> chat — Connect with visitors instantly.</li>
</ul>
<a href="https://divitorque.com/pricing/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-pro" rel="nofollow ugc">Explore all Pro modules →</a>
<h4>Requirements</h4>
Divi Torque Lite extends Divi. You’ll need the <a href="https://www.elegantthemes.com/gallery/divi/" rel="nofollow ugc">Divi Theme</a> or <a href="https://www.elegantthemes.com/gallery/divi/" rel="nofollow ugc">Divi Builder</a> installed for it to work.
<h4>Connect with us</h4>
Need a hand? <a href="https://divitorque.com/contact-us/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-contact" rel="nofollow ugc">Contact our support team</a> or <a href="https://x.com/PlugPressHQ" rel="nofollow ugc">follow @PlugPressHQ on X</a> for updates.

Divi Torque Lite – Divi Modules for the Divi Builder & Theme


Brilliant free plugin. Video popup works great



Despite not having "Pro version" modules enabled or utilized, the free version of the plugin loads "Pro version" only module's assets, adding bloat to the site. Not only that, but it also loads the unminified .js file rather than the (sitting there ready and available to use) .min.js file. This causes a performance score hit that needs to be chased down by developers when the site owner complains that their site is scoring poorly in tests they've run. If I haven't paid for the "Pro Version" Pop ups module then why is the unminified version of "Magnific Pop Up" being loaded?


Performance score hit.


It suddenly started displaying the Shortcodes on all pages / posts. 


Shortcodes displaying all over the site.

Supercharge the Divi Builder with 25+ free, lightweight modules — Icon Box, Carousel, Testimonials, Gradient Heading, and more.

Popups for Divi vs Divi Torque Lite – Divi Modules for the Divi Builder & Theme