---
title: "How to Add LottieFiles in the Elementor Image Cascading Widget?"
url: https://theplusaddons.com/docs/add-lottiefiles-in-the-elementor-image-cascading-widget/
date: 2024-05-13
modified: 2026-03-31
author: "Aditya Sharma"
description: "Are you looking to add LottieFiles with the Elementor Image Cascading Widget? The Image Cascading widget from The Plus Addons for Elementor, allows you to add LottieFiles along with text..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-LottieFiles-in-Elementor-Cascading-Image-Widget_-1024x536.jpg
word_count: 271
---

# How to Add LottieFiles in the Elementor Image Cascading Widget?

Are you looking to add LottieFiles with the Elementor Image Cascading Widget? The Image Cascading widget from The Plus Addons for Elementor, allows you to add LottieFiles along with text content.

*To check the complete feature overview documentation of The Plus Addons for Elementor Cascading Image widget, [click here](https://theplusaddons.com/docs//cascading-image-widget/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-image-cascading/)

For this, you need to have the JSON file URL of the LottieFile you want to use.

First, go to[ LottieFiles.com](https://lottiefiles.com/) and create a free account there if you don’t have one.

Now log into your account and go to the [free Lottie animation section](https://lottiefiles.com/featured) here you’ll find all the free Lottie files.

Click on the animation you like, it will open in a popup, and save the file in your workspace.

It will open the Lottie animation in a new window.

From the right panel go to the **Handoff** tab and enable the **Enable asset CDN** toggle.

Then select **Lottie JSON** from the **Asset link format** dropdown. 

Then, add the Image Cascading widget to the page and follow the steps.

1. From the **Image Cascading** tab, open the repeater item that you want to add the LottieFiles to. 

2. Select **Lottie** from the **Layer Type** dropdown.

3. Then paste the copied JSON link in the **Lottie URL** field.

Following this process you can add Lottie animation to any repeater items.

You can style and control the Lottie animation from the Style tab.

***Suggested Reading***: *[How to Add Text Content in Elementor Image Cascading Widget?](https://theplusaddons.com/docs//add-text-content-in-elementor-image-cascading-widget/)*