Create a Popup inside a Divi Page

  1. Home
  2. Knowledge Base
  3. Documentation
  4. Usage
  5. Create a Popup inside a Divi Page

This guide walks you through all steps of creating a new Popup inside a Divi Page. This is possible with both, the Popups for Divi plugin and with Divi Areas Pro.

→ For this example, I have created a demo page and imported the template “Meetup – Landing Page” from the Divi Template Library. You can do the same if you’d like to 😉

Create the Popup Section

Open your page in the Visual Builder and either create a new Section or locate the Section that you want to turn into a Popup. Now open the Settings-Toolbox of the Section and you will see the Popup-Tab. There you can enable the Popup Mode and assign a Popup ID.

In this example, I use the Section “Get in Touch” of the Meetup Template.

Notes

You can save the page now and open it in a new browser tab. Your modified Section is not visible anymore, because you have turned it into a Popup!

Next, you will add a click trigger to the page to make the Popup visible.

Create a Popup Trigger

Note the Popup ID which is displayed right above the Popup Section. You will need it in a moment to create the trigger: Add a Button Module to your page and edit it. Set the Button Link URL to the Popup ID (including the “#”, e.g., “#contact”).

Congratulations!

That’s all. Save the page and open it without the Visual Builder. Click your Button to see the Popup in action, like this here:

Was this article helpful?

Related Articles