Skip to main content
All CollectionsTips and Tricks
Add animations to campaigns with LottieFiles
Add animations to campaigns with LottieFiles

A guide on how to add Lottie animations to your campaign

Asta Dybdal avatar
Written by Asta Dybdal
Updated over 9 months ago

Are you looking to take your campaigns to the next level? Look no further!

With LottieFiles, you can easily incorporate captivating animations into your campaigns. The feature offers an easy way to make your campaigns more engaging and eye-catching for your audience.

What is a Lottie file?

A Lottie file is a JSON-based animation file format.

What's great about Lottie files is that they're lightweight, meaning they won't slow down your campaign, and you can customize them however you like. So, they're a fun and easy way to add some extra flair to your Playable campaign.

Add a Lottie animation to your campaign

To begin using LottieFiles, follow these simple steps:

1. Download animation from Lottie files

Find and download a Lottie JSON file from http://lottiefiles.com

2. Upload Lottie JSON

Upload your Lottie JSON file to the media library. You can always rename the files after you have uploaded them so that you can easily locate and recognize your assets.

3. Add Lottie files add-on

You will find the Lottie element in the same place where you would add an image to your campaign. When adding a new block, look for the "Lottie" option.

4. Watch as your campaign comes to life!

You have some different options for modifying the animation if needed. For example, you can:

  • Adjust the size of the animation

  • Select autoplay or decide what triggers the animation

  • Enable looping of the animation

  • Set time between loops which is the number of milliseconds before the animation restarts

You also have some other different styling options for the Lottie, as you would with a regular image.

Did this answer your question?