{"id":29297,"date":"2023-02-28T06:03:09","date_gmt":"2023-02-28T05:03:09","guid":{"rendered":"https:\/\/www.markhendriksen.com\/?p=29297"},"modified":"2025-05-14T11:09:20","modified_gmt":"2025-05-14T09:09:20","slug":"divi-popup","status":"publish","type":"post","link":"https:\/\/www.markhendriksen.com\/divi-popup\/","title":{"rendered":"How To Create a Divi Popup (Free Download)"},"content":{"rendered":"\n<p><strong>Want to create a visually stunning Divi popup on your website?<\/strong><\/p>\n\n\n\n<p>Ready to take your Divi site to the next level? Try adding a popup that\u2019s designed to capture the attention of visitors and bring more life and engagement to your <a href=\"https:\/\/www.markhendriksen.com\/how-to-make-a-website-with-wordpress-and-divi-theme\/\">Divi website<\/a>. Using this step-by-step tutorial, you can easily create an eye-catching, professional-looking popup in minutes \u2014 no coding knowledge required. Plus, I have even included a <strong>free popup layout<\/strong> for you to download and customize!&nbsp;<\/p>\n\n\n\n<p>With this easy-to-follow guide, I will provide 5 options to create a popup for Divi. For the 2 free options, I provide <strong>step-by-step instructions<\/strong> plus a free popup layout that you can download and use.<\/p>\n\n\n\n<p>I also included 3 popular premium popup plugins with additional features and triggers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Table of contents<\/h3>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single\">\n<li><a href=\"#what\">What is a Divi popup?<\/a><\/li>\n\n\n\n<li><a href=\"#download\">Download my free popup layout <strong>[FREE DOWNLOAD]<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"#option-1\">Option 1: Popups for Divi plugin (free)<\/a><\/li>\n\n\n\n<li><a href=\"#option-2\">Option 2: Popup Maker plugin (free)<\/a><\/li>\n\n\n\n<li><a href=\"#option-3\">Option 3: Divi Overlays plugin (premium)<\/a><\/li>\n\n\n\n<li><a href=\"#option-4\">Option 4: Divi Supreme Pro (premium)<\/a><\/li>\n\n\n\n<li><a href=\"#option-5\">Option 5: Divi Modal Popup Plugin (premium)<\/a><\/li>\n\n\n\n<li><a href=\"#conclusion\">Conclusion<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what\">What is a Divi popup?<\/h2>\n\n\n\n<p>A popup is a type of window that appears on top of the content that is currently being displayed in an application or website. It often contains additional information, options, or interactive elements to enhance the user experience.<\/p>\n\n\n\n<p>Popups are caused by user events, like clicking a link or button, and can be used to display alerts and confirmations. They can also be used to show additional content like menus across different pages and sections of a website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Why should you use a Divi popup?<\/h3>\n\n\n\n<p>Divi Pop-ups can be a great way for businesses to promote their products and services, as well as capture customer information. Pop-ups are often used by sites to advertise special offers or discounts, collect contact details for newsletters or surveys, or announce new features.<\/p>\n\n\n\n<p>They are particularly effective because they can be targeted to specific audiences and appear directly on the page where the user is browsing. Pop-ups also have the advantage of appearing quickly and automatically, so they can act as an attention-grabber and encourage users to take action. With careful design and optimization, pop-ups can help maximize conversions and boost sales.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Popup triggers<\/h3>\n\n\n\n<p>A popup trigger is an event that causes a popup window to appear on a computer or mobile device. Popup triggers can be events such as loading a page, clicking on a link, hovering over an image, or entering or leaving a website.<\/p>\n\n\n\n<p>Popups are often used to display advertisements, notifications, or other types of messages. They can also be used to prompt the user for additional information or to confirm an action before it&#8217;s taken. Popup triggers can help website owners to personalize content and increase engagement with their visitors.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"download\">Download my free popup layout<\/h2>\n\n\n\n<p>You can use this popup layout as a starting point for the free popup plugins option 1 and 2.<\/p>\n\n\n<div class=\"gb-button-wrapper gb-button-wrapper-3d840ae7\">\n\n<a class=\"gb-button gb-button-72c9ce72 gb-button-text button-for-posts\" href=\"https:\/\/www.demo.markhendriksen.com\/divi-popup-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">See Demo<\/a>\n\n<\/div>\n\n\n<p>You can download the free popup layout from the membership area (this is 100% free and you will have access to all of my free resources).<br><\/p>\n\n\n\n<p> Click the <strong>&#8220;Join the Free Membership&#8221;<\/strong> button below to sign up, or log in if you&#8217;re already a member. Once you&#8217;re in, go to <strong>&#8220;Resources from Tutorials&#8221;<\/strong> to download the popup layout.<\/p>\n\n\n<div class=\"gb-container gb-container-bdba9934 free-membership-post-cta-box\">\n<div class=\"gb-grid-wrapper gb-grid-wrapper-61529723\">\n<div class=\"gb-grid-column gb-grid-column-e62e1ebe\"><div class=\"gb-container gb-container-e62e1ebe free-membership-post-cta-box-column-1\">\n\n<p class=\"free-membership-post-cta-box-tagline\" style=\"font-size:16px;font-style:normal;font-weight:700;letter-spacing:1px;text-transform:uppercase\">Create a free account<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-white-color has-text-color has-link-color wp-elements-7d524278cd20cb12a9668ceb646d3efc\">Get Access to All of My Free Resources<\/h3>\n\n\n\n<p class=\"free-membership-post-cta-box-paragraph has-text-color has-link-color wp-elements-39cc5c2dee555cbba12096c02723d253\" style=\"color:#ffffffa1;font-size:20px;font-style:normal;font-weight:300\">Join the free membership and start downloading my layout packs<\/p>\n\n\n\n<a class=\"gb-button gb-button-0968ccaf gb-button-text free-membership-post-cta-button\" href=\"https:\/\/www.markhendriksen.com\/join-free-membership\/\" target=\"_blank\" rel=\"noopener noreferrer\">Join the Free Membership<\/a>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-20bb6f77\"><div class=\"gb-container gb-container-20bb6f77 free-membership-post-cta-box-column-2\">\n\n<figure class=\"gb-block-image gb-block-image-841eaedc\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"225\" class=\"gb-image gb-image-841eaedc\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/free-membership-area.png\" alt=\"Free membership area\" title=\"free-membership-area\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/free-membership-area.png 360w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/free-membership-area-300x188.png 300w\" sizes=\"(max-width: 360px) 100vw, 360px\" \/><\/figure>\n\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">How to install this popup layout<\/h3>\n\n\n\n<p>After downloading the popup layout folder you have to unzip it first. Inside you will find the JSON file that you have to upload into your Divi Library.<\/p>\n\n\n\n<p>Go to Divi &gt; Divi Library in your WordPress dashboard. Click on Import &amp; Export button and upload the popup JSON file.<\/p>\n\n\n\n<p>From here follow the steps under option 1 or 2, depending on the popup plugin of your choice.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"option-1\">Option 1: Popups for Divi plugin (free)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"380\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popups-for-Divi.jpg\" alt=\"Popups for Divi\" class=\"wp-image-29321\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popups-for-Divi.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popups-for-Divi-380x212.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popups-for-Divi-300x168.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popups-for-Divi-510x285.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popups-for-Divi-107x60.jpg 107w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popups-for-Divi-161x90.jpg 161w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p>With the Popups for <a href=\"https:\/\/www.markhendriksen.com\/divi-builder-plugin-review-by-elegant-themes\/\">Divi builder plugin<\/a>, you can easily create popups right in the Visual Builder! Craft stunning and unique popups out of any Divi Section. You can have an unlimited number of popups on a single page, and you control how they appear with buttons or links.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Download and install this plugin<\/h3>\n\n\n\n<p>You can download this plugin for free on the Elegant Themes marketplace.<\/p>\n\n\n<div class=\"gb-button-wrapper gb-button-wrapper-d6c8b935\">\n\n<a class=\"gb-button gb-button-8328730f gb-button-text button-for-posts\" href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=44891&amp;url=79142\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Get this free plugin<\/a>\n\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>After downloading head over to your WordPress dashboard and go to Plugins and start uploading and activating this plugin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Import the free popup layout<\/h3>\n\n\n\n<p>Open a page where you want to place a popup (if you want to use a popup on your entire website then you can also add this popup in your Global Footer in Divi &gt; Theme Builder).<\/p>\n\n\n\n<p>Click on the + symbol to add a new section and then switch to the Add from library tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"458\" height=\"304\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Add-the-free-popup-layout.jpg\" alt=\"Add the free popup layout\" class=\"wp-image-29322\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Add-the-free-popup-layout.jpg 458w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Add-the-free-popup-layout-380x252.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Add-the-free-popup-layout-300x199.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Add-the-free-popup-layout-90x60.jpg 90w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Add-the-free-popup-layout-136x90.jpg 136w\" sizes=\"(max-width: 458px) 100vw, 458px\" \/><\/figure>\n\n\n\n<p>From your library import the popup layout.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"280\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-the-popup-layout.jpg\" alt=\"Import the popup layout\" class=\"wp-image-29323\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-the-popup-layout.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-the-popup-layout-380x156.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-the-popup-layout-300x124.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-the-popup-layout-510x210.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-the-popup-layout-146x60.jpg 146w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-the-popup-layout-219x90.jpg 219w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Popup settings<\/h3>\n\n\n\n<p>When you open the popup section you will see a new tab &#8220;Popup&#8221; here you can enable the option &#8220;This is a Popup&#8221;.<\/p>\n\n\n\n<p>If you want to add a link trigger for your popup then you can fill in the field Popup ID.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"506\" height=\"677\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Enable-the-popup.jpg\" alt=\"Enable the popup\" class=\"wp-image-29324\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Enable-the-popup.jpg 506w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Enable-the-popup-380x508.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Enable-the-popup-224x300.jpg 224w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Enable-the-popup-45x60.jpg 45w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Enable-the-popup-67x90.jpg 67w\" sizes=\"(max-width: 506px) 100vw, 506px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Choose a trigger option<\/h3>\n\n\n\n<p>With this plugin, you can choose 2 trigger options for your popup.<\/p>\n\n\n\n<p><strong>Exit-intent<\/strong><\/p>\n\n\n\n<p>Open the Behavior tab and you can enable Exit Intent here.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"477\" height=\"641\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Exit-intent-option.jpg\" alt=\"Exit intent option\" class=\"wp-image-29325\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Exit-intent-option.jpg 477w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Exit-intent-option-380x511.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Exit-intent-option-223x300.jpg 223w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Exit-intent-option-45x60.jpg 45w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Exit-intent-option-67x90.jpg 67w\" sizes=\"(max-width: 477px) 100vw, 477px\" \/><\/figure>\n\n\n\n<p><strong>Link trigger<\/strong><\/p>\n\n\n\n<p>In the previous step, I added a popup ID and we can use that to trigger the popup with a link or button.<\/p>\n\n\n\n<p>I have used &#8220;open&#8221; as a popup ID and if I place that in the link field of a button with # in front then the popup will open when clicking on this button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"473\" height=\"641\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-link-trigger.jpg\" alt=\"Popup link trigger\" class=\"wp-image-29327\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-link-trigger.jpg 473w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-link-trigger-380x515.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-link-trigger-221x300.jpg 221w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-link-trigger-44x60.jpg 44w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-link-trigger-66x90.jpg 66w\" sizes=\"(max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Pros of this popup plugin<\/h3>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single\">\n<li>It&#8217;s a free plugin<\/li>\n\n\n\n<li>Exit-intent trigger (for most plugins this is a paid option)<\/li>\n\n\n\n<li>Can build popups from the visual builder<\/li>\n\n\n\n<li>This plugin is very easy to use<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Cons of this popup plugin<\/h3>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single\">\n<li>Only 2 triggers are available<\/li>\n\n\n\n<li>No option to not display a popup when it is already been seen<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"option-2\">Option 2: Popup Maker plugin (free)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"220\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-maker.jpg\" alt=\"Popup maker\" class=\"wp-image-29328\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-maker.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-maker-380x123.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-maker-300x97.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-maker-510x165.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-maker-185x60.jpg 185w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-maker-278x90.jpg 278w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p>This plugin is not specific for Divi only but it does work really well with it and you can use the Divi Builder with this plugin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Install and activate Popup Maker<\/h3>\n\n\n\n<p>In your WordPress dashboard navigate to Plugins &gt; Add New and search for <a href=\"https:\/\/wordpress.org\/plugins\/popup-maker\/\" target=\"_blank\" rel=\"noreferrer noopener\">Popup Maker<\/a>. Then install and activate this plugin.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"343\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Install-Popup-Maker.jpg\" alt=\"Install Popup Maker\" class=\"wp-image-29329\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Install-Popup-Maker.jpg 570w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Install-Popup-Maker-380x229.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Install-Popup-Maker-300x181.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Install-Popup-Maker-510x307.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Install-Popup-Maker-100x60.jpg 100w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Install-Popup-Maker-150x90.jpg 150w\" sizes=\"(max-width: 570px) 100vw, 570px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Import the layout<\/h3>\n\n\n\n<p>Go to Popup Maker and click on &#8220;Create New Popup&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"451\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Create-a-new-popup.jpg\" alt=\"Create a new popup\" class=\"wp-image-29330\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Create-a-new-popup.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Create-a-new-popup-380x252.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Create-a-new-popup-300x199.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Create-a-new-popup-510x338.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Create-a-new-popup-90x60.jpg 90w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Create-a-new-popup-136x90.jpg 136w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p>Give your popup a name and activate the Divi Builder.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"345\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Click-use-the-Divi-Builder.jpg\" alt=\"Click use the Divi Builder\" class=\"wp-image-29331\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Click-use-the-Divi-Builder.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Click-use-the-Divi-Builder-380x193.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Click-use-the-Divi-Builder-300x152.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Click-use-the-Divi-Builder-510x259.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Click-use-the-Divi-Builder-118x60.jpg 118w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Click-use-the-Divi-Builder-177x90.jpg 177w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p>From here click on the blue + icon and go to the &#8220;Add From Library&#8221; tab.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"145\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-Divi-layout-in-Popup-Maker.jpg\" alt=\"Import Divi layout in Popup Maker\" class=\"wp-image-29332\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-Divi-layout-in-Popup-Maker.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-Divi-layout-in-Popup-Maker-380x81.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-Divi-layout-in-Popup-Maker-300x64.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-Divi-layout-in-Popup-Maker-510x109.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-Divi-layout-in-Popup-Maker-190x41.jpg 190w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-Divi-layout-in-Popup-Maker-422x90.jpg 422w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p>Then choose the Popup layout.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"280\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-the-popup-layout.jpg\" alt=\"Import the popup layout\" class=\"wp-image-29323\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-the-popup-layout.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-the-popup-layout-380x156.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-the-popup-layout-300x124.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-the-popup-layout-510x210.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-the-popup-layout-146x60.jpg 146w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Import-the-popup-layout-219x90.jpg 219w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Add a trigger<\/h3>\n\n\n\n<p>Below the Divi Builder, you will find the options for this popup. Click on &#8220;Add New Trigger&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"146\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Add-a-trigger-with-Popup-Maker.jpg\" alt=\"Add a trigger with Popup Maker\" class=\"wp-image-29333\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Add-a-trigger-with-Popup-Maker.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Add-a-trigger-with-Popup-Maker-380x82.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Add-a-trigger-with-Popup-Maker-300x64.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Add-a-trigger-with-Popup-Maker-510x110.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Add-a-trigger-with-Popup-Maker-190x41.jpg 190w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Add-a-trigger-with-Popup-Maker-419x90.jpg 419w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p>You can create a trigger in the next window. The trigger options you have are link click, time delay, and form submission.<\/p>\n\n\n\n<p>You can also add a cookie so that visitors do not see the popup again after triggering it.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"440\" height=\"357\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-maker-trigger-options.jpg\" alt=\"Popup maker trigger options\" class=\"wp-image-29334\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-maker-trigger-options.jpg 440w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-maker-trigger-options-380x308.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-maker-trigger-options-300x243.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-maker-trigger-options-74x60.jpg 74w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-maker-trigger-options-111x90.jpg 111w\" sizes=\"(max-width: 440px) 100vw, 440px\" \/><\/figure>\n\n\n\n<p>When you also added a cookie it will look something like this depending on what you have chosen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"212\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-trigger-and-cookie.jpg\" alt=\"Popup trigger and cookie\" class=\"wp-image-29335\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-trigger-and-cookie.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-trigger-and-cookie-380x118.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-trigger-and-cookie-300x94.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-trigger-and-cookie-510x159.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-trigger-and-cookie-190x60.jpg 190w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-trigger-and-cookie-289x90.jpg 289w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Targeting options<\/h3>\n\n\n\n<p>By default, the popup will show on all the pages of your website. Under the targeting tab, you can use the condition options to show the popup in a specific segment or page of your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"920\" height=\"476\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-targeting.jpg\" alt=\"Popup targeting\" class=\"wp-image-29337\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-targeting.jpg 920w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-targeting-380x197.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-targeting-680x352.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-targeting-300x155.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-targeting-768x397.jpg 768w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-targeting-116x60.jpg 116w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-targeting-174x90.jpg 174w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Display options<\/h3>\n\n\n\n<p>Under Display go to the Appearance tab and set the Popup Theme to &#8220;Content Only &#8211; For use with page builders or block editor&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"286\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-display-options.jpg\" alt=\"Popup display options\" class=\"wp-image-29338\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-display-options.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-display-options-380x160.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-display-options-300x126.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-display-options-510x215.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-display-options-143x60.jpg 143w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Popup-display-options-214x90.jpg 214w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p>When you have done this you can publish your new popup.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pros of this popup plugin<\/h3>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single\">\n<li>It&#8217;s a free plugin<\/li>\n\n\n\n<li>Can set a cookie for the popups<\/li>\n\n\n\n<li>Can build popups from the Divi Builder<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Cons of this popup plugin<\/h3>\n\n\n\n<ul class=\"wp-block-list listsquare listsquare-single\">\n<li>Exit-intent trigger only available in the premium version<\/li>\n\n\n\n<li>Can not use the visual builder for live-view editing<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"option-3\">Option 3: Divi Overlays plugin (premium)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"380\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Overlays.jpg\" alt=\"Divi Overlays\" class=\"wp-image-29339\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Overlays.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Overlays-380x212.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Overlays-300x168.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Overlays-510x285.jpg 510w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=44891&amp;url=78586\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Divi Overlays<\/a> by Divi Life is the first, popup builder for Divi! Since its launch in 2017, customers have been using Divi Overlays to generate amazing popups and overlays. Many customers are satisfied with the product, highlighting its effectiveness in creating engaging visuals for their websites.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Popup overlay templates<\/h3>\n\n\n\n<p>Divi Overlays makes it easy to add beautiful popups to your website. This Divi Builder plugin comes with a range of ready-made templates that you can simply import into your site using Divi&#8217;s portability feature.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"828\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Overlays-examples.jpg\" alt=\"Divi Overlays examples\" class=\"wp-image-29340\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Overlays-examples.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Overlays-examples-380x463.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Overlays-examples-246x300.jpg 246w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Overlays-examples-510x621.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Overlays-examples-49x60.jpg 49w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Overlays-examples-74x90.jpg 74w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p>This means no need for coding or design skills, just a few clicks and you&#8217;re all set! With Divi Overlays, you can choose from an extensive selection of eye-catching popup designs &#8212; including modals, flyouts, fullscreen overlays, and more. Plus, each template is fully customizable so you can make it your own.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Divi Overlays triggers<\/h3>\n\n\n\n<p>Divi Overlays allows users to customize when their popup is triggered, depending on the user&#8217;s activity. There are four options: Timed Delay, Scroll Delay, Exit Intent, and URL Triggers.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Timed Delay<\/strong><\/h4>\n\n\n\n<p>These trigger when a user has been on the page for a specific amount of time.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Scroll Delay<\/strong><\/h4>\n\n\n\n<p>These triggers when a user has scrolled down a certain percentage of the page.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Exit Intent<\/strong><\/h4>\n\n\n\n<p>These trigger when the user&#8217;s mouse leaves the viewport &#8211; right before they leave the site or hit the back button.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>URL\/Link<\/strong><\/h4>\n\n\n\n<p>These triggers allow users to trigger their popups directly from an external page or email.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Display<\/h3>\n\n\n\n<p>With Divi Overlays, it is simple to choose which pages, categories, and tags your popup will appear on. You can select just the ones you want your popup to display on or you can choose \u201call\u201d and exclude certain areas.<\/p>\n\n\n\n<p>This gives you more control over where your popup appears, allowing you to tailor it to meet the needs of your website&#8217;s visitors. You also have the option to easily customize when, where, and how often your popup displays so that it is always visible at the right time and place.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Animations<\/h3>\n\n\n\n<p>Divi Overlays includes interactive animations, giving the popup an eye-catching effect, as well as a fully customizable close button, allowing users to customize the look and feel of their popup.<\/p>\n\n\n\n<p>Additionally, Divi Overlays also includes a cookie setting feature that prevents the popup from appearing again after it has already been dismissed by the user.<\/p>\n\n\n<div class=\"gb-button-wrapper gb-button-wrapper-62f512ca\">\n\n<a class=\"gb-button gb-button-6866a77b gb-button-text button-for-posts\" href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=44891&amp;url=78586\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">See Live Demo<\/a>\n\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"option-4\">Option 4: Divi Supreme Pro (premium)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"379\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-Supreme-Pro.jpg\" alt=\"Divi Supreme\" class=\"wp-image-27533\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-Supreme-Pro.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-Supreme-Pro-380x212.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-Supreme-Pro-300x167.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-Supreme-Pro-510x284.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-Supreme-Pro-108x60.jpg 108w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/01\/Divi-Supreme-Pro-161x90.jpg 161w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=44891&amp;url=78578\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Divi Supreme<\/a> is the most popular plugin for Divi and comes with 50+ Divi modules and 8 extensions. One of those extensions is a popup builder.<\/p>\n\n\n\n<p>You&#8217;ll be able to customize each popup to perfectly match your website&#8217;s style, giving it a more polished look without any extra effort. The extension also offers advanced features such as animations and sophisticated designs that are sure to make your popup stand out from the rest.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Popup Animation<\/h3>\n\n\n\n<p>With more than 40 different entrance and exit animations to choose from, popup animation helps to draw attention and increase conversions. <\/p>\n\n\n\n<p>The range of animations available includes eye-catching visuals that are sure to grab the attention of visitors and make them more likely to opt-in or purchase a product or service.<\/p>\n\n\n\n<p>Additionally, Popup Animation provides users with the ability to customize their popups by creating unique transitions between entrance and exit animations, making it easier to create a memorable experience for customers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Popup Trigger<\/h3>\n\n\n\n<p>The Divi Supreme popup module comes with different trigger options for your popup.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"583\" height=\"990\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Supreme-popup-triggers.jpg\" alt=\"Divi Supreme popup triggers\" class=\"wp-image-29341\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Supreme-popup-triggers.jpg 583w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Supreme-popup-triggers-380x645.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Supreme-popup-triggers-177x300.jpg 177w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Supreme-popup-triggers-510x866.jpg 510w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Supreme-popup-triggers-35x60.jpg 35w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Supreme-popup-triggers-53x90.jpg 53w\" sizes=\"(max-width: 583px) 100vw, 583px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Page Load or Scroll<\/strong><\/h4>\n\n\n\n<p>Popup windows can be set to appear to a visitor after they have been on the site for a certain amount of time. This can be triggered either when the page is first loaded, or when the user scrolls down to a particular part of the page.<\/p>\n\n\n\n<p>The popup will appear with a delay, allowing visitors to get familiar with their environment before seeing it. By adding this timed delay, popups can be used in a subtle manner, without interrupting the user&#8217;s experience on the website.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Hyperlinks or button<\/strong><\/h4>\n\n\n\n<p>Rather than having your visitors navigate away from the current page when they click on a link, you can create a pop-up window that will open when they click on a hyperlink or button. This allows them to stay on the same page while viewing content related to the hyperlink without having to leave the page or open a new tab.<\/p>\n\n\n\n<p>Pop-ups are an effective way of providing additional information about a topic or displaying other content such as images and videos without taking your visitors away from their current location. You can also use pop-ups for special promotions or offers, such as discounts and giveaways.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Exit Intent<\/strong><\/h4>\n\n\n\n<p>Exit intent is a type of popup that appears right before a visitor leaves your website. It is triggered by the user&#8217;s mouse movements or by the moment they try to close the webpage, open a new tab, or access their bookmarks.<\/p>\n\n\n\n<p>This provides an opportunity for you to make an impression on them and capture their attention just before they decide to leave. You may use exit intent to offer discounts, advertise promotions, direct visitors to other related pages on your site, or provide any kind of relevant call-to-action that would be beneficial for your business.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Cookie Consent<\/strong><\/h4>\n\n\n\n<p>A cookie consent popup is an important notification that appears on websites when a user initially visits the page. It is designed to alert users about the site\u2019s use of cookies, which are small data files that track user activity on the website, and potentially other sites.<\/p>\n\n\n\n<p>By accepting the popup agreement, users agree to allow their interactions with the website to be tracked and stored by the site. This tracking allows companies to better tailor their services and ads to individual users. In many countries, companies must obtain user consent before they can use cookies or other tracking technology.<\/p>\n\n\n<div class=\"gb-button-wrapper gb-button-wrapper-b86f0d22\">\n\n<a class=\"gb-button gb-button-9d4f652a gb-button-text button-for-posts\" href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=44891&amp;url=78578\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">See Live Demo<\/a>\n\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"option-5\">Option 5: Divi Modal Popup Plugin (premium)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"380\" src=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Modal-Popup.jpg\" alt=\"Divi Modal Popup\" class=\"wp-image-29342\" srcset=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Modal-Popup.jpg 680w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Modal-Popup-380x212.jpg 380w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Modal-Popup-300x168.jpg 300w, https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/Divi-Modal-Popup-510x285.jpg 510w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=44891&amp;url=79143\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Divi Modal Popup<\/a> is a plugin that allows Divi users to easily create stunning and eye-catching popups in no time. The plugin contains a variety of customization options, from choosing the size and position of the popup to selecting animations, background, HTML and CSS elements, and more.<\/p>\n\n\n\n<p>With Divi Modal Popup, users can craft attractive and engaging popups for their websites in just a few clicks. It offers an easy-to-use interface with a wide range of features that allow users to customize their popups entirely according to their needs. Plus, its drag-and-drop builder makes creating beautiful popups a breeze. <\/p>\n\n\n\n<p>Whether it\u2019s for promotional messages or informational content, Divi Modal Popup is the perfect choice for quickly creating amazing popups without any coding knowledge.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Multiple Popup Triggers<\/h3>\n\n\n\n<p>With the trigger options of the Divi modal popup module, you can create a popup window that will appear either when a user interacts with it or after a certain amount of time has passed since they landed on the page.<\/p>\n\n\n\n<p>This is useful as it can help to provide users with additional information, such as promotions and news, while they are browsing your website. <\/p>\n\n\n\n<p>Furthermore, the timeframe for when the popup appears can be adjusted to best suit the needs of your site \u2013 whether it\u2019s immediately upon landing on the page or after some time has passed. <\/p>\n\n\n\n<p>Utilizing this feature gives you greater control over how and when users see important content.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>On Click<\/strong><\/h4>\n\n\n\n<p>The On-click trigger is a great way to let users explore a website without becoming overwhelmed. When this trigger is used, the Divi popup will only appear when someone clicks on a particular element. <\/p>\n\n\n\n<p>This allows for an uninterrupted browsing session and ensures that visitors are not bombarded with too much information at once. <\/p>\n\n\n\n<p>It also helps make the website more informative and distraction-free; providing users with more time to absorb content and better understand it.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>On Page Load<\/strong><\/h4>\n\n\n\n<p>Divi Modal Popup includes an On-Page load popup trigger that displays a popup as soon as the website has fully loaded. This is extremely important for such popups like the Cookies policy or other essential information that need to be seen right away. With this feature, users won&#8217;t have to wait any longer than necessary before they can access the content they need.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Time Delay<\/strong><\/h4>\n\n\n\n<p>Divi Modal Popup&#8217;s Time Delay feature allows you to strategically display popups after a predetermined amount of time has elapsed, which can help capture the attention of users in a less intrusive manner. This way, customers are not immediately bombarded with offers and information upon arrival, allowing for a more pleasant experience.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>On Scroll<\/strong><\/h4>\n\n\n\n<p>You shouldn&#8217;t show a Divi Popup Modal, such as a newsletter signup form, as soon as someone begins browsing your blog. Instead, it&#8217;s more effective to display them at the end of the page when users are leaving.<\/p>\n\n\n\n<p>By using an On-scroll trigger, you can determine exactly how far down the page your popup should appear\u2014for example, after a user has scrolled 50% of the page. This ensures that people have had enough time to read and engage with your content before being presented with your call to action.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Exit Intent<\/strong><\/h4>\n\n\n\n<p>Exit intent popups are a great way to display a message to users as they leave your website. With the Divi modal popup plugin, you can easily create an exit-intent popup using the popup module and its exit-intent trigger.<\/p>\n\n\n\n<p>All you need to do is adjust the settings of the module and your site will start showing an exit-intent popup whenever visitors try to leave the page. This is a simple yet effective way to keep visitors engaged and get their attention when they have the intention of leaving your website.<\/p>\n\n\n<div class=\"gb-button-wrapper gb-button-wrapper-67cc4198\">\n\n<a class=\"gb-button gb-button-dc8ec670 gb-button-text button-for-posts\" href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=44891&amp;url=79143\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">See Live Demo<\/a>\n\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>To recap, this post has provided you with five different options to create a stunning Divi popup on your website, two of which are free. By using the step-by-step tutorial and the included free download layout, you can easily create a high-quality popup without having any coding knowledge.<\/p>\n\n\n\n<p>Additionally, I have provided information about three premium plugins for added features if you\u2019re ready to take things up a notch. Your site is sure to stand out from the rest with captivating popups designed to draw visitors in and engage them. Popups are an excellent way to strengthen your online presence.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Want to create a visually stunning Divi popup on your website? Ready to take your Divi site to the next level? Try adding a popup that\u2019s designed to capture the attention of visitors and bring more life and engagement to your Divi website. Using this step-by-step tutorial, you can easily create an eye-catching, professional-looking popup [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":29344,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[29],"tags":[],"class_list":["post-29297","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-divi-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create a Divi Popup (Free Download)<\/title>\n<meta name=\"description\" content=\"Learn how to create a stunning Divi popup in minutes! Get the free download today and start boosting website engagement right away.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markhendriksen.com\/divi-popup\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Divi Popup (Free Download)\" \/>\n<meta property=\"og:description\" content=\"Learn how to create a stunning Divi popup in minutes! Get the free download today and start boosting website engagement right away.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markhendriksen.com\/divi-popup\/\" \/>\n<meta property=\"og:site_name\" content=\"Mark Hendriksen\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/madebymarkhendriksen\" \/>\n<meta property=\"article:published_time\" content=\"2023-02-28T05:03:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-14T09:09:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/How-to-make-a-Divi-popup.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mark Hendriksen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mark Hendriksen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.markhendriksen.com\/divi-popup\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/divi-popup\/\"},\"author\":{\"name\":\"Mark Hendriksen\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\"},\"headline\":\"How To Create a Divi Popup (Free Download)\",\"datePublished\":\"2023-02-28T05:03:09+00:00\",\"dateModified\":\"2025-05-14T09:09:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/divi-popup\/\"},\"wordCount\":2994,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/divi-popup\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/How-to-make-a-Divi-popup.jpg\",\"articleSection\":[\"Divi tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.markhendriksen.com\/divi-popup\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markhendriksen.com\/divi-popup\/\",\"url\":\"https:\/\/www.markhendriksen.com\/divi-popup\/\",\"name\":\"How to Create a Divi Popup (Free Download)\",\"isPartOf\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markhendriksen.com\/divi-popup\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/divi-popup\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/How-to-make-a-Divi-popup.jpg\",\"datePublished\":\"2023-02-28T05:03:09+00:00\",\"dateModified\":\"2025-05-14T09:09:20+00:00\",\"description\":\"Learn how to create a stunning Divi popup in minutes! Get the free download today and start boosting website engagement right away.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markhendriksen.com\/divi-popup\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markhendriksen.com\/divi-popup\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/divi-popup\/#primaryimage\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/How-to-make-a-Divi-popup.jpg\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/How-to-make-a-Divi-popup.jpg\",\"width\":720,\"height\":400,\"caption\":\"How to make a Divi popup\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markhendriksen.com\/divi-popup\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markhendriksen.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Divi tutorials\",\"item\":\"https:\/\/www.markhendriksen.com\/divi-tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How To Create a Divi Popup (Free Download)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markhendriksen.com\/#website\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"name\":\"Mark Hendriksen\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markhendriksen.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.markhendriksen.com\/#organization\",\"name\":\"Mark Hendriksen\",\"url\":\"https:\/\/www.markhendriksen.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"contentUrl\":\"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png\",\"width\":354,\"height\":40,\"caption\":\"Mark Hendriksen\"},\"image\":{\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/madebymarkhendriksen\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765\",\"name\":\"Mark Hendriksen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g\",\"caption\":\"Mark Hendriksen\"},\"url\":\"https:\/\/www.markhendriksen.com\/author\/twopixels\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Create a Divi Popup (Free Download)","description":"Learn how to create a stunning Divi popup in minutes! Get the free download today and start boosting website engagement right away.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.markhendriksen.com\/divi-popup\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Divi Popup (Free Download)","og_description":"Learn how to create a stunning Divi popup in minutes! Get the free download today and start boosting website engagement right away.","og_url":"https:\/\/www.markhendriksen.com\/divi-popup\/","og_site_name":"Mark Hendriksen","article_publisher":"https:\/\/www.facebook.com\/madebymarkhendriksen","article_published_time":"2023-02-28T05:03:09+00:00","article_modified_time":"2025-05-14T09:09:20+00:00","og_image":[{"width":720,"height":400,"url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/How-to-make-a-Divi-popup.jpg","type":"image\/jpeg"}],"author":"Mark Hendriksen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mark Hendriksen","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.markhendriksen.com\/divi-popup\/#article","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/divi-popup\/"},"author":{"name":"Mark Hendriksen","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765"},"headline":"How To Create a Divi Popup (Free Download)","datePublished":"2023-02-28T05:03:09+00:00","dateModified":"2025-05-14T09:09:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.markhendriksen.com\/divi-popup\/"},"wordCount":2994,"commentCount":2,"publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"image":{"@id":"https:\/\/www.markhendriksen.com\/divi-popup\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/How-to-make-a-Divi-popup.jpg","articleSection":["Divi tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.markhendriksen.com\/divi-popup\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.markhendriksen.com\/divi-popup\/","url":"https:\/\/www.markhendriksen.com\/divi-popup\/","name":"How to Create a Divi Popup (Free Download)","isPartOf":{"@id":"https:\/\/www.markhendriksen.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markhendriksen.com\/divi-popup\/#primaryimage"},"image":{"@id":"https:\/\/www.markhendriksen.com\/divi-popup\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/How-to-make-a-Divi-popup.jpg","datePublished":"2023-02-28T05:03:09+00:00","dateModified":"2025-05-14T09:09:20+00:00","description":"Learn how to create a stunning Divi popup in minutes! Get the free download today and start boosting website engagement right away.","breadcrumb":{"@id":"https:\/\/www.markhendriksen.com\/divi-popup\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markhendriksen.com\/divi-popup\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/divi-popup\/#primaryimage","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/How-to-make-a-Divi-popup.jpg","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2023\/02\/How-to-make-a-Divi-popup.jpg","width":720,"height":400,"caption":"How to make a Divi popup"},{"@type":"BreadcrumbList","@id":"https:\/\/www.markhendriksen.com\/divi-popup\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markhendriksen.com\/"},{"@type":"ListItem","position":2,"name":"Divi tutorials","item":"https:\/\/www.markhendriksen.com\/divi-tutorials\/"},{"@type":"ListItem","position":3,"name":"How To Create a Divi Popup (Free Download)"}]},{"@type":"WebSite","@id":"https:\/\/www.markhendriksen.com\/#website","url":"https:\/\/www.markhendriksen.com\/","name":"Mark Hendriksen","description":"","publisher":{"@id":"https:\/\/www.markhendriksen.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markhendriksen.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.markhendriksen.com\/#organization","name":"Mark Hendriksen","url":"https:\/\/www.markhendriksen.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","contentUrl":"https:\/\/www.markhendriksen.com\/wp-content\/uploads\/2021\/01\/Mark-Hendriksen-Logo.png","width":354,"height":40,"caption":"Mark Hendriksen"},"image":{"@id":"https:\/\/www.markhendriksen.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/madebymarkhendriksen"]},{"@type":"Person","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/d40c4ac37512479c71b48ad2879fb765","name":"Mark Hendriksen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.markhendriksen.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1416c89ed4da57b902960a21b7fa25cb91558d39eff48c8b5017bd4c9bcc59a9?s=96&d=mm&r=g","caption":"Mark Hendriksen"},"url":"https:\/\/www.markhendriksen.com\/author\/twopixels\/"}]}},"_links":{"self":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/29297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/comments?post=29297"}],"version-history":[{"count":29,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/29297\/revisions"}],"predecessor-version":[{"id":37068,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/posts\/29297\/revisions\/37068"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media\/29344"}],"wp:attachment":[{"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/media?parent=29297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/categories?post=29297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markhendriksen.com\/wp-json\/wp\/v2\/tags?post=29297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}