No results found. Try again with different words?
Search must be at least 3 characters.
- How to update plugin manually through FTP
- How to update UABB?
- How to register your license?
- About Beta Versions
- Will I lose all my design work when I download and re-install the plugin?
- Getting Started with the Ultimate Addons for Beaver Builder
- How can I install the Ultimate Addons for Beaver Builder?
- Automatic Beta Updates
- How to check expiration date of license?
- How to enable / disable Beaver Builder's UI?
- UABB Global Settings
- How to White Label UABB?
- How to enable / disable Live Preview feature?
- How to Hide Templates from your Clients?
- How can I use other modules in Modal Popup / Advanced Accordion / Advanced Tab?
- How to enable / disable modules in UABB to reduce server requests?
- Section and Page Templates don’t look the same when I am using them. Why?
- How can I Begin Building a Page using UABB?
- Troubleshooting Tips for Ultimate Addon’s Font Icons
- White Screen / Blank Screen / 500 Error After Installation
- Fatal error: Call to undefined function array_replace_recursive()
- How to Increase the Memory Limit of your site?
- Fatal error: Class 'FLBuilderAdminSettings' not found
- Failed to download template from Template Cloud
- Haven't received update notification yet?
- cURL error 51: SSL: No alternative certificate subject name matches target host name
- DIY Troubleshooting
How can I use the Modal Popup module effectively?
Like all the modules available in Beaver Builder and the Ultimate Addons for Beaver builder, the Modal popup module of UABB can be simply dragged and dropped on the page you wish to use it on.
Let us take a look at the various settings that help us create a good looking and a better performing modal popup.
You’ll find 5 different tabs in the settings window.
Content Settings
You can
- Decide whether you want to enable the Preview of the modal popup in the back end.
- Decide what kind of content will it have; Text, Photo, Video Embed code, Video from YouTube, Vimeo or iFrame.
- Adjust the other popup settings like the background and overlay color, opacity, content width, animation effects and more.
Display Settings
You can
- Decide how you wish to display the popup: automatically (Exit Intent, Well timed), on click of an icon, button, text or an image, or with a class or ID.
- Work on further settings like the anchor text, the text on the button, the icon or image, and the class or ID and the cookie settings too.
Close Button Settings
You can
- Decide whether the close button should be an icon or an image.
Work on the further settings for icons and images. - Decide whether you want to enable additional methods (clicking on the overlay or through the ESC key) of closing a modal popup.
Typography
You can
- Select the Font family, the size and line height of the text you place on the popup.
Advanced Settings
You can
- Set the margin width
- Set the layout as per the devices the popup will be displayed on.
- Adjust the visibility: always, never or to logged in or logged out users.
- Animation and the delay
- Add CSS selectors if any.
If you are on the agency version of Beaver Builder and wish to create a site-wide modal popup, here is an article you could refer to.
We don't respond to the article feedback, we use it to improve our support content.