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!

learnhowwp

Add image carousels on your website with the Divi Image Carousel plugin. This plugin adds a new Image Carousel module in the Divi Builder. Once you activate the plugin a new module will appear in your module list by the name of Image Carousel. You can then use the module to add an Image Carousel anywhere inside the Divi Builder.
Transform your Divi website with the Image Carousel Module for Divi, the ultimate solution for creating stunning, responsive image carousels and sliders. Whether you’re showcasing portfolios, products, team showcases, or galleries, this powerful Divi module gives you complete control over design, layout, and animation.
With seamless integration into the Divi Builder, the Image Carousel Module allows you to add visually appealing sliders anywhere on your website. Choose from multiple layouts, including Center Mode, Synced Slider, and Vertical Slider, and customize every aspect of your carousel to match your website’s style and functionality.
<h3>Why Choose Image Carousel Module for Divi?</h3>
<ul>
<li>Fully Responsive: Adjust slides count, scroll, arrows, and dots for desktop, tablet, and mobile.</li>
<li>Multiple Layouts: Choose from Default, Center Mode, Synced Slider, or Vertical Slider layouts.</li>
<li>Customizable Navigation: Show or hide arrows and dots, and style them with custom colors, backgrounds, and positions.</li>
<li>Advanced Animation Options: Enable autoplay, infinite looping, and set animation speeds for smooth transitions.</li>
<li>SEO-Friendly: Add alt and title attributes to images for better accessibility and search engine optimization.</li>
<li>Design Flexibility: Customize borders, box shadows, and padding for images, center images, and main images.</li>
<li>Easy to Use: No coding required—just drag, drop, and customize in the Divi Builder.</li>
</ul>
<h3>Key Features:</h3>
<ul>
<li>Visual Builder Integration: Add and edit carousels directly in the Divi Visual Builder.</li>
<li>Autoplay Animation: Automatically scroll through images with adjustable animation speed.</li>
<li>Infinite Animation: Enable seamless looping for a continuous carousel experience.</li>
<li>Center Mode Layout: Highlight the center image with customizable padding and styling.</li>
<li>Synced Slider Layout: Sync a thumbnail carousel with a larger image slider for better navigation.</li>
<li>Responsive Controls: Adjust slides count, scroll, arrows, and dots for different devices.</li>
<li>Custom CSS Easing: Choose from ease, linear, ease-in, ease-out, or ease-in-out for smooth animations.</li>
<li>Arrow and Dot Customization: Style navigation elements with custom colors, hover effects, and positions.</li>
<li>Border and Box Shadow Styling: Add borders and shadows to images for a polished look.</li>
</ul>
<h3>How It Works:</h3>
<ol>
<li>Activate the Plugin: Once activated, the “Image Carousel” module will appear in your Divi Builder module list.</li>
<li>Add the Module: Drag and drop the Image Carousel module into any section of your Divi layout.</li>
<li>Customize Your Carousel: Select images, adjust layout settings, enable animations, and style navigation elements—all from the intuitive module settings panel.</li>
<li>Publish and Enjoy: Save your changes and watch your carousel come to life on your website.</li>
</ol>
<h3>Demo & Tutorial:</h3>
<ul>
<li><a href="https://www.learnhowwp.com/divi-image-carousel-plugin/" rel="nofollow ugc">Divi Image Carousel Demo</a> </li>
<li><a href="https://www.learnhowwp.com/how-to-create-image-carousel-divi-free-plugin/" rel="nofollow ugc">How to Create an Image Carousel in Divi</a></li>
</ul>
More Free Divi Plugins
<ul>
<li><a href="https://wordpress.org/plugins/post-carousel-divi/" rel="ugc">Divi Post Carousel Module</a></li>
<li><a href="https://wordpress.org/plugins/contact-form-db-divi/" rel="ugc">Divi Contact Form DB</a></li>
<li><a href="https://wordpress.org/plugins/overlay-image-divi-module/" rel="ugc">Divi Overlay on Images Module</a></li>
<li><a href="https://wordpress.org/plugins/menu-cart-divi/" rel="ugc">Divi Menu Cart Module</a></li>
<li><a href="https://wordpress.org/plugins/flip-cards-module-divi/" rel="ugc">Divi Flip Cards Module</a></li>
<li><a href="https://wordpress.org/plugins/breadcrumbs-divi-module/" rel="ugc">Divi Breadcrumbs Module</a></li>
</ul>
If you have any questions or feature ideas please create a new thread in Support.

Image Carousel Module for Divi


Nice and easy, thank you for this plugin :)


Easy to use

This plugin add an image carousel module to the Divi theme.

Popups for Divi vs Image Carousel Module for Divi