Divi Overlays
Create beautiful full screen overlays, popups, or modals using the Divi Builder.
A Beautiful Popup for Any Occasion
Create Any Popup Imaginable
With Divi Overlays, creating gorgeous full-featured popups with the Divi Theme is extremely easy! And since Divi Overlays is powered by the Divi Builder, you can create any type of popup imagineable. You’re not limited by pre-determined options and settings like many other solutions (aka “popup modules”). You have the entire Divi Builder at your finger tips with ALL of Divi’s built in modules!
Email Subscriptions/Opt-Ins
Promotional Sale Popups
Whether you have an eCommerce store or a service business, you can easily gain more exposure for your sale, product, or service, with a gorgeous popup.
Login Forms
No need to take your user to a separate page to login to your website. You can easily create a beautiful login popup with Divi’s login module + Divi Overlays.
Welcome Mat
Create a friendly & sleek full screen welcome mat popup to greet your visitors (or promote something) when they land on your website for the first time.
Cart Abandonment
70% of all eCommerce shopping carts are abandoned. You can increase revenue by implementing a cart abondement exit-intent popup with Divi Overlays.
External Webpage
Contact Forms
Every website needs a contact form! Rather than create an entire page for just the form, create a contact form popup instead, and keep your visitors where they are.
Info/Content Popups
★★★★★
Divi Overlays is in my top 3 favorite Divi plugins to date. It’s just awesome. So versatile, so customizable and more importantly, reliable. I wouldn’t expect anything different from Tim. Every product I’ve got from Divi life has been a huge asset to my website design tool box. Overlays in particular gives me the ability to take my sites to a whole new level with customized pop ups and lightbox effects. And not to mention…my clients LOVE it! Thanks Tim for releasing such a great, reliable product that has helped elevate my Divi websites!
Josh Hall
★★★★★
I was on the search to have a simple video pop up over the existing page, an overlay. I tried a couple of options and then I came across the DiviLife’s Divi Overlay Plugin. I took a chance a purchased the lifetime License and I am glad I did. Divi Overlay was easy to set up, works with the Divi Builder, and does exactly what I wanted and needed it to do. Plus it has so many other options. I can’t wait to play with it further. Also, I just upgraded to the All Access Pass so that I can use all their plugins, layouts, and child themes. A great investment for keeping my sites looing great. Thank you Tim and the DiviLife Team, keep up the great work!
Jose Velasco Jr
A Full Suite of Automatic & Manual Triggers
Divi Overlays is extremely powerful with lots of ways to trigger your popup. No need to settle for less when Divi Overlays has it all— giving you the ultimate control over your Divi Popups.
Automatic Popup Triggers
Divi Overlays includes a variety of automatic triggers for the perfectly timed popup every time.
Timed Delay Trigger
Set your delay in seconds, or choose 0 to trigger on page load.
Scroll Based Trigger
Trigger your overlay by how far the user has scrolled on the page.
Exit Intent Trigger
Trigger right before the user hits the back button or leaves the site.
URL Trigger
Link directly to your overlay by adding /#overlay-1234 to the URL.
Manual Click Triggers
With Divi Overlays, literally anything on the page can trigger your popup overlay on click!
Text Links
Paragraph text, header text, or any other text can trigger an overlay.
Buttons, Modules, Sections, Rows
Trigger with a Divi button, or any other section, row, or module.
Images
Easily trigger your Divi Popup with a click of an image.
Navigation Menu Links
Trigger your Divi Overlay from a header menu link or button.
Thousands & Thousands of Happy Customers
How it Works: 2 Easy Steps to Gorgeous Popups
Divi Overlays has the perfect balance of power and ease-of-use. Just like Divi, Divi Overlays is easy enough for beginner to use, but powerful enough for professionals. With just a couple of steps, you’ll have beautiful feature-rich popups up and running on your Divi website in minutes.
Step 1: Create Your Overlay/Popup
From the Divi Overlays admin section, add a new Overlay and start creating your popup overlay with Divi, just like you would on any typical Divi page. Using the Divi Builder, you have FULL control over all the content, layout, design, etc. You can simply add some Divi modules, or get creative and design complex popup layouts— the choice is yours! Plus, you can start with one of our pre-made templates to make things even easier!
See the Divi Overlays Getting Started Guide to learn more!
Step 2: Set a Trigger
If you’re setting an automatic trigger (timed delay, etc), then you can do so on the same screen without leaving the page! Simply scroll down to the Automatic Triggers meta box, select your trigger (& define the settings), and you’re done! If you’re triggering your popup on click, copy the CSS ID from the Manual Triggers meta box, then paste it anywhere on your page under the CSS ID field in the advanced tab. You can of course dig into the more advanced settings if you wish!
And you’re done! Super easy!
Design from Scratch or Use a Template
Gorgeous Popup Templates
Divi Overlays comes with over a dozen gorgeous templates to make your life easier! You can easily download and import one of our professionally designed popup templates to help you get started. Then, you can use it as-is, or as use it as a starting point and customize it to your heart’s content, using the Divi Builder and all of it’s built in modules and design settings.
Dozens of Powerful Features
Since Divi Overlays launched in 2017, we’ve added dozens and dozens of new features and enhancements! Below you’ll find a summary of most (but not all) of the included features. Plus, we’re always adding new stuff too!
Automatic Trigger Types
On page load, timed delay, scroll delay, URL Trigger (from external source), & exit-intent!
See Doc
11 Animations Options
Choose from one of our 11 entrance/exit animation options to gran your user’s attention.
See Doc
Close Button Customizer
Customize the size, color, background, & padding of the built in close button, & preview it live.
See Doc
Hide Main Close Button
Disabling the close button is necessary for verification popups to force users to accept terms.
See Doc
Click Triggers
Set click triggers from anything on the page: text, menus, Divi sections, row, modules, etc.
See Doc
Design Visually with Divi
Divi Overlays lets you design your popups using ALL of Divi’s built in modules & design tools.
See Doc
Popup Scheduling
Have a scheduled sale you want to promote? You can set a start & end date & time with Divi Overlays.
See Doc
Disable Per Device
Want a specific popup just on mobile, tablet, or desktop? With Divi Overlays you can do so easily!
See Doc
Popup Display Locations
You can choose to trigger your popup on all pages, or fine-tune the pages/posts easily.
See Doc
Custom Close Buttons
Creating a custom close button is easy! Just add close-divi-overlay CSS class to any element.
See Doc
Recurring Scheduling
Have a recurring event you need to promote? The recurring scheduling feature makes it easy!
See Doc
Prevent Page Scrolling
Sometimes you may want to prevent the main page from scrolling behind the overlay or popup.
See Doc
Close Button Cookie
Prevent your visitors from seeing the same popup over and over again! Keep it closed!
See Doc
Ajax Loading Option
Keep the overlay content from loading until it’s triggered. Perfect for image heavy popups!
See Doc
Templates Included
See Doc
More Features Coming!
The majority of the features here are directly from customer feedback! What features do you want to see come to Divi Overlays?
★★★★★
I highly recommend Divi Overlays to novice users and pros. It is easy to use and works with the Divi Builder and is a great alternative to traditional modals. However, the top reasons I recommend this plugin are the support and ongoing development. Support is fast and personable, which can be important when working on a deadline. The developers have updated the plugin with some great additional functionality, and they welcome suggestions from users.
Shay Mann
★★★★★
I was very excited when hearing about the Divi Overlays plugin. Immediately upon it’s release, I purchased it without hesitation. I’m pleased to say it is everything I had expected. This is such a versatile plugin and I’ve found it very useful on the current site I’m working on (which is built using the RoyalCommerce child theme). You do great work Tim, is there anywhere I can leave a review? Because this plugin is EXCELLENT!
Matthew Farrelly
Not Just for Popups—
Add a whole new layer to your website
You’re no longer confined to the typical single layered web page. Divi Overlays sets your website free, giving you access to a whole new layer; a whole new canvas, that can be triggered with anything on your page.
Much More than a Modal
Divi Overlays is so much more than a modal or “pop-up” builder. Divi Overlays gives you a full-screen, edge-to-edge canvas to design your overlay. However, you can still create classic modal-looking pop-up overlays if you wish.
The Overlay is your canvas, Divi Builder is your brush
No module limitations here. Divi Overlays utilizes custom post types, giving you the entire Divi Builder at your finger tips. Create a masterpiece with the power & flexibility of the builder you already know how to use. And, no need to waste time going back and forth from the Divi Library. Create and set automatic triggers all from the Divi Overlay edit screen!
★★★★★
As soon as Divi Overlays came out we knew we had to buy a lifetime license if nothing else to support such a cool idea in the Divi Community, but since purchasing Divi Overlays we’ve found fun uses on almost every site we built since! It’s easy to use and fun for the client to experience. We also had an issue with a few sites, but a quick email to their support and all our issues were fixed within 24 hours! I highly recommend you pick this up and do yourself a favor – buy the Unlimited Site license, you’ll love having Divi Overlays on all your sites! Thanks Divi Life for making us look good!
Mark Savage
★★★★★
Divi Overlays is one of the highest quality plugins you will be able to find. Like testimonials and a contact page, Divi Overlays is also one of those plugins that is a “must have” on practically any site. After browsing the documentation, I was able to create a new overlay in minutes. You can put just about anything you want into an overlay, including sliders, contact forms, blogs, and content from other plugins. It all uses the Divi Builder, which is just amazing. The potential for this plugin is practically limitless. Watch the intro and demo videos, and read the documentation. You’ll be convinced. An easy 5 stars, 11 if I could. Kudos on the months of hard work! The results speak for themselves.
Terry Hale
Divi Overlays Pricing
Single Site
$24/year
Use on One Website
Create Unlimited Overlays
All Core Features Included
11 Animations Included
Video & Article Documentation
1 Year of Updates & Support
Three Sites
$49/year
Use on 3 Websites
Create Unlimited Overlays
All Core Features Included
11 Animations Included
Video & Article Documentation
1 Year of Updates & Support
Unlimited Sites
$79/year
Use on Unlimited Websites
Create Unlimited Overlays
All Core Features Included
11 Animations Included
Video & Article Documentation
1 Year of Updates & Support
Lifetime Unlimited
$129
Use on Unlimited Websites
Create Unlimited Overlays
All Core Features Included
11 Animations Included
Video & Article Documentation
Updates & Support for Life
Annual Membership
$149/year
Divi Overlays Included
All 11+ Divi Life Plugins
All 22+ Divi Life Child Themes
All 12+ Divi Life Layouts
Use all products on Unlimited Sites
Video & Article Documentation
Unparalled Customer Support
Members Only Templates
Members Only Bonus Products
1 Year of Updates & Support
All Future Products (with active subscription)
Lifetime Membership
$349
Divi Overlays Included
All 11+ Divi Life Plugins
All 22+ Divi Life Child Themes
All 12+ Divi Life Layouts
Use all products on Unlimited Sites
Video & Article Documentation
Unparalled Customer Support
Members Only Templates
Members Only Bonus Products
Updates & Support for Life
All Future Products for Life