--- 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-09-27 lang: en author: "Aditya Sharma" description: "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..." image: https://theplusaddons.com/wp-content/uploads/2024/06/How-to-Add-Animated-Headings-In-Elementor-7-1-1024x536.jpg word_count: 259 --- # How to Add Lottiefiles to the Pricing List in Elementor? ## - The Plus Addons for Elementor Pro includes the Pricing List widget, and the post says it requires Elementor (free) installed and active plus the paid version of The Plus Addons for Elementor. - Pricing List uses a Lottie animation by setting Style to Classic, then choosing Icon Type to Lottie under the Image tab and pasting a Lottie JSON URL into the Lottie URL field. - LottieFiles.com is named as an example source for a Lottie JSON file URL, and the post says the file must be hosted at a public URL because there is no built-in file picker for Lottie files. 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?](https://theplusaddons.com/docs/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.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/price-list/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Prerequisite:** [Elementor](https://wordpress.org/plugins/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 - Get a Lottie JSON file URL, for example from [LottieFiles.com](https://lottiefiles.com/).- Add the **Pricing List** widget, set **Style** to **Classic**.- Under the **Image** tab, set **Icon Type** to **Lottie**. ![Icon Type control set to Lottie](https://theplusaddons.com/wp-content/uploads/2026/09/pricing-list-icon-type-lottie.webp) - Paste the Lottie JSON URL into the **Lottie URL** field that appears. ![Lottie URL field with a Lottie JSON link pasted in](https://theplusaddons.com/wp-content/uploads/2026/09/pricing-list-lottie-url.webp) ## 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?](https://theplusaddons.com/docs/add-a-pricing-list-in-elementor/)- [How to Create a Food Menu in Elementor?](https://theplusaddons.com/docs/create-a-food-menu-in-elementor/) ## Frequently Asked Questions **Q: What do I need before adding a Lottie file to a Pricing List in Elementor?** A: Elementor free has to be installed and active, and the Pricing List widget needs the paid version of The Plus Addons for Elementor. The widget is Pro-only, so it does not exist in the free plugin. In practice, that means the Lottie option only makes sense after the Pricing List widget is enabled under The Plus Addons > Widgets. If you are starting from scratch, the related setup guide is [How to Add a Pricing List in Elementor?](https://theplusaddons.com/docs/add-a-pricing-list-in-elementor/). **Q: Why is the Lottie option not showing in my Pricing List widget?** A: The Lottie control appears only when the Pricing List widget is enabled and you set the widget Style to Classic. After that, the Image tab exposes Icon Type as Lottie, which then reveals the Lottie URL field. If any of those pieces are missing, the control will not appear. This is a common setup issue with conditional controls in The Plus Addons for Elementor, POSIMYTH because the option is tied to both widget activation and the selected style. **Q: Can I use any Lottie file URL in the Pricing List widget?** A: The page says the widget requires a Lottie JSON file hosted at a public URL. That means you need a direct JSON link, not a local upload or an embedded asset picker. A practical example source mentioned on the page is LottieFiles.com. For this workflow, public hosting matters because the widget reads the animation from the URL field rather than from an internal file library. **Q: Is there a built-in file picker for Lottie files in this widget?** A: No built-in file picker is provided for Lottie files here. The workflow depends on pasting a public Lottie JSON URL into the Lottie URL field after setting Icon Type to Lottie. That design keeps the control lightweight, but it also means your animation source has to stay reachable at that URL. If the file is not publicly hosted, this setup will not work as described. **Q: What should I do if I want more than just adding a Lottie animation to Pricing List?** A: This tutorial covers only the Lottie option for the Pricing List widget, not every setting in the widget. For a full settings tour, use [How to Add a Pricing List in Elementor?](https://theplusaddons.com/docs/add-a-pricing-list-in-elementor/). That matters because other styling and content options live outside this doc, so trying to solve everything from this page alone will leave gaps. **Q: Was the front-end Lottie animation tested on this tutorial page?** A: The control path was documented, but the actual front-end playback was not click-tested with a real Lottie URL in this pass. That means the page confirms how to expose and configure the option, but it does not verify animation playback behavior on a live URL. If you are validating a build, treat front-end rendering as something to check separately from whether the control appears in Elementor.