How to add a Divi popup

A Divi popup is a small window that pops up above the web web page and can be triggered automatically based on various conditions or manually via a hyperlink.

There are many reasons you may want to use a popup overlay for your Divi website, but usually, it is to force attention on a particular piece of content.

This could be to display;

• Email subscription signup or contact forms
• Newsletter popup
• Special offers & deals
• Call-To-Actions
• Tooltips or more info

There are many different options to add a Divi popup modal including free and premium Divi plugins, or custom-coded solutions without the need for a plugin at all.

If you are looking for the best Divi popups, then this article will compare the most popular ways to add pop-ups to your website using free and premium plugins.

The best way to add a Divi Popup overlay are;

1. Popups for Divi plugin
2. Divi popups without a plugin tutorial
3. Bloom-plugin
4. Divi Modal Popup plugin
5. Divi Supreme plugin (popup extension)
6. Divi Overlays plugin

1. Popups for Divi plugin

Popups for Divi is a free plugin for creating popup windows that is available on the WordPress.org repository so you can add it via your WordPress dashboard and via the official Elegant Themes marketplace.

There are currently 80,000 active installations of the plugin with an average 5-star rating.

Once the plugin is installed and activated each section you add via the Visual Builder will have a new “Popup” tab in the settings.

The “Popup” tab has a toggle that allows you to turn the section into a popup modal and assign an ID to use as a trigger for links or buttons.

You can then build your popup within the section using the default Divi modules. There are setting options for closing popups on background click, closing other popups as a new one is activated, and opening popups automatically on exit intent.

You can register for a Divi Popups plugin course (in your WordPress Dashboard) that will teach you the basics of creating your first popup, how to customize your popup layouts, and further advanced techniques.

There is a Premium version available called Divi Areas Pro which offers additional features, functionality, and design options, but for many users, the features available in the free version will be sufficient.

Price – FREE
More information
Now available in the official Divi Marketplace

2. Divi popup without a plugin tutorial

This tutorial by Divi Engine will show you how you can create a popup for Divi without using a 3rd party popup plugin. The popup is created using Divi Builder, CSS, and JQuery.

The tutorial will show you each step of the process which involves adding a Divi button module to trigger the popup and building your popup using a Divi section, rows, and modules as required. You will then need to add CSS to style the popup and jQuery code to allow the button to trigger the popup and add click-to-close functionality to the modal.

The tutorial is available as a blog post on the Divi Engine website and as a 31-minute YouTube video.

Price – FREE
More information (Affiliate Link)

3. Bloom plugin

If you want to create a Divi popup for gathering email subscriptions, then Bloom is a free full-featured plugin from Elegant Themes designed specifically for email opt-ins. The plugin also works with any WordPress Theme, not just Divi.

The Bloom plugin allows you to integrate an email popup form with 19 of the most popular email marketing systems such as Mailchimp, Aweber, and Mailerlite. The form can be built using any of the 100+ pre-made popup templates or you can create your own custom design.

There are six popup types to choose from which include opt-in pop-ups, opt-in fly-ins, inline opt-in forms, below content opt-in forms, widget area opt-in forms, and locked content forms.

Popups can be activated via a preset time delay, when a user reaches the bottom of a post, after scrolling a set percentage of the page, after commenting on a post or page, after completing a checkout process, or after inactivity.

Bloom comes with a dedicated dashboard for managing and analyzing popup conversion rates. For fine-tuning your campaigns there is also A/B testing built-in.

Price – FREE for Elegant Themes members
More information

4. Divi Modal Popup plugin

The Divi Modal Popup plugin is a premium 3rd party Divi plugin from Divi Extended that allows you to create popups and lightboxes with multiple trigger types.

You can choose to add a modal popup automatically on page load, on exit intent, or manually as a user interacts with an element of the page.

This plugin is a best-selling Divi plugin on the Divi marketplace and is also available as one of the features available in the Divi Plus multi-feature plugin from the same developer.

This product is available to buy via the Elegant Themes marketplace or via the developers’ website at Divi Extended.

Buy via the Elegant Themes official marketplace;

• This product is available to buy via the Elegant Themes marketplace as an unlimited site license for $29.
• The price includes 1 year of updates and support.
• There is a 30-day money-back guarantee when buying products via the Elegant Themes marketplace.
• Released under GPL license

Price – $29
More information (Affiliate Link)

5. Divi Supreme plugin (popup extension)

The Divi Supreme plugin is the best-selling product on the official Elegant Themes marketplace and it also includes a custom popup extension for adding various popups to your Divi website. This plugin offers a huge amount of other features so may be worth looking at buying a single plugin with all the features you need rather than a plugin that only offers popups.

The plugin includes the popup extension which allows you to ;

• Add popups from the Divi library
• 40+ entrance & exit popup animations
• Multiple triggers to activate your modal popup such as Divi popup on scroll, popup on hover, or on page load.

This plugin is available to buy via the Elegant Themes marketplace or via the developers’ website at Divi Supreme.

• This plugin is available to buy via the Elegant Themes marketplace as an unlimited site license for $79.00.
• The price includes 1 year of updates and support.
• There is a 30-day money-back guarantee when buying products via the Elegant Themes marketplace.

Price – €79
More information (Affiliate Link)

6. Divi Overlays plugin

The Divi Overlays plugin is a premium 3rd party Divi plugin from Divi Life that allows you to create full-screen overlays, popups, lightboxes, or modals using the Divi Builder.

Like the other methods mentioned, the Divi Overlays plugin uses the Divi Builder to create your popup overlay. This overlay can then be triggered manually with hyperlinks or automatically via a timed delay, scroll delay, or exit intent.

This product is available to buy via the Elegant Themes marketplace or via the developers’ website at Divi Life.

Buy via the Elegant Themes official marketplace;

• This product is available to buy via the Elegant Themes marketplace as an unlimited site license for $79.
• The price includes 1 year of updates and support.
• There is a 30-day money-back guarantee when buying products via the Elegant Themes marketplace.
• Released under GPL license

Price – $79
More information (Affiliate Link)

Affiliate disclosure* – Links to layouts on Elegant Themes and 3rd party websites may contain affiliate code. You will never pay any extra for using these links. Thanks for supporting Divi Theme Examples.

Which method do you use for popup modals?

There are always a number of different methods to achieve your goals when building a website and there is often no right way to do things. Which method did you choose for adding popups to your Divi website?

If you have any comments on this post or have a live example of the Divi popup on your website you are welcome to drop a comment below.