How to Add Lottiefiles to the Pricing List in Elementor?

Want extra motion in your pricing list instead of a static photo? You can use an animated Lottie file.

This doc covers the Lottie option specifically – see the Settings Overview for every other option.

For the full settings tour of the Pricing List widget, see How to Add a Pricing List in Elementor?.

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

Before You Start

• Prerequisite: Elementor (free) installed and active.
• Edition: Pricing List is a Pro widget – it requires the paid version of The Plus Addons for Elementor. It does not exist in the free plugin.
• Widget to enable: go to The Plus Addons > Widgets, search for Pricing List and turn its toggle on.

Steps

1. Get a Lottie JSON file URL, for example from LottieFiles.com.
2. Add the Pricing List widget, set Style to Classic.
3. Under the Image tab, set Icon Type to Lottie.

4. Paste the Lottie JSON URL into the Lottie URL field that appears.

Limitations

• Pricing List is Pro-only.
• Requires a Lottie JSON file hosted at a public URL – there is no built-in file picker for Lottie files here.

Not verified

So you know exactly what has and has not been checked:

• The Lottie animation actually playing on the front end (as opposed to the control being present and condition-gated correctly) was not click-tested with a real Lottie URL in this pass.

Related Docs

• How to Add a Pricing List in Elementor?
• How to Create a Food Menu in Elementor?