How to Add Lottiefiles to the Pricing List in Elementor?

Updated onApril 9, 2026By

Key Takeaways

  • The Plus Addons for Elementor Pricing List widget allows users to add animated Lottie files to pricing lists.
  • Users must copy the Lottie file URL from LottieFiles.com and paste it in the Lottie URL field of the Pricing List widget.
  • To create multiple pricing list items, users need to add the Pricing List widget multiple times.
Table Of Content

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.

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

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

First, go to LottieFiles.com and create a free account there if you don’t have one.

Now log in to your account and go to 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.

Tpae pricing list classic lottie animation 1 how to add lottiefiles to the pricing list in elementor? From the plus addons for elementor

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.

Pricing list classic lottie demo how to add lottiefiles to the pricing list in elementor? From the plus addons for elementor

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the Lottie file doesn't show up in the pricing list?

If the Lottie file isn't displaying, check that you've correctly copied the JSON file URL from LottieFiles.com and pasted it into the Lottie URL field in the Pricing List widget. Ensure that the Pricing List widget from The Plus Addons for Elementor is installed and activated, as it is required to use this feature. Remember to enable the Asset Link toggle when saving your Lottie animation.

Can I use Lottiefiles in any Elementor widget?

Lottiefiles can only be added to the Pricing List widget from The Plus Addons for Elementor. This widget is specifically designed to support animated Lottie files, enhancing your pricing list's visual appeal. Other Elementor widgets may not support Lottie files, so ensure you're using the correct widget to achieve the desired effect.

What settings work best for adding Lottiefiles to the pricing list?

For optimal results when adding Lottiefiles to the pricing list, select 'Classic' from the Layout tab and choose 'Lottie' from the Icon Type dropdown under the Image tab. Adjust the Lottie file's size and animation settings from the style tab to ensure it fits well with your design. This approach will help maintain a cohesive look while showcasing your pricing options.

What happens if I don't enable the Asset Link toggle when saving a Lottie animation?

If you forget to enable the Asset Link toggle when saving your Lottie animation in LottieFiles, the URL you copy may not work correctly in the Pricing List widget. This could prevent the animation from displaying, resulting in a static image or no image at all. Always ensure this toggle is enabled to properly link the Lottie file to your pricing list.

How do I find free Lottiefiles to use in my pricing list?

To find free Lottiefiles, create a free account on LottieFiles.com. After logging in, navigate to the 'Featured Here' section to browse available animations. Clicking on an animation will allow you to save it to your workspace, enabling you to generate the necessary JSON file URL for use in the Pricing List widget from The Plus Addons for Elementor.

Can I add multiple Lottiefiles to the pricing list?

Yes, you can add multiple Lottiefiles to the pricing list by adding the Pricing List widget multiple times on your page. Each instance can have a different Lottie file, allowing for a dynamic and engaging pricing list. This flexibility enhances the visual storytelling of your pricing options, making them more appealing to potential customers.

Last reviewed: April 9, 2026

Related Docs