---
title: "How to Add Lottiefiles to the Pricing List in Elementor?"
url: https://theplusaddons.com/docs/add-lottiefiles-to-the-pricing-list-in-elementor/
date: 2024-06-21
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Do you want to use Lottiefiles in the pricing list in Elementor? With the Pricing List widget from The Plus Addons for Elementor, you can add animated Lottie files to..."
image: https://theplusaddons.com/wp-content/uploads/2024/06/How-to-Add-Animated-Headings-In-Elementor-7-1-1024x536.jpg
word_count: 314
---

# How to Add Lottiefiles to the Pricing List in Elementor?

## 

- Integrates Lottiefiles into the Pricing List widget from The Plus Addons for Elementor for enhanced visual appeal.
- Requires a JSON file URL from LottieFiles.com, where users can create a free account to access animations.
- Enables customization of Lottiefiles size and animation through the Style tab after adding them to the pricing list.

Do you want to use Lottiefiles in the pricing list in Elementor? With the Pricing List widget from The Plus Addons for Elementor, you can add animated Lottie files to the pricing list to create a unique pricing list.

*To check the complete feature overview documentation of The Plus Addons for Elementor Pricing List widget, [click here](https://theplusaddons.com/docs//add-a-pricing-list-in-elementor/).*

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

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

For this, you need to have the JSON file URL of the Lottie file 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 in to your account and go to [Featured](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, click on the **Save to workspace to generate** button.

It will open the Lottie animation in a new window.

From the right panel, enable the **Enable Asset Link** toggle. 

Then copy the Lottie file URL from the **Asset link** field. 

Then, add the Pricing List widget to the page and follow the steps -

1. Select **Classic** from the **Style** section under the **Layout** tab.

![](https://theplusaddons.com/wp-content/uploads/2024/06/Tpae-Pricing-List-Classic-Lottie-Animation-1.gif)

2. Then add the content as per your requirements from the **Content **tab. You’ll find the same content options as available in **Modern **style. 

3. After that, select **Lottie** from the **Icon Type** dropdown under the **Image** tab.

From the **Right Space** section, you can manage the Lottiefiles and content spacing.

4. After that, paste the copied JSON link in the **Lottie URL** field. 

You can further adjust the Lottiefiles size and animation from the style tab.

Now you’ll see animated Lottiefiles in the pricing list.

You have to add the Pricing List widget multiple times to create more pricing list items.

![](https://theplusaddons.com/wp-content/uploads/2024/06/pricing-list-classic-lottie-demo.gif)