Add animations to your pages with the SiteOrigin Lottie Player Widget. Find out more about Lottie animations on the Lottie Files website.
- SiteOrigin Widgets Bundle Plugin
- Optional: Page Builder by SiteOrigin Plugin
- Optional: SiteOrigin Premium
To make use of this widget, go to PluginsSiteOrigin Widgets to activate the SiteOrigin Lottie Player Widget.
The Lottie Player Widget is ready to be used anywhere:
Page Builder: Insert widgets in Page Builder by SiteOrigin in either the Classic Editor or Page Builder Layout Block in the Block Editor.
Block Editor: 100% Block Editor compatible. Insert widgets using the SiteOrigin Widgets Block featuring a live widget search form.
Theme and Plugin Widget Areas: Insert widgets into any theme or plugin widget area.
Upload or select your Lottie JSON file.
Enable to autoplay the the animation.
Enable to display the player’s controls.
Enable to loop the animation.
Enter a destination URL to link your animation.
Open in a new window
Enable to open the destination URL in a new window.
The following additional settings are available as part of the SiteOrigin Premium Lottie Player Addon.
Number of times to loop the animation.
Direction of the animation.
Play the animation on hover.
The animation speed. 1 is 100%, 0 is 0%.
The animation mode to use. Choose from Normal, Bounce, Scroll, Cursor Position, Click, Toggle, Hold, and Toggle Hold.