Lottie Player

Bring your ideas to life with Lottie Animations, offering adjustable loops, speeds, and interactive triggers for captivating and dynamic content.


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


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

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

Number of times to loop the animation.

The direction of the animation. The Direction setting is available when Animation Mode is set to Normal.

The animation speed. 1 is 100% – 0 is 0%.

Animation Mode
The animation mode to use. Choose from:

  • Normal
  • Bounce
  • Scroll
  • Cursor Position
  • Click
  • Hover
  • Toggle
  • Hold
  • Toggle Hold
  • Visibility

Visibility Percentage
If Animation Mode: Visibility is selected, the Visibility Percentage will be shown. The percentage visible of the Lottie required before the animation will play. Select a value between 0 and 50.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More