Once you have installed the Ultra Addons plugin, you will have a lot of extensions and tools in Elementor to customize your web pages. The Hero Banner is one of many extensions of Ultra Addons. You can even use it on the free version of Ultra Addons. This makes it one of the best extension tools for Elementor.
Okay! Now, we will demonstrate how to use the Hero Banner of Ultra Addons. So, let’s get started.
How You Should Use the Hero Banner of Ultra Addons to Get the Most Advantage
After installing and activating the Ultra Addons plugin, you need to go to the pages or posts that you want to customize from your WordPress dashboard. Let’s say, we want to add a Hero Banner to our homepage. So, we should navigate to –
Dashboard >> All Pages >> Home
Click on the page for customization. As for the homepage, you can also visit the site directly by visiting the website.
Once you are inside the page, click on the Edit with Elementor button to start customizing the homepage.
[Note: As Ulta Addons is an extension tool for Elementor, you must have Elementor installed and activated on your WordPress site before using it]
After clicking the button, the page will appear like the image below –
Keep on scrolling down until you find the Hero Banner under the Ultra Addons section.
Drag it and drop it down to the area where you like to place it. For instance, we want to have a Hero Banner under the navigation bar as it is completely blank now.
As soon as we drop it, we will automatically see a Hero Banner created for us.
Now, this is a complete Hero Banner that includes a button, an image section, a text/heading section, and another button to play an intro video. It’s up to you to decide what you like to have and what you like to remove.
Click on the Content section to insert your own title and description for your website.
[ Now remember –
this is real-time customization, you will notice the changes instantly on the web page while you add, delete, or edit any content.]
Toggle off the Enable Images button to remove the image from the Hero Banner
And if you like to have an image inside the Hero Banner, then you can upload your desired image from the Featured Image section –
Banner Button –
To edit the buttons inside the Hero Banner, head towards the Banner Button section. Toggle off the Enable Button to disallow any buttons inside the banner. A downside is disabling the buttons will disappear both buttons at the same time.
This section allows you to insert 2 buttons inside the banner, which is more than enough for the Hero Banner. You need to edit the button names and insert relevant links inside the buttons.
Do this the same for the video button, which is marked as “Button Two”.
You can also do some advanced customizations like open the link in a new window, add a nofollow rule, or insert your custom attributes in these buttons.
You can even change the icon for the video button or “Button Two” by either uploading your own SVG icon or using the Icon Library.
Wrapper Link –
In the Wrapper Link section, you can insert a URL if you think it’s important.
Just like the buttons, the advanced customization options like opening the link in a new window, adding a nofollow rule, or inserting your custom attributes can be done by clicking the settings icon.
Also, Dynamic Content can be included here. Click on the icon beside the settings icon and press the SEE IT IN ACTION button to know more.
Hover Effect –
Ultra Addons offers tons of hover effects for its Hero Banner. Go to “Hover Effect” and select your preferred animation that you want to have when a user hovers the mouse around.
Last but not least, Ultra Addons comes with 7 different design formats to change the Hero Banner. You will find these styles inside the Preset section.
On top of that, the entire layout of the Hero Banner will flip horizontally by toggling on the Banner Reverse option. This is useful if you want to localize or translate a particular page on your website.
Well, that was all about how to use the Hero Banner from Ultra Addons. We hope we were able to teach you the most efficient way to use the Hero Banner so that you can exceed the regular customization that Elementor offers by default. Ultra Addons gives you tons of extensions for Elementor to enhance your overall customization experience and make things easier for you. This way, you can edit any webpage as you like and make the most use of Ultra Addons.