When designing responsive in Divi, the columns stack order is always a little tricky to solve. The easiest way to solve is duplicate the row and disable on desktop and adjust the stack order. However, this is a bad practice, since it bloats the page of content. To...
Divi Overlays
Start Here
Getting Started with Divi Overlays
Click Triggers
Click Triggers from Divi Buttons
Click Triggers from Any Divi Section, Row, or Module
Click Triggers from Menu Links
Click Triggers from Text Links
Click Trigger by Inputting a CSS String
Automatic Triggers
Trigger on Page Load or with Timed Delay
Trigger Based on the User’s Scroll
Trigger with Exit Intent (before user leaves the page)
Trigger from the URL (take user directly to overlay from external pages, emails)
Closing Divi Overlays
The Different Ways of Closing Divi Overlays
Customize the Default Close Button
Create a Custom Close Button
Keep Popup from Triggering After User Has Closed It (Close Button Cookie)
How to Create a Custom Close Button in the Success Message of a Divi Contact Form
Additional Feature Tutorials
Disable Divi Overlays Per Device Type
Display Locations Feature
Load Divi Overlay Over Ajax (overlay content won’t load until triggered)
Divi Overlays Scheduling Feature
How to Create a Video Popup in Divi with Divi Overlays
How to Trigger a Popup Overlay From Within another Popup
All Divi Overlays Documentation Tutorials:
How to Create a Custom Close Button in the Success Message of a Divi Contact Form
Introduction Divi Overlays makes it easy to create custom popup close buttons/links using the custom close class. Essentially you just add the custom close class to any element within the Divi Overlay, and it will automatically close the overlay when clicked. This is...
How to Trigger a Popup Overlay From Within another Popup
Introduction With Divi Overlays you can open a new overlay from within an existing overlay. Or another way of saying it is to link popups together. You can add a trigger inside a popup overlay that will close the first popup while opening another one. 😍 Here's how it...
How to Create a Video Popup in Divi with Divi Overlays
Introduction Divi Overlays makes is easy to create Video Popups using Divi. You can add any video from your Media Library, YouTube, or Vimeo with just a few steps. Plus, Divi Overlays comes with video popup templates to make it even easier. Here's what we'll be...
An Overview of the Divi Overlays Cache
Divi Overlays has a "cache" feature to improve performance. The cache feature will reduce the number of requests and limit CPU usage. It's highly recommended that you leave the cache enabled. As of 2.9.1, the cache is enabled by default. Why is the Divi Overlays Cache...
Divi Overlays Click Trigger Workaround
Introduction Click triggers don't seem to be working? This workaround may help! You may have noticed that in some cases, you create a click trigger correctly, but it doesn’t seem to trigger your Divi Overlay when clicked. Click Triggers in Divi Overlays work by...
How to Disable a Divi Overlays Popup Per Device
Introduction Sometimes you need to disable popups on specific devices (such as mobile). Divi Overlays makes this is extremely easy to do with a built in feature. Note: This feature is only relevant for Automatic Triggers. If you want to disable a click triggered popup...
How to Load Your Divi Overlay Over Ajax
Introduction By default, Divi Overlays will load the content of your overlay/popup in the background while the rest of the page is loading. This is recommended because it allows your overlays to trigger immediately without any delay or loading icons. This works great...
How to Use the Popup Display Locations Feature in Divi Overlays
Introduction When it comes to Automatic Triggers, you may not want your Divi Overlays popup to trigger on all pages. For this reason, Divi Overlays has the Display Locations Feature to allow you to choose what pages you'd like the popup to trigger on. In this...
How to Use the Divi Overlays Scheduling Feature to Schedule Your Popup
Introduction The Scheduling feature in Divi Overlays gives you the ability to schedule when your Divi Overlays will trigger on your site. This feature only works for automatic triggers, because click triggers will always allow the popup to trigger. This feature has...
How to Keep a Popup From Continuously Popping Up (Close Button Cookie Feature)
Introduction In this tutorial we will show you how to use the Close Button Cookie feature in Divi Overlays. This feature is important, and will keep your visitors from getting annoyed! Once they close popup once, it won't appear again for the specified numbers of...
How to Create a Custom Close Button in Divi Overlays
Introduction In this tutorial we will show you how to create a custom close button to your Divi Overlays using a few lines of HTML and CSS. Divi Overlays has a default close button in the upper right hand corner of the screen that can be customized (size, color,...
How to Use the Close Button Cookie with Divi Overlays
Introduction In this tutorial we will show you how to use the Close Button Cookie feature in Divi Overlays. This feature will keep the Divi Overlay from triggering again and again to the same user as they navigate the site once they've closed the popup. (Note: This...
How To Solve the Issue When the Builder is not Loading (Infinite Loading Issue)
Introduction Sometimes, when you want to edit a post in Divi Overlays, Divi Bars or Divi Mega Pro, the builder does not load normally, but instead shows an infinite loading loop over the builder, or the homepage of your website. This is due to a bug in Divi's new...
Customizations/Changes Not Showing on Front End after Updating (Divi Overlays, Divi Mega Pro, Divi Bars)
Introduction Occasionally changes, customizations, or updates that you make in Divi Overlays, Divi Mega Pro, and Divi Bars are not reflected or shown on the front end of the site. This can easily be solved by clearing the Divi cache. Follow the steps below to achieve...
How to Use the CSS Selector Trigger Feature to Set Click Triggers in Divi Overlays When There is Not a CSS ID Field
https://youtu.be/zQy5FDckiTg Using the CSS Selector Trigger Feature Setting popup Click Triggers on Divi Modules is very easy for most modules. You simply just add the overlays unique CSS ID to the module’s CSS ID field in the advanced tab. However, you may have...
How to Trigger a Divi Popup or Overlay from a Divi Button Click in Divi Overlays
https://www.youtube.com/watch?v=eukQqOUo-H0 Introduction In this tutorial we will show you how to trigger an Overlay in a Divi Button Module. If you still haven't created your Overlays, please follow The Getting Started Divi Overlays Tutorial in order to create it....
How to Set a Text Link Click Trigger for a Divi Overlay Popup
https://www.youtube.com/watch?v=fuNPCYc3XqY Introduction In this tutorial we will show you how to trigger an Overlay in one part of the text, that could be a phrase or a specific word. In other tutorials we have showed you How to trigger an overlay in a button...
How to Trigger a Divi Popup on Click from any Divi Section, Row, or Module in Divi Overlays
https://www.youtube.com/watch?v=SVLgHxoZySE Introduction In this tutorial we will show you how to trigger an Overlay in a section, row or any Divi module. Basically Divi Overlays trigger in all modules which have the Unique Overlays ID. If you have not created...
How to Trigger a Divi Overlay Popup with a URL Trigger
https://youtu.be/GbmbDbf3hUI Introduction In this tutorial we will show you how to trigger an Overlay/Popup from the URL string. This is perfect for sending a user directly to an overlay/popup from an external page, email, etc. For example, say you have a popup...
How to Trigger a Divi Popup Based on the User’s Scroll with Divi Overlays
https://youtu.be/iHn_fLKWl5E Introduction In this tutorial we will show you how to trigger an Overlay based in the user's scroll. When the user scroll down, the overlay automatically will be triggered. In other tutorials we have showed you How to trigger an...
How to Trigger a Divi Overlay on Click from a Menu Link
https://www.youtube.com/watch?v=08-XMYIBh9k Introduction In this tutorial we will show you how to trigger an Overlay into a menu item of your Divi site. In other tutorials we have showed you How to trigger an Overlay into a specific text, How to trigger an...
The Different Ways of Closing Divi Overlays Popups
https://youtu.be/jrQsYZO-hkE Introduction Divi Overlays includes four methods to close the Overlay/popup. The different methods of closing an overlay are: Default Close Button: This is int he upper corner of the screen by default, although it can be disabled if...
How to Customize the Close Button for your Divi Popup or Overlay
https://youtu.be/PAubC7XEOkk Introduction Change the styles of the close button in Divi Overlays. With Divi Overlays you have full control of the close button to style it as you want it. Step 1: Go to Divi Overlays Posts 1. Go to WordPress dashboard 2....
How to Create an Exit Intent Divi Popup with Divi Overlays
https://youtu.be/f_qP2QWmmWo Introduction Divi Overlays gives you the possibility to trigger popups in exit intent (also known as exit popups). So when the cursor is leaving the page, automatically your Divi popup will be triggered. Step 1: Go to Divi...
How to Automatically Trigger a Divi Popup with a Timed Delay in Divi Overlays Plugin
https://youtu.be/LbLY4JZwqH0 Introduction One of the most used function in Divi Overlays is the Timed Delay automatic trigger. This function trigger your overlay after determinated time. Step 1: Go to Divi Overlays Posts 1. Go to WordPress dashboard 2....
Getting Started with Divi Overlays— How to Create a Divi Popup with Divi Overlays
For more experienced users, take a look at the Divi Overlays Quickstart instructions below. You will also find an in depth video and written tutorial below. The 8 Step Quickstart Instructions: Download Divi Overlays from the Purchase History page (or the All Access...