Philipp Stracker

Jenn

Tim Strifler

<p>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!</p>
<p>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></p>
<p>ℹ️ How it works</p>
<p>First, activate the plugin (no configuration needed!)</p>
<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><strong>That’s all</strong>. Save the page and exit the Visual Builder! Click on the button, and you’ll see your Popup. Congratulations!</li>
</ol>
<p>⭐️ Additional details</p>
<p>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:</p>
<ul>
<li>Examples</li>
<li>CSS class options</li>
<li>JS API documentation</li>
<li>WP filter documentation</li>
</ul>
<p>Tested in all major browsers on Windows and Mac: Chrome, Firefox, Safari, IE 11, Edge!</p>
<p>Popups for Divi Course</p>
<p>During the past years, we’ve added a ton of features and have created a stable and powerful marketing plugin.</p>
<p>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.</p>
<blockquote>
<p>“The instruction emails really helped me to understand how to use the plugin correctly!”</p>
</blockquote>
<p>The course is available in your <strong>wp-admin Dashboard</strong> 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.</p>
<p>🥳 Want more?</p>
<p>If you want to get the most out of Divi, you need to have a look at <strong><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></strong> to get additional features:</p>
<blockquote>
<ul>
<li>An <strong>admin UI</strong> to create and configure your popups</li>
<li>Choose between <strong>4 Area Types</strong>: Popup, Inline, Fly-in, Hover</li>
<li>A <strong>beautiful UI</strong> that blends in perfectly with Divi</li>
<li>Add <strong>advanced triggers</strong> 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 <strong>Display</strong>
<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 <strong>Behavior</strong>
<ul>
<li>Show/Hide the Close button</li>
<li>Display the Area once per hour, day, week, …</li>
</ul>
</li>
<li>Flexible <strong>position for Inline Areas</strong>
<ul>
<li>Replace/extend the page header</li>
<li>or Footer</li>
<li>or Comment section</li>
<li>or actually <em>any</em> Divi section inside the page content</li>
</ul>
</li>
<li>It comes with an extended version of the <strong>JS API</strong></li>
<li><strong>Great documentation</strong> built into the plugin and an online knowledge base</li>
<li>and much more…</li>
</ul>
<p>👉 <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 <strong>Divi Areas Pro</strong></a> (with screenshots!)</p>
</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

DiviEpic

Divi Torque

