Animations in Elementor using Lottiefiles | Bodymoving | Lottie Animations [Video Tutorial]

Updated onApril 11, 2026By

Key Takeaways

  • Lottiefiles Widget in Elementor allows users to incorporate engaging animations crafted by top motion designers using JSON code.
  • Users can upload Adobe After Effects files to Lottiefiles for easy management of animations.
  • The Plus Addons for Elementor features over 120 widgets, enhancing the capabilities of the Elementor page builder.
Table Of Content
YouTube video
Video Duration: 19 : 40

Video Overview

Best Lottiefiles Widget in Elementor

Lottiefiles Animations : Looking animation which are quite engaging and crafter by top in class motion designers to use in your next web design project? Try this elementor widget, which will help you to achieve that just by using JSON code made from Lottiefiles.

Upload AE to Lottiefiles and Use It
Easy to manage JSON based
For Animation and Interactive Designers
Use collection of world’s best motion designers

Above Feature/Widget URL : https://theplusaddons.com/elementor-widget/lottiefiles-animation/
Official Plugin Website : https://theplusaddons.com/
Purchase Link : https://theplusaddons.com/pricing/

You can join us to discuss or Stay Tuned to get updates.
Facebook Community : https://www.facebook.com/groups/theplus4elementor/
Facebook Page : https://www.facebook.com/tpaelementor/

Get further Support : https://store.posimyth.com/helpdesk/
Documentation : theplusaddons.com/docs/

Get in touch with us directly on messenger.

Facebook Live Chat : https://m.me/theplusaddonsforelementor/

Our addons are listed in elementor’s top widgets page, WpExplorer’s best elementor addons Article, Got highest ranking in kasa reviews for best third party addons, and listed by many other websites and experts. We are consider as a best addons for elementor ever built. We try to improve addons to it’s level best for elementor page builder.

Get The Plus Addons for Elementor
View 120+ Elementor Widgets Demo

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 my Lottie animation isn't displaying in Elementor?

If your Lottie animation isn't showing up, ensure that the JSON code from Lottiefiles is correctly uploaded. The Plus Addons for Elementor allows you to manage this easily, but a common issue is incorrect file paths or corrupted JSON files. Double-check the source of your Lottie file and try re-uploading it to see if that resolves the issue.

What are the best practices for using Lottie animations in Elementor?

To get the most out of Lottie animations in Elementor, keep file sizes small to ensure fast loading times. Use animations that complement your design rather than distract from it. The Plus Addons for Elementor provides a collection of high-quality animations, so choose those that align with your brand's message and enhance user engagement.

Are there any limitations when using Lottie animations in Elementor?

One limitation is that Lottie animations require JSON files, which means you need to convert your animations from Adobe After Effects to Lottiefiles format. Additionally, ensure that your animations are optimized for performance, as large files can slow down your site. It's also important to note that these animations work exclusively with Elementor.

How do I upload a Lottie animation to Elementor using The Plus Addons?

To upload a Lottie animation, navigate to the Lottiefiles widget in Elementor and input the JSON code from your Lottiefiles animation. The Plus Addons for Elementor simplifies this process, allowing for easy integration. Ensure your JSON file is correctly formatted to avoid any display issues.

Does The Plus Addons for Elementor support all types of Lottie animations?

The Plus Addons for Elementor supports a wide range of Lottie animations created by top motion designers. However, the animations must be in JSON format, which is specifically designed for web use. Always check the compatibility of your Lottie files to ensure they function correctly within Elementor.

Last reviewed: April 11, 2026

Related Docs