The “Persona Hero widget” for Elementor adds a powerful personal touch to your hero sections, allowing you to create visually striking introductions that leave a lasting impression. With extensive customization options, this dynamic widget showcases personal profiles or team members through a polished combination of images, text, and layout flexibility. Whether you’re building a personal brand, agency website, or creative portfolio, the Persona Hero widget is a versatile solution to elevate your Elementor designs with authenticity and style.
Let’s look at each of the options in the “Persona Hero widget” for Elementor below.
Add a Persona 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 "Persona Hero" in the widget library.
Hover over the widget and click Install.
Add a Persona Hero Widget to a Elementor Page
Click "Add Element" in Elementor
Search for "Persona Hero" in the widget panel.
Drag and drop the Persona Hero widget into the container.
Elementor Persona Hero Widget General Settings
Name
Set the name.
Title
Set the title.
Description
Input a description.
Button One Text
Define the text for the first button.
Button Two Text
Define the text for the second button.
Button One Link
Specify the link for the first button.
Button Two Link
Specify the link for the second button.
Image Holder
Select or upload an image.
Show Buttons
Toggle the visibility of the buttons.
Elementor Persona Hero Widget Style Settings
Name Background
Set the background color for the name element.
Button One Background Color
Set the background color for the first button.
Button One Background Color Hover
Set the background color for the first button when hovered.
Button Two Background Color
Set the background color for the second button.
Button Two Background Color Hover
Set the background color for the second button when hovered.
Column Background
Set the background color for the column.
Enable Styles
A toggle to activate or deactivate custom styling for the name.
Typography
Controls font properties for the name.
Color
Sets the text color of the name.
Custom Styles
Allows for the input of custom CSS code.
Enable Styles
A toggle to activate or deactivate custom styling for the title.
Typography
Controls font properties for the title.
Color
Sets the text color of the title.
Custom Styles
Allows for the input of custom CSS code.
Enable Styles
A toggle to activate or deactivate custom styling for the description.
Typography
Controls font properties for the description.
Color
Sets the text color of the description.
Custom Styles
Allows for the input of custom CSS code.
Enable Styles
A toggle to activate or deactivate custom styling for the button one text.
Typography
Controls font properties for the button one text.
Color
Sets the text color of button one.
Custom Styles
Allows for the input of custom CSS code.
Enable Styles
A toggle to activate or deactivate custom styling for the button two text.
Typography
Controls font properties for the button two text.
Color
Sets the text color of button two.
Custom Styles
Allows for the input of custom CSS code.
Persona Hero Widget Design Examples For Elementor
Here are some live use cases for the Persona Hero Widget.
Elementor Persona Hero with Custom Background.
Elementor Persona Hero with Action Section.
Thank you for using the Persona Hero widget for Elementor! With its stylish layouts, customizable content, and personal spotlight features, it’s the perfect tool for creating engaging hero sections that make a strong first impression. Whether you’re showcasing yourself, a team member, or your brand, this widget helps bring a human touch to your designs. If you have any questions or need support, feel free to reach out. For inspiration and live previews, don’t forget to explore the demo on our website.
