How To Add Motion Animations To Your Website Using Lottie & Elementor [WOW]

No video

How To Add Motion Animations To Your Website Using Lottie & Elementor [WOW]

Рет қаралды 204,583

WPCrafter.com WordPress For Non-Techies

Күн бұрын

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/...
CartFlows www.wpcrafter....
CartFlows Tutorial • How To Make A Sales Fu...
EXCLUSIVE WORDPRESS DEALS 2023
🟡 SureCart -- www.wpcrafter.... (SAVE 50% Auto Applied)
🟡 SureMembers -- www.wpcrafter.... (SAVE 50% Auto Applied)
🟡 Presto Player -- www.wpcrafter.... (SAVE 33% Auto Applied)
🟡 Astra Theme -- www.wpcrafter.... (SAVE 10% Coupon WPCRAFTER)
🟡 CartFlows -- www.wpcrafter.... (SAVE 40% Auto Applied)
🟡 Cloudways -- www.wpcrafter.... (SAVE 20% Coupon WPCRAFTER)
🟡 BuddyBoss -- www.wpcrafter.... (SAVE 10%)
* Want to offer a discount to WPCrafter subscribers, contact me on my website
BEST WORDPRESS PAGE BUILDERS
🟡 Spectra -- www.wpcrafter....
🟡 Elementor -- www.wpcrafter....
🟡 Beaver Builder -- www.wpcrafter....
🟡 Divi -- www.wpcrafter.... (SAVE 20%)
BEST WORDPRESS HOSTING
🟡 Full List -- www.wpcrafter....
🟡 Cloudways -- www.wpcrafter.... (SAVE 20% Coupon WPCRAFTER)
🟡 Hostinger -- www.wpcrafter.... (SAVE 75%)
🟡 NameHero -- www.wpcrafter.... (SAVE 70%)
🟡 SiteGround -- www.wpcrafter.... (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.

Пікірлер: 244

@ikemya 4 жыл бұрын

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 🙏🏻

@WPCrafter 4 жыл бұрын

Thank you. Enjoy.

@dimitridehouck9506 4 жыл бұрын

Soooo cool! Now Elementor supports it from within the plugin!

@zikosurf1 4 жыл бұрын

thank for the video i keep learning with you every time

@Ecki107 4 жыл бұрын

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?"

@vx-petia 4 жыл бұрын

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.)

@swiftmediasolution2919 4 жыл бұрын

Always learning stuff. Thanks & Great job Adam!

@WPCrafter 4 жыл бұрын

Me too. Sharing what I am learning.

@DownUnderOzzy 4 жыл бұрын

You just keep giving. Love it

@WPCrafter 4 жыл бұрын

Thanks Stephen. You keep watching and I’ll keep showing up.

@bjulyjayjr 4 жыл бұрын

I would pay $15 a month just to watch your videos! Thank you a million times over!! 👨🏾‍💻

@RafalReyzer 4 жыл бұрын

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!

@Fotland-pl 4 жыл бұрын

Rafal, I have one question, json loads faster than gif?

@vahidfrzh9379 4 жыл бұрын

your videos always have a great content and you deliver them with transparency.

@WPCrafter 4 жыл бұрын

Thank you.

@allisonkessler17 4 жыл бұрын

This is super exciting! Can't wait to try it out!

@WPCrafter 4 жыл бұрын

Yes there are some good situations for this.

@BD-hy8bl 4 жыл бұрын

Excellent! Thank you.

@WPCrafter 4 жыл бұрын

Your welcome

@ashiquerrahaman7951 4 жыл бұрын

I am from Bangladesh & I like your video very much. Thanks dear.

@WPCrafter 4 жыл бұрын

Thanks for watching.

@antlerup 3 жыл бұрын

Always the best resource for anything Elementor, thank you!!

@designlife224 4 жыл бұрын

Great video. This is what i have been look for. Thanks alot

@24blitz7 4 жыл бұрын

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

@bySterling 4 жыл бұрын

LUV LOTTIE FILE$!! GRT one to highlight Adam 🙌🏻💯💥💻🎉👏🏻

@WPCrafter 4 жыл бұрын

Thanks bro. You can really have fun with them.

@ComradRush 4 жыл бұрын

Awesome!

