Popups for Divi

Create Popups in the Visual Builder!

  • Transform every Section into a popup
  • Unlimited Popups on every page
  • Trigger popups via Button or Link
  • Extendable via a professional JavaScript API
  • No configuration, simply install and use
Try it now

Divi Popups the way they should be

Simple

The plugin adds a brand-new “Popup” tab to the Section-Settings Modal to turn the Section into a Popup!

Flexible

Show your popups when you need them. For example when clicking a Link or Button. Or on Exit-Intent.

Fast

Every line of code is optimized to load your page as fast as possible. Absolutely compatible with all caching plugins.

Unlimited

Divi Areas goal is to support every Module that is available in Divi. It plays well with the Divi Builder plugin, WooCommerce, the Extra theme, and more.

Responsive

At the foundation of the plugin is a battle tested, highly flexible API that you can integrate into your theme to take your website to the next level

Developers love them

A stable JavaScript API and possible customization via WordPress Filters make this Plugin even more versatile!

Visual Builder

Transform every Divi-Section into a Popup. Configuration is simple via our innovative UI right inside the Divis Section-Settings Modal.

Free, forever

Popups for Divi is and stays free: No fees, no ads, no nags, just Popups. It comes with a GPL compatible license.

Frequent Updates

There’s a lot on our roadmap, and we also listen to our customers. Count on fast bug-fixes, stable code and frequent improvements.

Your first popup, in 60 seconds
  1. Install the Plugin
    Log into your Admin Dashboard and find the Plugin Popups for Divi. Install and activate it.

  2. Define a popup
    Enter the Visual Builder and add a new section. In the Section Settings enable the option “This is a Popup” and set the popup ID to “sample“.

  3. Trigger the popup
    Simply add a new button to a different section and set the link URL to “#sample“. Simple!

  4. Done
    Now save your page and load it without the Visual Builder – your popup is ready!

    The result: View popup

See more Popup Demos →

All Popup Options

General

This is a Popup

Turns the current Divi Section into a Popup. When enabled, additional Options become available.

Popup ID
Assign a unique ID to the Popup. You can display this Popup by using this name in an anchor link, like “#slug”.

Behavior

Close on Background-Click
Here you can decide whether the Popup can be closed by clicking somewhere outside the Popup. When this option is disabled, the Popup can only be closed via a Close Button or pressing the ESC key on the keyboard.
Close other Popups

Here you can decide whether this Popup should automatically close all other Popups when it is opened.

Enable Exit Intent
When you enable the Exit Intent trigger, this Popup is automatically opened before the user leaves the current webpage. Note that the Exit Intent only works on desktop browsers, not on touch devices.

Close Button

Show Close Button

Do you want to display the default Close button in the top-right corner of the Popup?

Button Color

Here you can choose whether the Close button should be dark or light. If the section has a light background, use a dark button. When the background is dark, use a light button.

Options:

  • Dark
  • Light
Transparent Background

Here you can choose whether the Close button has a Background color or only displays the Icon.

Layout

Add a Default Shadow
Decide whether you want to add a default shadow to your Popup. You should disable this option, when you set a custom Box-Shadow for this Section.

Visibility

Disable on

This will disable the Popup on selected devices

Options:

  • Phone
  • Tablet
  • Desktop

Feature Overview

See, what’s included in our plugins and you understand why customers love them

Price
Divi Areas Pro
$47
Popups for Divi
free
Bloom
free
Divi Overlay Popups
$79
Divi Bars
$24
$18
Divi Modal Popup
$29
Divi SOS
$39
Divi Areas Pro
Layout Types
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Popups
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Fly-In or Infobar
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Hovers, like mega menus
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Inline Content
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Divi Areas Pro
Triggers
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
On Click
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
On Mouse Hover
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
On Exit
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
After Delay or Instantly
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
On Scroll Distance
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
On Inactivity
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
On Browser Focus
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
With Custom URL Param
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
By Custom JS Script
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Divi Areas Pro
Content
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Create Own Designs
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Pre-Built Templates
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Multiple Sections
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Supports All Divi Modules
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
On-Page Popups
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Global Popups
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Portability
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Divi Areas Pro
Conditions
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Page Rules
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
User-Role Limitation
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Schedule Date
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Schedule Interval
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Device Conditions
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Divi Areas Pro
Compatibility
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Divi Contact Forms
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Formidable Forms
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Contact Form 7
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Gravity Forms
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Ninja Forms
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Optimized Performance
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Divi Areas Pro
Other
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Approved by Elegant Themes
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Developer API
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Support
Divi Areas Pro
Chat
Email
Forum
Popups for Divi
Chat
Email
Forum
Bloom
Chat
Forum
Divi Overlay Popups
Email
Forum
Divi Bars
Email
Forum
Email
Divi Modal Popup
Email
Forum
Divi SOS
Email
Forum
Knowledge Base
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Unlimited Sites
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Lifetime License
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS
Price
Divi Areas Pro
$47
Popups for Divi
free
Bloom
free
Divi Overlay Popups
$79
Divi Bars
$24
$18
Divi Modal Popup
$29
Divi SOS
$39
Divi Areas Pro
Divi Areas Pro
Popups for Divi
Bloom
Divi Overlay Popups
Divi Bars
Divi Modal Popup
Divi SOS

The JavaScript API

All popup functions can be called via the global JavaScript object window.DiviArea

