Ultimate Guide to Divi Popups Without Plugins

✅ Free Popup Layout: https://divilife.com/how-to-create-po...

Popups are amazing tools for marketing purposes, design purposes, and even user experience purposes! In this tutorial, I show you how to create Divi Popups using two different methods: with and without a Divi plugin!

Two Methods of Achieving Popups in Divi:

Method 1: The first method uses code to achieve popups directly on the page. These popups are click triggered, and anything on the page within the Divi Builder can become your popup content, and your popup click trigger!

🎁 FREE GIFT: Get a free Popup Layout that you can import to your site!
👉 https://divilife.com/how-to-create-po...

Method 2: Using a plugin, we can easily create popups that can be triggered with a click, or using an automatic trigger such as timed delay, scroll delay, exit intent, and more.

✅ Get it all at the tutorial: https://divilife.com/how-to-create-po...

Chapters:
00:00 Introduction to the Tutorial
00:10 Overview of Pop-Up Creation Methods
00:14 Method 1: Creating a Pop-Up Without a Plugin
02:26 Step 1: Designing the Pop-Up Content
02:57 Adding CSS Class to Pop-Up Content
03:44 Step 2: Setting Up the Lightbox Trigger
03:57 Adding CSS Class to the Trigger Button
04:16 Step 3: Adding the Necessary Code
09:04 Choosing Where to Add the Code
10:37 Adding Code Directly to the Page
11:18 Organizing Code in Wireframe View
13:54 Finalizing the Code Setup
14:45 Testing the Pop-Up Functionality
15:36 Customizing the Pop-Up Overlay
17:16 Method 2: Creating a Pop-Up Using Divi Overlays
17:35 Exploring Divi Overlays Features
19:40 Importing and Customizing a Template
23:17 Setting Up Pop-Up Triggers
26:36 Testing the Divi Overlays Pop-Up
27:32 Conclusion and Next Steps