@sharonsauro567 4 жыл бұрын

Thank you so much for taking the time to do this very well presented tutorial.

@WPCrafter 4 жыл бұрын

You're very welcome!

@zaracrest 2 жыл бұрын

As ever, a super tutorial! Thanks so much.

@PerryWebCreations 4 жыл бұрын

Very cool! Thank you Adam!

@lorem_ipsum5451 4 жыл бұрын

Wow, I was looking for something like this. Thanks!!!

@kowshikkowshik717 Жыл бұрын

you are a gem brother

@PianoLessonwithWarren 4 жыл бұрын

Nice 👍🏽

@crcc23 4 жыл бұрын

Good to know! Great tip

@WPCrafter 4 жыл бұрын

Thanks.

@bacccarani 4 жыл бұрын

Excellent video, thank you Adam!

@susangemayel-tapper3794 4 жыл бұрын

thanks Adam for sharing, those animations are super cool

@patrickhealy1113 4 жыл бұрын

Great video Adam. Thanks for putting this together!

@jasminehoy1269 4 жыл бұрын

Thank you ! super love your video!

@savvycleaner 2 жыл бұрын

Great tutorial. Thanks for sharing this. I've learned so much from you. 🙏

@kksal4375 3 жыл бұрын

Great video!

@HariRamOfficial 4 жыл бұрын

Amazing Sir. Thanks that's great idea.

@WPCrafter 4 жыл бұрын

Your welcome.

@HariRamOfficial 4 жыл бұрын

@@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.

@yoganandasaputra8356 4 жыл бұрын

Great , that's why i love elementor. Your channel always refresh my day

@micasego602 4 жыл бұрын

I love this! This was really simple. Thank you so much, Adam.

@craftydazzles3743 4 жыл бұрын

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!

@WPCrafter 4 жыл бұрын

Sounds great!

@shelleyperez9057 3 жыл бұрын

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! 😊

@GeluDanutFarcas 3 жыл бұрын

Thank you! I love all your tutorials!

@MiMi-dc9qs 4 жыл бұрын

Thank you ever so much for this. I'm near about to put what I learnt into action. Thank you again!!!

@jamilhfl 3 жыл бұрын

Thank you Very informative video Great like it

@prod.dante0119 2 жыл бұрын

Loved it

@habeebaldeen896 4 жыл бұрын

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!

@MajesticDog 3 жыл бұрын

You just made my day, Adam. Thank you ever so much for this great tutorial.

@hasiibali2513 4 жыл бұрын

i am glad I subscribed to your channel. thanks man

@joeicapuno859 4 жыл бұрын

Love it! Thanks 😊

@WPCrafter 4 жыл бұрын

Thank you

@rodrigohenriquez9587 4 жыл бұрын

OMG Amazing!

@WPCrafter 4 жыл бұрын

Enjoy.

@webdoze 4 жыл бұрын

Nice video Adam, this can do some amazing visual things.

@terencebenjamin3382 3 жыл бұрын

Thanks for you great content and explaination!

@linda_sue 4 жыл бұрын

Thank you, Adam! I enjoyed how you added sharing the bouncing cheese with us! I'm going to enjoy experimenting with this!

@asmamanzoor7341 4 жыл бұрын

Great tutorial. Thank you.

@shhridoy9750 Жыл бұрын

Thank you 😍

@stijnheeres 3 жыл бұрын

Thank you!

@beckyandrew302 4 жыл бұрын

Lovely

@WPCrafter 4 жыл бұрын

Thank you Becky

@devashishpathak3481 4 жыл бұрын

Thank you sir.Love from Nepal.It works very well

@xDiabloSVx123 4 жыл бұрын

Love this video! Sharing it. Thank you

@thinkcreative1068 4 жыл бұрын

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)

@WPCrafter 4 жыл бұрын

Big fan of the bouncing cheese :-)

@Madden1970 4 жыл бұрын

Super cool!

@YasienSarlie 4 жыл бұрын

Good wishing to you and your family 💐 from South Africa

@100technical 4 жыл бұрын

Thanks friend..very nice comme you

@ann4726 4 жыл бұрын

amazing and quick intro tutorial, thanks!

@learnnfind6430 4 жыл бұрын

As I told you before you are a great guy!

