How To Add Motion Animations To Your Website Using Lottie & Elementor [WOW]
ฝัง
- เผยแพร่เมื่อ 1 เม.ย. 2020
- In this Elementor tutorial, I'll show teach you how to mesmerize your website visitors with animations. We will be using free Lottie animations to do some amazing things.
Lottie Animations lottiefiles.com/
Elementor Addon wordpress.org/plugins/animent...
CartFlows www.wpcrafter.com/cartflows
CartFlows Tutorial • How To Make A Sales Fu...
EXCLUSIVE WORDPRESS DEALS 2023
🟡 SureCart -- www.wpcrafter.com/surecart (SAVE 50% Auto Applied)
🟡 SureMembers -- www.wpcrafter.com/suremembers (SAVE 50% Auto Applied)
🟡 Presto Player -- www.wpcrafter.com/prestoplayer (SAVE 33% Auto Applied)
🟡 Astra Theme -- www.wpcrafter.com/astra (SAVE 10% Coupon WPCRAFTER)
🟡 CartFlows -- www.wpcrafter.com/cartflows (SAVE 40% Auto Applied)
🟡 Cloudways -- www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 BuddyBoss -- www.wpcrafter.com/buddyboss (SAVE 10%)
* Want to offer a discount to WPCrafter subscribers, contact me on my website
BEST WORDPRESS PAGE BUILDERS
🟡 Spectra -- www.wpcrafter.com/spectra
🟡 Elementor -- www.wpcrafter.com/elementor
🟡 Beaver Builder -- www.wpcrafter.com/beaverbuilder
🟡 Divi -- www.wpcrafter.com/divi (SAVE 20%)
BEST WORDPRESS HOSTING
🟡 Full List -- www.wpcrafter.com/hosting
🟡 Cloudways -- www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 Hostinger -- www.wpcrafter.com/hostinger (SAVE 75%)
🟡 NameHero -- www.wpcrafter.com/namehero (SAVE 70%)
🟡 SiteGround -- www.wpcrafter.com/siteground (SAVE 70%)
CONTACT WPCRAFTER
☑ Website -- www.wpcrafter.com
☑ Facebook Group -- / wpcrafter
☑ Twitter -- / wpcrafter
☑ Twitter -- / adampreiser
All of the opinions expressed in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is a referral program available, please assume that you are clicking on a referral link. - แนวปฏิบัติและการใช้ชีวิต
![[TH] Esports World Cup : Grand Final](http://i.ytimg.com/vi/sedbKhFYDMo/mqdefault.jpg)
I love this! This was really simple. Thank you so much, Adam.
You just made my day 🤩
This is an amazing feature that I didn’t even thought of, thank you so much for your awesome tutorials 🙏🏻
Thank you. Enjoy.
Awesome! I got an e-mail from Elementor telling me that they've added Lottie and I didn't even know what it was. I've spent the last 2 days learning more about it and it's exactly what I've been looking for to add a little bit more flair to my pages. Thanks for this tutorial! (I will use the plugin because, unlike Elementor, I can use my customized files where I've changed the base color. Elementor makes you input a URL but no way to change the colors.)
Thank you ever so much for this. I'm near about to put what I learnt into action. Thank you again!!!
Great video Adam. Thanks for putting this together!
Hi bro. I always look out for your videos. You have touched some lives. Learned basics and advanced from your videos, Now I am a developer, Thanks to you. This last video is an amazing breakthrough. Thank you
Omg!! Thank you so much! I've been working on this the whole week and I'm glad I found your channel!. btw, I subscribed! 😊
You just made my day, Adam. Thank you ever so much for this great tutorial.
Wow, I was looking for something like this. Thanks!!!
Always the best resource for anything Elementor, thank you!!
Great , that's why i love elementor.
Your channel always refresh my day
Thank You so much..... You've already made my day. I like your videos it so... informative and very simple.
I really appreciate it for the awesome work you're doing May GOD bless you, and also we want to hear more from you in the future for sure.
Have a nice day!
thank for the video i keep learning with you every time
Thank you, Adam! I enjoyed how you added sharing the bouncing cheese with us! I'm going to enjoy experimenting with this!
OMG I was waiting for something like this for all of my life!! :D No more oversized GIFS or crappy autoplay videos. Thanks a lot for sharing!
Rafal, I have one question, json loads faster than gif?
Soooo cool! Now Elementor supports it from within the plugin!
Love this video! Sharing it. Thank you
Thank you ! super love your video!
Amazing stuffs, I always love this channel
Thank you! I love all your tutorials!
thanks Adam for sharing, those animations are super cool
Great video. This is what i have been look for. Thanks alot
As ever, a super tutorial! Thanks so much.
Excellent video, thank you Adam!
Always learning stuff. Thanks & Great job Adam!
Me too. Sharing what I am learning.
Esta buenisimo, justo lo que necesitaba! Muchas gracias.
Very cool! Thank you Adam!
Nice video Adam, this can do some amazing visual things.
your videos always have a great content and you deliver them with transparency.
Thank you.
Amazing and very helpful, thank you so much
Awesome!
This is super exciting! Can't wait to try it out!
Yes there are some good situations for this.
Thank you so much for taking the time to do this very well presented tutorial.
You're very welcome!
Great tutorial. Thanks for sharing this. I've learned so much from you. 🙏
amazing and quick intro tutorial, thanks!
Brilliant share, I love animation and you share some really awesome and useful content, thank you so much:-)
Great video!
Great video! This is amazing
Cool! Thanks!
Thank you
Very informative video
Great like it
you are a gem brother
Great tutorial. Thank you.
i am glad I subscribed to your channel. thanks man
Thank you!
Thanks for you great content and explaination!
As I told you before you are a great guy!
So great man this is so usefull
I would pay $15 a month just to watch your videos! Thank you a million times over!! 👨🏾💻
amazing feature actually....going to help enhance my work
Nice tutorial. Thank You.
Thank you
😍
Loved it
You just keep giving. Love it
Thanks Stephen. You keep watching and I’ll keep showing up.
Super cool!
Excellent! Thank you.
Your welcome
Thank you sir.Love from Nepal.It works very well
Love it! Thanks 😊
Thank you
Another great video!
Thanks a lot
Was looking for a way to do this
Thanks 😊
LUV LOTTIE FILE$!! GRT one to highlight Adam 🙌🏻💯💥💻🎉👏🏻
Thanks bro. You can really have fun with them.
Amazing, keep it up
Nice 👍🏽
Thank u ♥
Wow... what a resource!
OMG Amazing!
Enjoy.
Good to know! Great tip
Thanks.
thank you ;)
Thank GOD!!!
I love this guy
Good wishing to you and your family 💐 from South Africa
Thank you Lord Varys for the lesson
thank you
nice vid bro! keep it up :)
Thanks friend..very nice comme you
merci !
impressive
Lovely
Thank you Becky
Great tutorial! I'd heard of Lottie but didn't know exactly how flexible and extensive it is. Awesome! (Now I have to find some way to incorporate a spinning donut and bouncing cheese on my site haha)
Big fan of the bouncing cheese :-)
I am from Bangladesh & I like your video very much. Thanks dear.
Thanks for watching.
12:16
WPCrafter: "I don't know who wouldn't want a spinning donut on their website"
Rotating Sun: "Am I a joke to you?"
Thanks for another fantastic video. I wanted something small and simple to add some pizzazz to one of my pages and this will work great!
Sounds great!
so fun
Amazing Sir. Thanks that's great idea.
Your welcome.
@@WPCrafter Sir I am your fan since 2016. Now I am also Elementor expert and woo expert. I learn everything from you and From 2019 I completed 14 fiverr projects to my clients thanks.
sHOW, thank you
Good
I want to live next door to this man, we can be BEST BUDS... He could always be there on-the-spot to help and teach me when I get stuck, which will be a lot a lot alot
ehh, I am so new to website creation and elementor and a whole bunch of stuff I purchased and have no clue how to use any of what I purchased,
hence, me on this channel
Wow
Hi Adam, can you do a video on the animation icons called Lordicon, as the TH-cam videos that are already out aren't that great.
Love your content! Best channel out there✌️ Can you please do a video about editing 'bought' website templates/themes and how to edit them in elementor? There's so many templates but there so much confusion because it's almost like every template has a different layout and you have to learn something from scratch every time.
Please and thank you!!😁😁
Yes. Great video idea. And you are right, it gets complicated.
@@WPCrafter thanks Adam, i love how dedicated you are and prompt to respond and actually engage with your viewers. You don't see much of that around. So awesome!
Thanks Peter. I do my best to make it a 2 way conversation.
Thank you man! Ive been looking for this! Is there a way for an animation to play when you click a bad button? I want confetti when they click a button. Thank yoU!
Great video. What are tools that are available to create a custom simple animation like this?
Just came across your channel and immediately subscribed! Awesome content. I am planning to sell an eBook on my wordpress website. Which Digital Delivery Service should I use? Can you please suggest a good one? So confused after looking at so many options!
Hello, My name is Rawad I want to thank you for your videos they are amazing and helpful and if you can do some video about Multiple languages for free to use it in WordPress.
Hello greetings from Mexico
I follow your tutorial to the one on the lyrics, but I export the JSON files as indiaca at minute 7:50
But in my WordPress it does not recognize them and nothing appears, I would need another plugin or what will be my problem
Thank you.
Great video! One question: Where did you upload the Lottie file? You said we can't upload it (or maybe we can) so where is yours? It looks like it WAS in the Wordpress media?
Great video. thank you. Do you know if it does work with any json file?
Wow, quite a cool discovery Adam - just hope people don't 'over-use' Lottie Animations - LOL.
Yep, like any animation or movement, better to use it very sparingly.
Cool feature!
Any guides on how to apply those animations to Divi ?
Thanks!
@VedranLazun com - There is a plugin for it :)
Love the video!
I'm facing the following problem: I want to use a couple of animated JSON files in a slider (I'm using WordPress with Elementor). Unfortunately all sliders only accept real photo or video files from the media library and do not provide any possibility to use shortcodes (provided by the WP plugin "Bodymovin") or the plugin "Animentor" instead.
I would be infinitely grateful to find a solution for that!