Divi Overlays

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 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 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 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...

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 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 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....

The Different Ways of Closing Divi Overlays Popups

https://youtu.be/jrQsYZO-hkE   Introduction Divi Overlays have 4 ways to close the Overlay. Basically to close an overlay on any section, row or module, you need to use the CSS Class: close-divi-overlay So different ways to close an overlay are: 1) The default...

Pin It on Pinterest