The “Video Hero widget” for Elementor adds a powerful visual layer to your website by combining bold background imagery with an engaging video pop-up experience. Ideal for landing pages and promotional sections, this dynamic widget captures attention with a prominent play button overlay and allows users to view video content without leaving the page. With quick setup and seamless integration, the Video Hero widget offers an immersive, media-rich introduction that enhances the impact of your Elementor designs.
Let’s explore the features available in the “Video Hero widget” for Elementor below.
Add a Video Hero Widget to Elementor
This widget requires “Unlimited Elements Pro“ version installed and activated on your WordPress website.
Go to Unlimited Elements and click "Widgets".
Search for "Video Hero" in the widget library.
Hover over the widget and click Install.
Add a Video Hero Widget to a Elementor Page
Click "Add Element" in Elementor
Search for "Video Hero" in the widget panel.
Drag and drop the Video Hero widget into the container.
Elementor Video Hero Widget General Settings
Title
Set the main title text for the video hero section.
Sub Title
Input the sub-title or descriptive text for the video hero.
Button Text
Define the text that will appear on a call-to-action button.
Image
Upload or select an image to be displayed, likely as a background or prominent visual.
Button Link
Specify the URL or link that the button will navigate to when clicked.
Button Background Color
Choose the background color for the call-to-action button.
Play Button Icon
Select the icon to be used for the video play button.
YouTube Link
Enter the URL of a YouTube video to be played.
Show Button Link
Toggle whether the button link is visible or hidden.
Elementor Video Hero Widget Style Settings
Enable Styles
Turn custom styling for the title text on or off.
Typography
Adjust font properties such as font family, size, weight, etc., for the title.
Color
Set the text color of the title.
Custom Styles
Input your own CSS code to apply unique design modifications to the title.
Enable Styles
Turn custom styling for the sub-title text on or off.
Typography
Modify font properties such as font family, size, and weight for the subtitle.
Color
Set the text color of the subtitle.
Custom Styles
Enter your own CSS code to apply unique design changes to the sub-title.
Enable Styles
Toggle whether custom styles are applied to the button text.
Typography
Adjust the font properties (e.g., font family, size, weight) of the button text.
Color
Set the color of the button text.
Custom Styles
Input your own CSS code for advanced styling of the button text.
Video Hero Widget Design Examples For Elementor
Here are some live use cases for the Video Hero Widget.
Elementor Video Hero for an E-Commerce Website.
Elementor Video Hero for a Business Website.
Thank you for choosing the Video Hero widget for Elementor! With its striking background visuals and seamless video pop-up functionality, this widget is perfect for creating bold, engaging hero sections that capture attention instantly. Whether you’re building a landing page or promoting key content, the Video Hero widget adds a powerful, media-rich introduction to your site. If you need any assistance or have questions, feel free to get in touch. For inspiration and live examples, be sure to check out the demo on our website.
