Lottie Player

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

Requirements

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.

Usage

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:

Count
Number of times to loop the animation.

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

Speed
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.