DiviArea.show() Triggers the defined Divi Area (e.g., display a Popup or Fly-In)42892 DiviArea.hide() Closes the specified Divi Area11099 DiviArea.showOverlay() Darkens the background and prevents scrolling of the document01047 DiviArea.hideOverlay() Removes the background overlay and re-enables scrolling0830 DiviArea.addAction() Register a callback function for a certain JS action0753 DiviArea.addFilter() Register a callback function for a certain JS filter01135 DiviAreaItem Class that defines a single Divi Area0512

Demo Files

Download Divi Layouts with Popup demos and code samples

Download Demo-Files

Looking for a step-by-step guide on how to add this code to your webpage?
Actually, we have written one here: How to use the JS API

The JavaScript Events

Action and Filter Reference Full list of Actions and Filters that are fired by the JS API0568 applyFilters( “init_options” ) Filters the initial JS options while preparing the JS API0359 doAction( “load” ) Fires after the API was fully loaded, but before it is initialized0476 doAction( “ready” ) The JS API is fully initialized and all Areas were registered0436 doAction( “init_area” ) Fired right after an area was fully initialized and is ready to be displayed0465 doAction( “area_close_button” ) Allows customization of the default close button0494 doAction( “area_wrap” ) Fires when the outer wrap of an area was set up0384 doAction( “refresh_area” ) Fires after options were applied to the area DOM elements0415 doAction( “init_overlay” ) Allows custom initialization of the background overlay0370 doAction( “exit_intent” ) This action is triggered when an exit-intent is detected0364

Customization in WordPress.

No content available

Related Articles, Tutorials and Guides.

Divi Areas Pro 2.2.0 The new Area-initialization logic fully supports dynamic contents, such as Ninja Forms. See, how you can trigger a Popup via URL hash, and more Divi Areas Pro 2.1.2 The new Area-initialization logic fully supports dynamic contents, such as Ninja Forms. See, how you can trigger a Popup via URL hash, and more Introducing the Layout Library Meet the new Layout Library, see how you can use the Portability support to migrate Areas and see how our latest layout option can improve your Area designs! Create a Cookie Notice with Divi Areas Pro In this tutorial, we're looking at how to create a Cookie Notice with Divi Areas Pro. Spoiler alert: It's super easy! First Impression of Divi Areas Pro This is a review of my first contact with the Divi Areas Pro plugin. You can follow along, to see the steps I took to create my first Popup using that plugin JS API version 1.2.0 changes Details about the API changes in Divi Areas Pro 1.4.0 and Popups for Divi 2.2.0 Introducing Hover Areas and Template Library Support Hover AreasThe release of Hover Areas adds a completely new content layer to your pages: Create mega-menus, styled tooltips and more. A Hover Area is positioned next to another element on your page. Y The future of Popups for Divi 🤩 Almost two years after the first release of Popups for Divi, it finally evolves into a new, much more advanced plugin: Divi Areas Pro offers a lot more than "just Popups"! How to show a popup after scroll down, once per day Learn, how to display a popup when the user scrolls your page and limit the popup to show once per day How to display a popup only once per day As more and more people use the Popups for Divi plugin, there also is demand for advanced features. One of the most requested features is a way, to display a popup only once per day/week/month, like h How to use the JS API The Popups for Divi plugin comes with an extensive Javascript API which allows you to monitor and control popups on your webpage. In the plugin documention, you find two code examples that can display

Frequent questions. And Answers.

  • Does "Popups for Divi" slow down my website?

    Actually no!

    The plugin is tuned for maximum page performance with no bloat, no external libraries, no tracking.
    In all tests I’ve conducted on various websites, I have literally seen absolute no performance decrease at all. Give it a try yourself!

    The details: The plugin adds a single line of CSS to your page source code. Additionally, a minified JS and a very basic CSS file is loaded on the first page visit. All files are less than 7 kB in size and are cached by the browser. Trust me, your visitors will not notice anything.

  • Is it compatible with my Caching plugin?

    Yes, absolutely!

    This plugin does not create any dynamic HTML content, as other popup plugins do. Performance was the top-criteria when creating this plugin. This means: Popups for Divi embraces every caching plugin you can throw at it!

    Really, there is almost no PHP code at all. The actual plugin is a static JS file, which runs on the users browser. It’s typically is stored in browser-cache and can even be served via a CDN.

  • Which version of Divi do I need?

    The plugin is always compatible with the latest version of Divi.

    We have tested it with all Divi releases, beginning with 3.0.0, but possibly it will even work with older Divi versions. But let’s be realistic; why would anyone use such an old version of Divi!?

  • Is it compatible with the Divi Builder plugin?

    Yes, we frequently test Popups for Divi with the latest version of the Divi Builder plugin and a default WordPress theme.

    But some themes might include CSS or JavaScript that interferes with Popups for Divi. When this is the case, please head over to divimode.com/get-support and let us know about the problems, and we’ll help you get the plugin working on your website!

  • Will it also work with other themes?

    Good question. Yes, it does!

    In fact, the plugin is a regular popup module, which (by design) is pre-configured for the Divi theme and Divi Builder plugin. But the plugin offers a WordPress filter which you can use to re-configure it for any other theme that you can think of! Just have a look at the filter “evr_divi_popup-js_data” and you will find everything you need.

  • It's not working. Can you help me?

    Of course, we do our best to provide support for this plugin via the wordpress.org support forums.

    Really, this plugin has a fantastic community, and we love to be in touch with you and see how you use this plugin to improve your Divi sites. 😄

    But please keep in mind that this is a free plugin, and we cannot answer all requests instantly. But if you wait, you'll get our response eventually.

    In case you need priority-support, you can always purchase a Divi Areas Pro license and make use of the Live Chat support.

Test Popups for Divi now!

You can install the plugin for free from the WordPress plugin repository and try it yourself!

Try it now!