{"id":24666,"date":"2021-04-12T12:44:42","date_gmt":"2021-04-12T10:44:42","guid":{"rendered":"https:\/\/www.markhendriksen.com\/?p=24666"},"modified":"2023-02-28T06:20:49","modified_gmt":"2023-02-28T05:20:49","slug":"how-to-create-a-divi-modal-popup","status":"publish","type":"post","link":"https:\/\/www.markhendriksen.com\/how-to-create-a-divi-modal-popup\/","title":{"rendered":"How To Create a Divi Modal Popup"},"content":{"rendered":"\n

In this tutorial, we are going to build a modal Divi popup<\/a> without the need for any Divi plugin<\/a>. You can trigger this modal with any button or link.<\/p>\n\n\n\n

You can find a demo here:<\/p>\n\n\n

\n\nSee Demo<\/a>\n\n<\/div>\n\n\n

This modal is fully customizable with the visual builder.<\/p>\n\n\n\n

Step 1: Download the modal layout pack<\/h2>\n\n\n\n

You can download the JSON files here:<\/p>\n\n\n

\n\nDownload Modal file<\/a>\n\n<\/div>\n\n\n

After downloading extract the zip folder Divi Modal inside you will find the JSON file that you need to import in the next step.<\/p>\n\n\n\n

Step 2: Import the modal<\/h2>\n\n\n\n

Go to Divi > Divi Library and click on Import & Export<\/p>\n\n\n\n

Now import the file Divi Modal Popup.json.<\/p>\n\n\n\n

\"Import<\/figure><\/div>\n\n\n\n

After importing the json file go to Divi > Theme Builder.<\/p>\n\n\n\n

Click on Add Global Footer > Build Global Footer > Build From Scratch.<\/p>\n\n\n\n

\"Click<\/figure><\/div>\n\n\n\n