@nathanjunior7694 4 жыл бұрын

Amazing stuffs, I always love this channel

@karinapaviotti6348 4 жыл бұрын

Great video! This is amazing

@pancholix 4 жыл бұрын

Esta buenisimo, justo lo que necesitaba! Muchas gracias.

@SandraRees 4 жыл бұрын

Brilliant share, I love animation and you share some really awesome and useful content, thank you so much:-)

@camiloaristizabalweb 3 жыл бұрын

So great man this is so usefull

@kristijanjakob 4 жыл бұрын

Nice tutorial. Thank You.

@subhasishbhattacharya. 3 жыл бұрын

Thanks 😊

@websitedesigner7158 3 жыл бұрын

impressive

@sfmikica 4 жыл бұрын

Cool! Thanks!

@oreoluwadaniel1831 3 жыл бұрын

I love this guy

@user-yh9tm3jy7t Жыл бұрын

this is very kewl and informative - gives a new take on ani - Wado (thank you in Cherokee)

@bluelacyseo8964 4 жыл бұрын

Another great video!

@MuhammadSalman-ys5we 4 жыл бұрын

Amazing and very helpful, thank you so much

@peterc5701 4 жыл бұрын

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!!😁😁

@WPCrafter 4 жыл бұрын

Yes. Great video idea. And you are right, it gets complicated.

@peterc5701 4 жыл бұрын

@@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!

@WPCrafter 4 жыл бұрын

Thanks Peter. I do my best to make it a 2 way conversation.

@anthonyguada 3 жыл бұрын

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

@DangerNG56 4 жыл бұрын

amazing feature actually....going to help enhance my work

@RyanSP 4 жыл бұрын

Wow, quite a cool discovery Adam - just hope people don't 'over-use' Lottie Animations - LOL.

@WPCrafter 4 жыл бұрын

Yep, like any animation or movement, better to use it very sparingly.

@ibrahimkhalilbenkhechiba9388 2 жыл бұрын

Thank u ♥

@raheem109 3 жыл бұрын

Thank you Lord Varys for the lesson

@TheRapidGamer 4 жыл бұрын

Wow... what a resource!

@fahadahmadkhan3777 4 жыл бұрын

Amazing, keep it up

@Gb-zi1nh 3 жыл бұрын

nice vid bro! keep it up :)

@sidshiva212 3 жыл бұрын

thank you ;)

@economicsandrelatedsubject4521 3 жыл бұрын

thank you

@katspajamaz 4 жыл бұрын

Thank GOD!!!

@npero 4 жыл бұрын

Thanks a lot Was looking for a way to do this

@maninderjeetsingh4595 4 жыл бұрын

Good

@leonispublishing7130 3 жыл бұрын

merci !

@warifhussain1697 4 жыл бұрын

Hey Adam, 11 of the geniuses hit the thumbs up in opposite direction

@mikkosiljander 4 жыл бұрын

In the loop settings it would be nice able to set how Manny times the loop executes. For the one in the video I would have chosen loop to run something like 3-5 times

@achintya1535 4 жыл бұрын

Wow

@TheMaverick2you 3 жыл бұрын

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

@khanfaysal993 3 жыл бұрын

so fun

@Al-EasyFitSaddles 3 жыл бұрын

HI Adam great videos, thanks. Trying to put woo commerce on a subdomain to improve performance. Did you mention that you had a video that explained how?

@WPCrafter 3 жыл бұрын

I don't have a specific video on it, but its a great video idea.

@susangemayel-tapper3794 4 жыл бұрын

Hi Adam, can you do a video on the animation icons called Lordicon, as the KZfaq videos that are already out aren't that great.

@danscott3552 4 жыл бұрын

Great video! Any suggestions for using it with Thrive Architect?

@WPCrafter 4 жыл бұрын

Yea you can use the HTML option. I think I’ll make a video on it.

@incrediblenitin7861 3 жыл бұрын

@@WPCrafter I’ve tried embedding using html through Thrive Architect. Sometimes it’s load the animation and sometimes it’s just shows the text code in place of the animation. So it’s a weird situation because some users will see the animation and other will see the weird code. Save the lottie file as a mp4 video and embed it with a hidden controller, it will provide the equivalent effect.