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!

PlugPress

Fahim Reza

WPPaw

Divi Torque

DiviEpic

DiviPeople by PlugPress

M. Asif Hossain

Professional Contact Form 7 Styling for Divi Builder
Create beautiful, responsive Contact Form 7 forms using Divi’s visual builder. <a href="https://plugpress.io/lean-forms" rel="nofollow ugc">CF7 Styler for Divi – Lean Forms</a> provides powerful styling tools, form presets, and grid layouts to transform basic forms into professional designs without coding.
Core Features:
<ul>
<li>Visual Form Styling: Complete control over form appearance with Divi’s intuitive interface</li>
<li>Responsive Grid Layouts: Multi-column form designs that adapt to all screen sizes</li>
<li>Form Entry Management: Capture, store, and manage all form submissions</li>
<li>Professional Form Presets: 14 pre-designed form styles including city-themed templates</li>
<li>Divi Builder Integration: Native module for seamless visual form building</li>
<li>Privacy Protection: Automatic filtering of sensitive data from submissions</li>
<li>Performance Optimized: Lightweight codebase with minimal impact on site speed</li>
</ul>
Pro Version Features:
Extend functionality with <a href="https://plugpress.io/lean-forms/#leanforms-pricing" rel="nofollow ugc">Lean Forms Pro</a> for advanced form building capabilities:
Advanced Form Features: 
* Multi-Step Forms: Create engaging, step-by-step form experiences that increase conversions by 30-50% 
* Rating Fields: Star rating systems for feedback and reviews 
* Range Slider Fields: Interactive sliders for ratings, pricing, and preferences 
* Color Picker Fields: Let users select colors for design preferences 
* Divider Fields: Visual separators to organize form sections 
* Conditional Logic: Show/hide fields based on user responses for personalized experiences
Form Entry Management: 
* Form Entries Collection: Automatically captures and stores all Contact Form 7 submissions with spam filtering 
* Entry Export: Export submissions to CSV format (up to 500 rows in free version) 
* Admin Dashboard: Modern interface for managing entries and settings 
* Privacy Focused: Automatically strips sensitive data like passwords and credit card numbers
Beautiful Form Presets: 
* Professional Templates: 14 professionally designed form styles 
* City-Themed Presets: Dhaka (free), London, Paris, Berlin, Tokyo and more (Pro) 
* Responsive Design: All presets work perfectly on mobile devices 
* Easy Application: Apply presets with one click
Responsive Grid System: 
* 12-Column Grid: Create complex form layouts with responsive shortcodes 
* Mobile-First Design: Automatic responsive behavior across all devices 
* Easy Implementation: Simple shortcode syntax for developers and non-developers
Powerful Integrations: 
* Google Sheets Integration: Automatically sync form submissions to Google Spreadsheets 
* Airtable Integration: Push submissions to Airtable tables 
* Email Marketing: Connect with Mailchimp, ConvertKit, and other email platforms 
* Webhook Support: Send data to any third-party service
Page Builder Support: 
* Divi Builder Integration: Native Divi module for visual form styling 
* Bricks Builder Support: Seamless integration with Bricks Builder 
* Performance Optimized: Lightweight codebase with minimal impact on site speed
Benefits of Pro Version:
<ul>
<li>Higher Conversion Rates: Multi-step forms and conditional logic improve completion rates</li>
<li>Time Savings: Pre-built templates and advanced features accelerate development</li>
<li>Professional Standards: Enterprise-level form functionality and design</li>
<li>Agency Ready: Perfect solution for managing multiple client websites</li>
<li>Lead Generation Focus: Features specifically designed for conversion optimization</li>
</ul>
Documentation & Support: 
* <a href="https://plugpress.io/docs-category/lean-forms/" rel="nofollow ugc">Knowledge Base & Documentation</a> 
* <a href="https://plugpress.io/lean-forms" rel="nofollow ugc">Video Tutorials</a> 
* <a href="https://plugpress.io/lean-forms" rel="nofollow ugc">Community Support</a> 
* <a href="https://plugpress.io/lean-forms" rel="nofollow ugc">Priority Support for Pro Users</a>
Use Cases: 
* Marketing agencies building client forms 
* E-commerce stores requiring custom form designs 
* Service businesses needing detailed contact forms 
* Real estate professionals collecting inquiries 
* Healthcare providers gathering patient information 
* Educational institutions processing applications
Start with the free version and upgrade to Pro for advanced features including multi-step forms, conditional logic, and unlimited exports.
<a href="https://plugpress.io/lean-forms/#leanforms-pricing" rel="nofollow ugc">Upgrade to Pro Version</a>

CF7 Styler for Divi – Lean Forms

Style Contact Form 7 forms with Divi Builder.

Popups for Divi vs CF7 Styler for Divi – Lean Forms