Unlock new levels of creativity in your Hero Widget with added functionality and style settings, enabling dynamic animations and personalized control.

View the Hero Addon demo.


To make use of this addon, go to PluginsSiteOrigin Widgets and ensure the SiteOrigin Hero Widget is activated. Next, go to SiteOriginPremium Addons and activate the Hero Addon.


The below settings are those added by the SiteOrigin Premium Hero Addon. To view the complete documentation for the Hero Widget, please, see the Widgets Bundle documentation page.

The following additional settings will be added to the Hero Widget when you activate the Hero Addon:

Hero Frames

Content Animation

The content animation section is available within each frame added to the widget. You can choose different content animation settings for each frame.

Choose from a long list of animation types such as bounce, flash, pulse, and many more.

Animation event
Select the event to animate. Choose between the following options:

  • Element enters screen
  • Element in screen
  • Page load
  • On hover
  • Frame display

Screen offset
Distance, in pixels, the content must be above the bottom of the screen before animating in.

Animation speed
Time, in seconds, that the incoming animation lasts.

Hide before animation
Enable to hide the element before animating.

Animation delay
Time, in seconds, after the event to start the animation.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More