How to Add Popups in Divi (5 Options)

What is the first thing that comes to mind when we mention a popup? Annoying, too frequent? If that’s the case, think again.

Popups exist for a reason, and the concept of a popup has changed how businesses sell and generate leads significantly in the past decade.

Think about the conversions you can achieve with the right popup for your Divi website.

For that purpose, there are many options available to add popups in Divi that you can choose from, and in this article, we will show you the five best alternatives.

1. Use Popups for Divi

Let’s create popups in Divi with our very own Popups for Divi, installed on over 70,000 websites, and counting!  

If you have not used Popups for Divi before, you will have to install and activate our plugin.

Go to your wp-admin and open the ‘Add Plugin’ page. Next, search for ‘Popups for Divi’, then install and activate the plugin afterwards.

After you activate the plugin, go to your dedicated page with the front-end builder, and in the desired section where you want to insert the popup, open the “Popup” tab, enable the “This is a Popup” flag, and enter the desired value (ID) of the popup, for instance, “contact”, and save.

Now, you will need to create a button that will make the popup visible. On your Visual Builder, go to the top and click on the “Contact” button settings, where you will set your custom link.

Keep in mind that any button or link that points to your custom Popup ID is your Popup trigger, which means that clicking that button makes that popup visible (aka triggering the popup).

And voilà, now you have your first popup created with our Popups for Divi plugin! For more quick steps on how to create your first popup with Popups for Divi, please view our video tutorial:

YouTube

By loading the video, you agree to YouTube’s privacy policy.
Learn more

Load video

Popups for Divi:

  • Is FREE!
  • Can transform every Section into a popup
  • Offers unlimited Popups on every page
  • Enables you to trigger popups via Button or Link
  • It is extendable via a professional JavaScript API
  • Requires no configuration, simply install and use

For even more steps, customization options, and details, we invite you to sign up for our FREE 6-day email course that will walk you through each aspect of the plugin – Take the Course TODAY!

2. Use Divi Overlays

Another fully featured popup plugin that Divi users enjoy is Divi Overlays by Divi Life. Just like Popups for Divi, this plugin uses the power and flexibility of the Divi builder for creating any type of popup for your website. You can design your popups from scratch or use one of their templates.

Besides the automatic and manual triggers, Divi Overlays also allows you to set up the popup and choose the appropriate popup category, tag, and display option with ease. For more details on how to create popups with Divi Overlays, we recommend their official YouTube tutorial:

YouTube

By loading the video, you agree to YouTube’s privacy policy.
Learn more

Load video

BONUS READ: Divi Overlays vs. Popups for Divi: Which Is Better?

3. Use Bloom

Another excellent alternative for adding popups to your Divi website is using Bloom by Elegant Themes, one of the best email opt-in plugins available on the market.

Bloom allows you to create automatic opt-in popups triggered by timed delays, when users reach the bottom of the page, after comment, or even after a purchase. It is a genuinely effective plugin for generating and converting leads.

Bloom’s popup opt-in displays a lightbox pop-up on your website that people can use to subscribe to your email list. As with the options mentioned above, you can place a popup anywhere on your website and set the popup to be triggered based on unique user interactions.

For more details and steps on how to create popups with Bloom, please visit their official YouTube tutorial, as well as their documentation page:

YouTube

By loading the video, you agree to YouTube’s privacy policy.
Learn more

Load video

4. Use Divi Modal Popup

Created by Divi Extended, the Divi Modal Popup plugin can help you create engaging popups and lightboxes with various triggers. Whatever you need to display in the modal window, in the same vein as with Popups for Divi, you can do it without inserting a single line of code.

For guiding you through the steps of creating quick and interactive popups with this plugin, feel free to view the official YouTube tutorial or their documentation page:

YouTube

By loading the video, you agree to YouTube’s privacy policy.
Learn more

Load video

5. Add a Popup Without a Plugin

If you want to go the harder route and insert popups without a plugin, we left this option as our last choice, and this is where a bit of technical and coding skills can come in handy.

Luckily, even if you’re not an experienced developer or you want to learn the mechanics of the popup code, there are numerous tutorials online that can help you achieve this.

Perhaps the most detailed tutorial that we found is the following article from Divi Engine, fittingly named – How to create a Divi Pop-Up Overlay without a plugin using the Divi Builder.

In short, the tutorial will show you how to create a popup overlay with the Divi Builder through simple jQuery and CSS. For detailed steps, an extensive video tutorial is also available for you:

YouTube

By loading the video, you agree to YouTube’s privacy policy.
Learn more

Load video

Over to You

And there you have it, the five best, quickest, and easiest options to add popups in Divi. Creating popups for Divi is an effortless process, and the plugin and method that you’ll choose can solely depend on your website requirements.

By following the tutorial steps for each of the options, you can create a popup that will help you spread the word about your products and grow your business. Start adding popups today!  

What option are you currently using to add popups in Divi? Write your answer and experience in the comments!