How to Create a Lottie Widget Scroll Button

Learn how to create a scroll button with the Lottie Widget. Use animation to draw attention to your page and encourage interaction with your website.

In this tutorial you’ll learn how to:
✔︎ Add Lottie Animations via external URLs
✔︎ Link a Lottie animation to another section and automatically scroll to it, when clicked
✔︎ Use CSS Filters to further customize Lottie Animations
✔︎ And much more!

Don’t forget to subscribe to our channel!

[ajax]

Love to see Elementor progress. Thank you guys for your efforts!

[rmaxofficial]

How to speed up elementor like bootstrap website? Like elementor 8s and bootstrap 3s

[NOALNOM]

- Great! But how you get the parallax effect page on click? It's page scroll effect or simple CSS?

[mydigitalmarketingjourney]

Very fun new feature! Looking forward to using this 🙂👍

[bySterling]

Luv Lottie Files! GRT vid and beautiful site. Curious since a mouse icon doesn’t make sense on mobile view really, is it possible to show/hide a different animation like a down arrow on mobile only w Elementor Pro? Or would a whole separate row/section need to be made for this? 🙌🏻⚡️💪🏻💥💻🎉 📱

[theredmaster_superbee]

They should boast the option to animate .lottie with the browser scroll ... in combination with after adobe effects amazing things can be done ...

[leonardoamado]

How do I make a button show me a section that is hidden? And that same button executes an input animation in that section. I guess it's possible to do that ... some help please

[gad]

If i choose media file the animation is not display so there is no option to to edit the animation on Lottie website and upload it - i can edit it and upload it but it doesn't display with media file option .. i already open a ticket but still no response!

[wgm]

Great..where can I get that template from for the site?

[ibnjamaal]

It's the hash sign not the pound sign #food