You can find a demo here:
This modal is fully customizable with the visual builder.
Step 1: Download the modal layout pack
You can download the JSON files here:
After downloading extract the zip folder Divi Modal inside you will find the JSON file that you need to import in the next step.
Step 2: Import the modal
Go to Divi > Divi Library and click on Import & Export
Now import the file Divi Modal Popup.json.
After importing the json file go to Divi > Theme Builder.
Click on Add Global Footer > Build Global Footer > Build From Scratch.
- Click on the 3 dots to expand the bottom bar.
- Then click on Load From Library.
- Switch to the Your Saved Layouts Tab
- Choose Modal Slide-in
Important: If you already have content here for example a custom footer then make sure to uncheck Replace existing content. Otherwise, it will replace your current content. You will only see this option if you have content in the Global Footer.
Note: If you have a footer with widgets then it will be gone when you enable the Global Footer and you will need to create a new footer here.
After importing the modal you can click on save and leave this screen. When you are back in the Theme Builder make sure to click on Save Changes.
Trigger the Divi modal
You can trigger this modal from any page with a button or link. Open any page and place a button module.
For the link field fill in #open.
Then go to the advanced tab and fill in button_trigger as a class.
Disable modal in visual builder
When you are in the visual builder the modal is opened. You might want to disable this when working on the rest of your site. To do this follow these steps:
Go to Divi > Theme Builder > Global Footer.
Switch to wireframe view and open the CSS code module.
This is the part of the code that enables the modal in the visual builder.
To disable this you need to comment it out. Above the code, you will see this: /**/ copy */ and past it below the code.
When you see the color turned out grey the code is now disabled.
If you have any questions about this Divi modal please let me know in the comments below.