Lottie Animation

The Lottie Animation widget enables you to add vector quality animations to your site.

Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as JSON with Bodymovin and renders them on mobile and the web.
Add the Lottie Animation widget onto your website. To learn more about adding widgets to your website, see Adding Widgets.

Once the widget has been placed, the editor will appear.
To add content to the widget:
  1. Once you find an animation you want from the LottieFiles website, click <html>. 
  2. Highlight and copy the URL that appears.
  3. Paste the URL in the editor.
  4. Select Loop Animation to continuously play the animation or select Animate on click.
  5. (Optional) To add a link to the animation, click Link, and select the link type.
If you use a free LottieFile animation, you must include the credential information of the animation creator. The animation creator information is located at the bottom of the animation pop up. For more information, see the LottieFile creative common license information. 
Share by: