1. Home
  2. Docs
  3. Xpro Addons For Beaver Builder
  4. Modules
  5. Modal Popup

Modal Popup

Introduction

How to create a Modal Popup Box on my Beaver Builder Website?

To add a modal popup box to your web page, follow the steps given:
Step 1: Open the Modal Popup module setting in the Xpro Media Modules section.
Step 2: Drag and drop the Modal Popup module from the Xpro Media.
Step 3: Go to the General Tab, select the Layout from the drop-down menu in Layout Section to Standard or Full Screen and make the other necessary changes in the General section. Now, Click the Save button once you are done.

Step 4: After refreshing the page, a click here button will be displayed on your web page. Once you click the button, a modal popup box will appear on your screen with a Modal Content message. Moreover, you have multiple options for the trigger-type method.

How to create a Modal Popup Box with Video Content?

Xpro Addons for Beaver Builder has the options to create Content, Photo, Video, URL, Raw HTML, and Saved Templates popup boxes with various trigger options like Auto, On-Click, and Exit Intent.
Here are the few steps for creating a Modal Popup Box with Video:
Step 1: Open the Modal Popup module setting in the Xpro Media Modules section.
Step 2: Drag and drop the Modal Popup module from the Xpro Media.
Step 3: Go to the Content Tab in the General section, select the Video option from the drop-down menu in the Content Type Section.

Step 4: Now, embed the URL of the video in the Embed Code/URL Box. You can also embed the code over here.

Step 5: Finally, go to the Style Tab and make the necessary changes to style the Modal Title, Modal Background, Modal Content, Modal Overlay, and Modal Responsive settings for Modal Popup Box and click the Save button when it’s done.

Was this article helpful to you? Yes No

How can we help?