To create a popup on load, you can use the new canvas feature of Divi and the Interaction feature to trigger.
To create a popup on page load using Divi 5's Canvas and Interactions, follow these steps:
Create a New Canvas:
Open your page in the Visual Builder.
Click the Canvas dropdown menu and select "Add Canvas."
Name your Canvas and click "Add Canvas" again to open a new Builder canvas.
Design Your Popup:
Add a new section to the Canvas by clicking the blue "+" icon.
You can use a pre-designed layout from the library, such as an email popup.
Make any necessary design changes using the Design tab, such as adjusting fonts, colors, and images.
Set the Popup Position:
Navigate to the Advanced tab, expand the Position menu, and set the Position to Fixed.
Set the Offset Origin to Center and increase the Z Index to ensure it appears above other content.
Configure Interactions:
In the Advanced tab of the section, expand the Interactions menu and click "+ Add Interaction."
Select "Load" as the Trigger Event, "Show Element" as the Effect Action, and choose the popup section as the Target Module.
Set a Time Delay (e.g., 5 seconds) to control when the popup appears after the page loads.
Add a Close Interaction:
In the popup section, add an Icon module for the close button.
In the Advanced tab, add an Interaction with "Click" as the Trigger Event and "Hide Element" as the Effect Action.
Test and Refine:
Use Divi's Customizable Responsive Breakpoints to ensure the popup looks good on all devices.