---
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-04-09
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?

## Key Takeaways

- The Plus Addons for Elementor allows users to add LottieFiles using the Image Cascading widget.
- Users must have the JSON file URL of the LottieFile to integrate it into the Image Cascading widget.
- Lottie animations can be styled and controlled from the Style tab after being added to repeater items.

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/)*

## Frequently Asked Questions

**Q: What should I do if the LottieFiles don't display correctly in the Image Cascading widget?**
A: If LottieFiles aren't displaying correctly, ensure that you've enabled the 'Enable asset CDN' toggle in the Handoff tab on the LottieFiles website. This step is crucial for the assets to load properly. Additionally, double-check that you pasted the correct JSON URL in the Lottie URL field of the Image Cascading widget.

**Q: Can I add LottieFiles to any repeater item in the Image Cascading widget?**
A: Yes, you can add LottieFiles to any repeater item within the Image Cascading widget from The Plus Addons for Elementor. This flexibility allows for creative animations in your design. Just make sure to select 'Lottie' from the Layer Type dropdown before pasting the JSON link.

**Q: What is the best way to style Lottie animations in the Image Cascading widget?**
A: Styling Lottie animations is done through the Style tab in the Image Cascading widget. This allows you to control various aspects such as size, position, and animation speed. Proper styling ensures that the animation complements your overall design and doesn't distract from the content.

**Q: Are there any limitations when using LottieFiles with the Image Cascading widget?**
A: One limitation is that the LottieFiles must be in JSON format, which you can obtain from LottieFiles.com. Ensure that the animation you select is compatible with the widget to avoid issues. This requirement is essential for the animation to function correctly within the Image Cascading widget.

**Q: What happens if I forget to activate The Plus Addons for Elementor before using the Image Cascading widget?**
A: If The Plus Addons for Elementor is not activated, you won't be able to access the Image Cascading widget or its features, including the ability to add LottieFiles. This plugin is essential for utilizing the full capabilities of the widget, so activation is a critical step.

**Q: How can I find free Lottie animations to use in my project?**
A: You can find free Lottie animations by creating an account on LottieFiles.com and navigating to the free Lottie animation section. Here, you can browse and select animations to save to your workspace. This step is necessary to access the JSON file URL needed for the Image Cascading widget.