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
Interactive Banner
The “Interactive Banner Module” allows users to engage with a dynamic and visually appealing banner on a website. It may offer various interactive elements, such as buttons, sliders, animations, or other interactive elements, designed to capture the users’ attention and encourage them to take specific actions or explore the content further.
UABB Interactive Banner
With the Interactive Banner Module in the Beaver Builder, you can customize various elements of the banner, including background images, text, buttons, animations, and more. You can also add interactive features such as hover effects, click actions, and transitions to make the banner visually appealing and engaging for your website visitors.
Overall, you will be able to display all the necessary information with an image background in a few clicks.
Step 1 — Add the Banner widget to the page
Open your website’s dashboard and find the page where you want to place a banner. Open it with the Beaver Builder page builder and find the Banner widget using the search field at the top. Drag and drop it on the page, where you want it to be placed.
Step 2 — Choose the content and define the settings
In the left-side menu, you can notice the General tab.
Let’s go through the features that this section includes:
- Banner Image: Here you can select the background image from your media library;
- Banner Style: From this drop-down menu you can choose the banner style of your choice.
- Image Size: From this drop-down menu you can choose the size of the picture;
- Banner Height: You can control the banner height here, by default it depends on the selected image size;
- Title: The text you will enter here will be displayed as a title over the image.
Next, you will notice the Hover tab;
Let’s go through the features that this section includes:
- Description: If you need to add some explanation or notification to the banner – you can insert it here. This text will also be displayed over the image;
- Background Overlay Color: It refers to the color applied to the background of an element, such as an image to create an overlay effect.
- Icon Above Description: Select an icon from the ultimate library. You can also select the icon color and size here.
- Call To Action Below Description: The CTA is positioned below a description, If your banner is supposed to lead the user to a certain page – insert the link to it here.
We don't respond to the article feedback, we use it to improve our support content.