Modal Popup

A modal is a dialog box or popup window that is displayed on top of the current page. You can easily add and configure the modal popup.

Element Tab

Enter the content of the modal popup in the description.

Content Options

Button Text: Enter the text for the button, when clicked popup will open.

Style Options

Button Class: Enter the style class for the button.

Background: Select the background type for the modal.

Width: Select the width of the modal.

Modal Class: Enter the style class to customize the modal further.

Body Class: Ener the style class for the body text of the modal.

Close Class: Enter the class for the close button.

Animation: Select the animation type for the modal window.

Static Backdrop: When static backdrop is enabled, the modal will not close when clicking outside of it. 

On Page Load: Toggle switch to enable or disable the modal on page load.

Delay: If page load is enabled, enter the time delay (in seconds) for the modal to appear.

On Page Scroll: Toggle switch to enable or disable the modal to display when user scrolls the page.

Scroll Percent: If page scroll is enabled, enter the percent of scroll.

Show Once: Enable to display the modal only once per user.