Share on facebook
Share on twitter
Share on linkedin
Share on pinterest

INTERACTIVE LOTTIE Animation with Elementor FREE – NO PLUGINS | TemplateMonster



In this video, we will explore a way to add an interactive Lottie Animation to your Elementor website using Elementor FREE. To recreate this effect, you don’t need Elementor Pro or third-party plugins or add-ons! Looking for cool graphics resources? MonsterONE Creative Subscription is perfect for you 👉👉👉 https://monsterone.com/pricing/?utm_source=youtube&utm_medium=social&utm_campaign=wordpress&utm_term=interactive-Lottie-Animation-with-ElementorFREE

00:00 Intro
01:23 – Learn how to create an animation in After Effects and export it to JSON file
10:39 – To skip the After Effects part, learn how to embed Lottie Animation into Elementor

Credits:
Illustration Used in the video: https://www.templatemonster.com/illustrations/financial-report-on-blockchain-isometric-6-fv-illustration-88202.html?utm_source=youtube&utm_medium=social&utm_campaign=wordpress&utm_term=interactive-Lottie-Animation-with-ElementorFREE
Bodymovin Plugin for After Effects:https://aescripts.com/bodymovin/
Lottie Files: https://lottiefiles.com/
Lottie Player Interactivity Guide:https://lottiefiles.com/interactivity

Check out TemplateMonster Marketplace: https://www.templatemonster.com?utm_source=youtube&utm_medium=social&utm_campaign=wordpress&utm_term=interactive-Lottie-Animation-with-ElementorFREE

#ElementorTutorial #TemplateMonster #Lottie
~~~~
Subscribe to our channel to learn more about web design: https://www.youtube.com/user/TemplateMonsterCo/

Follow us on social media:
🔖Facebook https://www.facebook.com/TemplateMonster/
🐦Twitter https://twitter.com/templatemonster
📷Instagram https://www.instagram.com/template_monster/
📎Pinterest https://www.pinterest.com/templatemonster/
🏀Dribble https://dribbble.com/TemplateMonster/
in LinkedIn https://www.linkedin.com/company/templatemonster/

Support site by sharing this post

Share on facebook
Facebook
Share on twitter
Twitter
Share on pinterest
Pinterest
Share on linkedin
LinkedIn
Share on reddit
Reddit
Share on tumblr
Tumblr
Share on stumbleupon
StumbleUpon
15 comments
  1. Is there a way to add lottie animations to single product page? To create some kind of a template and add animations like we would product images in the backend.

  2. Lottie animation is not showing on the live website pages, but on elementor wordpress dash board it is working fine, kindly suggest what can be done to overcome this situation where Lottie animation in not at all displayed on the live website.
    Thanks

  3. You are so smart!! How it's possible that you can also create UX UI, also create illustration in illustrator, also animate it in after effects and to make it live by js. where do you find the time for all this?

Leave a Reply

Your email address will not be published. Required fields are marked *