<p>Enhance your Divi page-building experience with 20+ free modules. Supercharge your website builder with user-friendly pro Divi modules and features like the Divi Popup Builder, Divi Mega Menu, and Divi Dark Mode, Divi Contact Form Submission, and more.</p>
<p><a href="https://divitorque.com/features/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-features" rel=" nofollow ugc">Demos</a> | <a href="https://divitorque.com/pricing/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-pro" rel=" nofollow ugc">Pro Version</a></p>
<h3>Fully Customizable</h3>
<p>Every Divi module and extension offers extensive options to customize your website exactly how you envision it. Create nearly any design you can imagine.</p>
<h3>Lightweight & Fast Loading</h3>
<p>No extra bloat or messy code to slow down your website. Our modules are optimized for fast loading and seamless live editing.</p>
<h3>Module Manager</h3>
<p>Easily enable or disable individual Divi modules to enhance page speed and performance. Deactivate unnecessary modules to keep your site lean and efficient.</p>
<h3>Expert Support</h3>
<p>Our extraordinary support team is always ready to assist you. Ask your questions in the support forum or reach out directly through live chat or the contact form.</p>
<h3><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> is required for this plugin.</h3>
<h3>25+ FREE DIVI MODULES AND COUNTING</h3>
<p>We’ve crafted over 25 of the most powerful widgets to enhance your Divi page-building experience and help you reach new heights in your design capabilities.</p>
<ol>
<li><a href="https://divitorque.com/features/icon-box" rel="nofollow ugc">Icon Box</a> – Merge icons and text harmoniously with the Divi Icon Box, illustrating concepts or services in a visually appealing and informative manner.</li>
<li><a href="https://divitorque.com/features/contact-form-7" rel="nofollow ugc">Contact Form 7 Styler</a> – Seamlessly integrate the popular Contact Form 7 plugin with the Divi Contact Form 7 module, facilitating easy and efficient communication for users.</li>
<li><a href="https://divitorque.com/features/separator" rel="nofollow ugc">Separator</a> – Use the Separator module to add clear and customizable dividers between sections, enhancing your site’s structure and readability.</li>
<li><a href="https://divitorque.com/features/skill-bar" rel="nofollow ugc">Skill Bar</a> – Showcase skills and competencies with the Skill Bar module, featuring animated bars that visually represent proficiency levels.</li>
<li><a href="https://divitorque.com/features/logo-grid" rel="nofollow ugc">Divi Logo Grid</a> – Present a clean and organized collection of logos with the Logo Grid module, ideal for highlighting clients, partners, or sponsors professionally.</li>
<li><a href="https://divitorque.com/features/person" rel="nofollow ugc">Person</a> – Use the Person module to showcase team members or individual profiles, complete with photos, biographies, and social media links.</li>
<li><a href="https://divitorque.com/features/testimonial" rel="nofollow ugc">Testimonial</a> – The Testimonial module lets you easily add testimonial blocks to your website. Use these sections to showcase client, customer, or user feedback, reviews, or quotes.</li>
<li><a href="https://divitorque.com/features/info-box" rel="nofollow ugc">Info Box</a> – The Info Box module is perfect for highlighting important information with customizable boxes, combining text and icons for clear communication.</li>
<li><a href="https://divitorque.com/features/info-card" rel="nofollow ugc">Info Card</a> – Similar to the Info Box, the Info Card module lets you present key details in an engaging card format, enhancing your content’s visual appeal.</li>
<li><a href="https://divitorque.com/features/dual-button" rel="nofollow ugc">Dual Button</a> – Enhance your call-to-action with the Dual Button module, offering two interactive buttons that guide users towards different actions.</li>
<li><a href="https://divitorque.com/features/before-after-slider" rel="nofollow ugc">Before & After Slider</a> – Enable users to compare two images with the Before & After Slider module effortlessly. Featuring an interactive slider, it’s perfect for highlighting transformations or contrasts.</li>
<li><a href="https://divitorque.com/features/image-carousel" rel="nofollow ugc">Image Carousel</a> – Enhance your website’s design with the Image Carousel module. Select beautiful photos and customize slider options to create the perfect image carousel for your site.</li>
<li><a href="https://divitorque.com/features/logo-carousel" rel="nofollow ugc">Logo Carousel</a> – Elegantly showcase client or partner logos with the Divi Logo Carousel, displaying your affiliations and enhancing your credibility.</li>
<li><a href="https://divitorque.com/features/number" rel="nofollow ugc">Number</a> – Use the Number module to highlight statistics or key figures, making important numbers stand out on your site.</li>
<li><a href="https://divitorque.com/features/video-modal" rel="nofollow ugc">Video Modal</a> – Embed videos with the Divi Video Modal, offering a sleek and responsive viewing experience that harmoniously integrates with your site’s aesthetic.</li>
<li><a href="https://divitorque.com/features/scroll-image" rel="nofollow ugc">Scroll Image</a> – Integrate vertical or horizontal scrolling images with the Divi Image Scroll, adding depth and intrigue to your site while uniquely presenting your content.</li>
<li><a href="https://divitorque.com/features/news-ticker" rel="nofollow ugc">News Ticker</a> – Keep your audience informed with the News Ticker module, displaying real-time updates or important announcements.</li>
<li><a href="https://divitorque.com/features/post-list" rel="nofollow ugc">Post List</a> – Organize and display blog posts or articles in a list format, enhancing content navigation and accessibility.</li>
<li><a href="https://divitorque.com/features/review-box" rel="nofollow ugc">Review Box</a> – Showcase customer feedback using the Divi Review Box, highlighting testimonials that build trust and credibility for your brand in a visually appealing manner.</li>
<li><a href="https://divitorque.com/features/flip-card" rel="nofollow ugc">Flip Card</a> – Show images and text cards that flip to reveal additional content on the other side when clicked.</li>
<li><a href="https://divitorque.com/features/animated-text" rel="nofollow ugc">Animated Text</a> – Capture attention with the Animated Text module, which allows you to create dynamic and engaging text animations.</li>
<li><a href="https://divitorque.com/features/business-hours" rel="nofollow ugc">Business Hours</a> – Display your business’s hours and opening times with the Opening Hours module.</li>
<li><a href="https://divitorque.com/features/gradient-heading" rel="nofollow ugc">Gradient Heading</a> – The Divi Gradient Heading adds a vibrant touch to your text, utilizing stunning gradient effects to draw attention and enhance visual appeal.</li>
<li><a href="https://divitorque.com/features/inline-notice" rel="nofollow ugc">Inline Notice</a> – The Inline Notice module is a simple Divi module that helps you highlight important notes. Its ready-to-use box lets you quickly add text. You can customize the look with layouts, colors, and typography options.</li>
</ol>
<h3>More modules (50+) on <a href="https://divitorque.com/pricing/" rel="nofollow ugc">Premium Version</a></h3>
<ol>
<li><a href="https://divitorque.com/features/image-zoom" rel="nofollow ugc">Image Zoom</a> – Add interactive zoom effects to images, enhancing engagement on your website.</li>
<li><a href="https://divitorque.com/features/related-posts" rel="nofollow ugc">Related Posts</a> – Display related posts to keep visitors engaged with similar content.</li>
<li><a href="https://divitorque.com/features/masonry-gallery" rel="nofollow ugc">Masonry Gallery</a> – Showcase images in a beautiful, organized masonry layout.</li>
<li><a href="https://divitorque.com/features/ajax-search" rel="nofollow ugc">Ajax Search</a> – Enable fast, live search results to improve user experience.</li>
<li><a href="https://divitorque.com/features/post-carousel" rel="nofollow ugc">Post Carousel</a> – Highlight posts in a dynamic carousel slider.</li>
<li><a href="https://divitorque.com/features/post-grid" rel="nofollow ugc">Post Grid</a> – Display posts in a versatile grid layout for easy navigation.</li>
<li><a href="https://divitorque.com/features/lottie-animation" rel="nofollow ugc">Lottie Animation</a> – Bring your website to life with interactive Lottie animations.</li>
<li><a href="https://divitorque.com/features/whatsapp-chat" rel="nofollow ugc">WhatsApp Chat</a> – Add a WhatsApp chat button to connect with visitors directly.</li>
<li><a href="https://divitorque.com/features/video-modal" rel="nofollow ugc">Video Modal</a> – Open videos in sleek, interactive modals for better presentation.</li>
<li><a href="https://divitorque.com/features/timeline" rel="nofollow ugc">Timeline</a> – Visually represent events or steps in an organized timeline.</li>
<li><a href="https://divitorque.com/features/testimonials" rel="nofollow ugc">Testimonials</a> – Display customer testimonials to build trust and credibility.</li>
<li><a href="https://divitorque.com/features/telegram-chat" rel="nofollow ugc">Telegram Chat</a> – Allow visitors to connect through Telegram directly from your website.</li>
<li><a href="https://divitorque.com/features/team-module" rel="nofollow ugc">Team Module</a> – Introduce your team members with beautifully designed profiles.</li>
<li><a href="https://divitorque.com/features/stats-grid" rel="nofollow ugc">Stats Grid</a> – Display key statistics with visual flair to capture visitor interest.</li>
<li><a href="https://divitorque.com/features/star-rating" rel="nofollow ugc">Star Rating</a> – Let users rate products or services using star-based reviews.</li>
<li><a href="https://divitorque.com/features/social-share" rel="nofollow ugc">Social Share</a> – Enable visitors to easily share your content across social media.</li>
<li><a href="https://divitorque.com/features/review-card" rel="nofollow ugc">Review Card</a> – Showcase customer reviews in a visually appealing card layout.</li>
<li><a href="https://divitorque.com/features/restro-menu" rel="nofollow ugc">Restro Menu</a> – Create a restaurant menu that is easy to navigate and visually appealing.</li>
<li><a href="https://divitorque.com/features/progress-bar" rel="nofollow ugc">Progress Bar</a> – Show progress on projects, achievements, or skills with visual bars.</li>
<li><a href="https://divitorque.com/features/pricing-table" rel="nofollow ugc">Pricing Table</a> – Present your pricing plans in a clear, easy-to-read table format.</li>
<li><a href="https://divitorque.com/features/logo-list" rel="nofollow ugc">Logo List</a> – Display logos to highlight clients, partners, or features.</li>
<li><a href="https://divitorque.com/features/logo-carousel" rel="nofollow ugc">Logo Carousel</a> – Showcase logos in a dynamic, rotating carousel.</li>
<li><a href="https://divitorque.com/features/instagram-chat" rel="nofollow ugc">Instagram Chat</a> – Connect visitors to your Instagram through an easy chat link.</li>
<li><a href="https://divitorque.com/features/inline-svg" rel="nofollow ugc">Inline SVG</a> – Add scalable vector graphics to your site for high-quality visuals.</li>
<li><a href="https://divitorque.com/features/info-card" rel="nofollow ugc">Info Card</a> – Present information attractively with interactive info cards.</li>
<li><a href="https://divitorque.com/features/image-scroll" rel="nofollow ugc">Image Scroll</a> – Add a smooth scrolling effect to images to captivate users.</li>
<li><a href="https://divitorque.com/features/image-hotspots" rel="nofollow ugc">Image Hotspots</a> – Highlight key areas on an image with interactive hotspots.</li>
<li><a href="https://divitorque.com/features/icon-list" rel="nofollow ugc">Icon List</a> – Create lists with visually appealing icons for easy readability.</li>
<li><a href="https://divitorque.com/features/icon-box" rel="nofollow ugc">Icon Box</a> – Showcase features or services using icons in stylish boxes.</li>
<li><a href="https://divitorque.com/features/horizontal-timeline" rel="nofollow ugc">Horizontal Timeline</a> – Display events or milestones in a horizontal timeline format.</li>
<li><a href="https://divitorque.com/features/heading" rel="nofollow ugc">Heading</a> – Customize headings with unique styles to make your text stand out.</li>
<li><a href="https://divitorque.com/features/gravity-forms" rel="nofollow ugc">Gravity Forms</a> – Integrate and style Gravity Forms for seamless use on your site.</li>
<li><a href="https://divitorque.com/features/gradient-heading" rel="nofollow ugc">Gradient Heading</a> – Add gradient colors to headings for a striking visual effect.</li>
<li><a href="https://divitorque.com/features/fluent-forms" rel="nofollow ugc">Fluent Forms</a> – Integrate Fluent Forms for easy data collection.</li>
<li><a href="https://divitorque.com/features/flip-box" rel="nofollow ugc">Flip Box</a> – Add interactive flip boxes for an engaging way to display content.</li>
<li><a href="https://divitorque.com/features/filterable-gallery" rel="nofollow ugc">Divi Filterable Gallery</a> – Showcase images in a gallery with filtering options.</li>
<li><a href="https://divitorque.com/features/divider" rel="nofollow ugc">Divider</a> – Separate content elegantly with customizable dividers.</li>
<li><a href="https://divitorque.com/features/countdown" rel="nofollow ugc">Countdown</a> – Add countdown timers to create urgency for events or promotions.</li>
<li><a href="https://divitorque.com/features/content-toggle" rel="nofollow ugc">Content Toggle</a> – Allow users to switch between different content with toggles.</li>
<li><a href="https://divitorque.com/features/contact-form-7" rel="nofollow ugc">Contact Form 7</a> – Integrate and style Contact Form 7 for seamless form handling.</li>
<li><a href="https://divitorque.com/features/before-after-slider" rel="nofollow ugc">Before & After Slider</a> – Compare images with a slider that reveals before/after views.</li>
<li><a href="https://divitorque.com/features/checkmark-list" rel="nofollow ugc">Checkmark List</a> – Use checkmark icons to make lists visually clear and easy to understand.</li>
<li><a href="https://divitorque.com/features/carousel-module" rel="nofollow ugc">Carousel Module</a> – Display content dynamically in a customizable carousel.</li>
<li><a href="https://divitorque.com/features/business-hours" rel="nofollow ugc">Business Hours</a> – Show your business hours in an attractive, clear format.</li>
<li><a href="https://divitorque.com/features/blurb-module" rel="nofollow ugc">Blurb Module</a> – Present content with an icon, image, and text to make it visually appealing.</li>
<li><a href="https://divitorque.com/features/basic-list" rel="nofollow ugc">Basic List</a> – Create clean, simple lists to present information effectively.</li>
<li><a href="https://divitorque.com/features/inline-notice" rel="nofollow ugc">Inline Notice</a> – Add inline notices to grab attention for important messages.</li>
<li><a href="https://divitorque.com/features/instagram-feed" rel="nofollow ugc">Instagram Feed</a> – Showcase your latest Instagram posts directly on your website.</li>
<li><a href="https://divitorque.com/features/image-slider" rel="nofollow ugc">Image Slider</a> – Slide images in a beautiful marquee slider.</li>
</ol>
<h3>SUPPORT THAT CARES! ⛑️</h3>
<p>We know you want a good product with strong support. We’re here to answer your questions and help you use our plugin effectively.</p>
<p><a href="https://divitorque.com/contact-us/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-contact" rel="nofollow ugc">Need help? We are just a click away!</a></p>
<h3>CONNECT WITH OUR TEAM AND COMMUNITY 🌐</h3>
<ul>
<li><a href="https://x.com/PlugPressHQ" rel="nofollow ugc">Follow PlugPressHQ on X</a></li>
</ul>


Divi Torque Lite – Divi Theme, Divi Builder & Extra 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.

The Divi Torque plugin you install after Divi builder! Packed with 70+ stunning modules like Post Grid, Filterable Gallery, Google Reviews, and more.

Popups for Divi vs Divi Torque Lite – Divi Theme, Divi Builder & Extra Theme