How to Add Lottiefiles to the Pricing List in Elementor?

Updated on June 27, 2024 by Editorial Team
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 Lottiefiles 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 its installed & activated to enjoy all its powers.

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

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

Now log into 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 dropdown under the Pricing List tab.

Pricing list classic lottie 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. 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
OR
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]



    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website
    X