Add Stunning Animations To WordPress for FREE! (Lottie Tutorial)
ฝัง
- เผยแพร่เมื่อ 6 ก.ค. 2024
- Learn how to add animated icons, widgets, and illustrations in WordPress with Lottie Files, for free!
Checkout LottieFiles Here - lottiefiles.com/
Plugin to Add Lottie To Elementor Free Version - wordpress.org/plugins/animent...
Download Ulimate Addons for Gutenberg (UAG) - ultimategutenberg.com/
✅✅ 👇🏽👇🏽 Here are some of our recommended products 👇🏽👇🏽 ✅✅
✅ Astra - The Most Popular WordPress Theme 👉🏽 bsf.io/astra/
✅ Schema Pro - Add Schema To Your Website 👉🏽 bsf.io/schemapro/
✅ Ultimate Addons for Elementor 👉🏽 bsf.io/ultimateelementor/
✅ Ultimate Addons for Beaver Builder 👉🏽 bsf.io/ultimatebeaver/
✅ Convert Pro - Convert Visitors to Subscribers 👉🏽 bsf.io/convertpro/
✅ WP Portfolio - Showcase Your Work 👉🏽 bsf.io/wpportfolio/
-------------------------------------------------------------------
📽📌 Table of Contents 📽📌
00:00 - Adding animations to WordPress
00:06 - Animations looks awesome in WordPress
00:52 - 2 Steps in adding animations to WordPress
01:03 - Problems with traditional animations
01:29 - Introducing Lottie Files
01:42 - What is LottieFiles
03:36 - Browse LottieFiles
06:35 - Ways to add LottieFiles to WordPress
10:00 - How To Upload Lottie JSON to WordPress
11:34 - Using UAG to add Lottiefiles
13:33 - Customize LottieFiles using UAG
-------------------------------------------------------------------
📰📰 Video Description 📰📰
Learn how to add animated icons, widgets, and illustrations in WordPress with Lottie Files, for free!
-------------------------------------------------------------------
💘💘 Find out more about us on our website: brainstormforce.com/ 💘💘
💘💘 Subscribe to us for more WordPress tutorials and guides!
th-cam.com/users/TheBrain... 💘💘
💘💘 Follow us on our Facebook Page : / brainstormforce 💘💘
💘💘 Follow us on Twitter : / webrainstorm 💘💘
💘💘 We're on GitHub Too : github.com/brainstormforce/ 💘💘
Raj your pace is bang on. Always enjoy your presentations and practical how to's.
Thanks Chris, I appreciate it. :)
Man, you don't know how grateful I am right now! THANK YOU SO MUCH!!!
Glad to hear it was helpful, Kamal.
Thank u so much, interested in starting so soft during quarintine and just need a place to get started, thx for the support
Great video!
It's so helpful👍
TNice tutorials tutorial was so easy to understand. Thank you so much!
Installed, everything works, thanks!
Dear Michael, it's you that make register for youtube, I follow your tutorial from bilibili to your channel here and I'll continue to support
Yesssss, thats what i was looking for. hanks for helping
Excellent video on Lottie Files! Thank you!
Glad you enjoyed it!
A very big thanks to you because I'm new to all this stuff and everyone just promotes the paid versions, and I've watched like 1000s of videos for editing my website for free. thank you so much .
Glad to help!
This works in 2024
Thanks for explaining it really well! I've been putting off learning soft soft cuz it looks so intimidating but now that I easily understood the
Glad you found it helpful :)
Thank you Raj. This was so helpful. I just run a tiny website for a club and it's always useful to know how to make it more animated rather than static. But so many things, even simple ones, require a large cheque book! I was playing around with Elementor - I just don't have the hours to put in to master it otherwise I'm sure it would do the job. But your Lottie idea is ideal; nice and simple. Thank you for taking the time to share your knowledge and to explain it so well and in such a short time. PS - I love your Astra Theme too; it's one of the few I find which allows me to just get on with the job and it does the hard work for me. Thank you for that too. [Liked and subscribed - how could I not?]
Thank you and glad to hear about your experience ☺
Thank you for making a video explaining all the essentials of tNice tutorials software. You really helped understand the software more, thank you
Hi there I love the content. I am however getting this message when uploading the .json (json files not permitted for security reasons) currently using Gutenberg any advice is appreciated thanks
Bro, you're a great teacher and explainer! Thank you for tNice tutorials tutorial!
by any ans, but I can make what I envision, and that's the greatest gift to . You are, without a doubt, an expert teacher. You may
very nice video, thank you for the tutorial
Thank you saved me a lot of time trying to browse videos for an actual working one
Glad you found it helpful :)
very good tutorial . very clean . i am happy you didn't start digging deep into any specific feature - sotNice tutorialng that happens to too many
ITS REALLY WORKED LOL THANK YOU DUDE
Amezing, but I have one question: if I use animated icons in my services area's and many more place, will they affect the speed of the website?
Thanks for your help!
Thank you so much
This program is cool, it worked thx
Great video, thanks for sharing!😃
Our pleasure! Glad you liked it :)
Great tip - thanks!
Are you using the Producer version, if so are all the effects and tutorial you use in the video included as standard with the Producer
dude tNice tutorials is super good! subbed
Is it possible to replace the Next button of (Elementor Forms) with Lottie Animations ?
If i just finished my work and save, the format is .softp , is tNice tutorials type of file compatible with other DAW? like ableton or LogicProX for
is there any Gutenberg block so i could put multiple texts inside it so the texts fade in and fade out one after another ?
I prefer to make animations with Canva save them in Gif and put them quietly in Wordpress ... I try to delete any plugin that may no longer work correctly over time ... I saw and downloaded Lottie ... after 10 minutes deleted and went back to doing from me...
Gif's usually are big size and slow down the website
Thank You So Much Bud
Thank you fam
informative video man keep educating us
Thanks, will do!
like you add your own sample to the soft roll and when you play it it always plays longer than what is shown in the soft roll and
Excellent video..learnt so much from this
Glad it was helpful!
@@BrainstormForce absolutely.... Looking fwd to more learning
Thank you for this information!
You are very welcome Iesha!
Does soft soft co with the samples? And are these copyright free?
it to multi-track record. I would play with an effect or two on my recordings, but I never touched the soft role or the step sequencer.
How's it going with the software? I bought it a wNice tutorialle back and life got in the way. I am finally going to get around to learning tNice tutorials up (I
Very cool
Superb
Your videos have helped reach over $200,000 in stocks by age 23! Thanks In The setup. Keep the videos coming.
Thanks bro..
Very helpful
Glad it helped
the demos. I don't know if tNice tutorials is a clue, but when i pause or stop the soft, there's an echo wNice tutorialch very slowly fades out.
how to get oebmed for custom upload one?
Thank so much
You're very welcome!
Thank you! 😊 Has been a discovery for me. One question, is there any possiblity to have a lottie image in the background and blocks over it WITHOUT using Elementor?
Not that I know of, X S. But that would be cool. :)
@@BrainstormForce maybe Kadence Blocks... The Lottie Block is too slow so a workaround is to convert it to .GIF (with transparent background) or to a video... Thanks for your response! 👍
I hope you answer tNice tutorials bro, I am wondering how can I add plugins from another disk drive if my main drive (where I installed soft soft)
Can someone help me pls? I don't know how you got to the page where you search for "embed"
very good review, thank you
Thanks for watching!
Sir how can we add opt-in-form (i want to say how can we get user name and email) inside single blog post with comments in WordPress for free? kindly guide me!
Can this work on shopify?
Hello dear friend - Brilliant clip - thanks. your videos are a great resource:. Would you do some vids about the new Version 6.1 That would be awesome!
Amaizing Tutorial
Thank you Muzammel.
soft roll, via my midi? thanks again
all the different elents together in a language that is universal. I've seen plenty of DAW tutorials being new, but tNice tutorials is by far the best so
Glad to hear! 😊
In GMS screen select appes and then select Analog app 1 TE. That worked out for .
Very good content!
Glad you think so!
its great , there is all the option controls but scrolling its not there and its the most used one < how can we do it . thank you
I don't follow... you mean adding the animations on mouse scroll?
@@BrainstormForce yes
for some reason, the json is not working on my site but the embed is (latest version of wp used)
That's strange, Serge. Could you share some details on what the error/issue is?
@@BrainstormForce I did not want to spend time troubleshooting the problem so stayed with the embed option. After using json and saving the page, it all worked. But, when I reloaded the page, the animation wasn't there. I am using a cache from the WP Optimise plugin and thought it might have something to do that. I did not chase it up to try and resolve the issue, at this stage. Thank you for your reply. No errors were mentioned or displayed.
Interesting.
I love it Sir can you help to edit
My first ti ever gettin on soft soft was in 17 man it a whole year to use to soft soft
Thank you for tNice tutorials video! I just got soft softs today, and even with the guidebook, I was lost. TNice tutorials video taught even better than
Can not find free Lottie Files now. can not select 'free' when searching
awesome
It still working?
very enlightening haha
Amazing
Thank you! Cheers!
How? Could you please give ? It will be very helpfull!
i'm gonna rena and change color on my channel to stay super organized
Sa . It's hard when you look at the software
I would like to ask you a question please?
Hey bro want to full tutorial on 1 each & every step by step
why has it stopped working? the new update has made your plugin non responsive.
Any way to make this work with Beaver Builder?
Paul, I'm not aware of a specific solution, but a quick Google search showed me this..
sitespot.dev/downloads/lottie-for-beaver-builder/#download
@@BrainstormForce that's awesome, I'll give it a go!
Guys my GMS softs like a dead rat! How can i change it to the one that he has?
Tried to upload a file to my Media Library and got error message “Sorry, this file type is not permitted for security reasons.”
Doug, make sure that you're uploading the JSON file through the Lottie Widget, not the media library directly. Hope that helps. :)
@@BrainstormForce Unfortunately, it gives an error for all formats, even the link does not want to be displayed.
@@BrainstormForce Unfortunately, uploading the Lottie Json file via the Lottie Block (Ultimate ADDONS for Gutenberg installed) does not work. I get the error message that an error occurred in this block during uploading.
@@keckTest It only works when I paste the link directly, but the json doesn't work. All libraries json are connected, sad.
❤️🎉Lottie!
❤️🎉❤️🎉
it didnt work - do they shut off this feature? Thanx in Advance
Nope, they didn't shut off this feature. Are you facing any issues specifically?
Also didn't work for me. Embed becomes a paragraph component when doing this. Also the Custom Html becomes a link.
arrow once. then you get the soft from the video
Yeah too, exceptt I feel the exact sa way i did.
how to remove animator name for animation image
sa,e bro tNice tutorials is fire
The truth is that the unknown scares all of us, but we just have to practice so we can get well with the software.
ball is life
Thats how it be
Nice tutorial guys .how to unlock account..if i din"t purchase.. account wil not activate...huh ??guys plzz tell i just want to know about that........
You can create a free account with Lottie Files by simply signing up.
I had to watch tNice tutorials video literally 7 tis to understand how the channel rack, softs, and tracks work. I can see why people either love
hows it going
the suggestion next to tNice tutorials is "trap soft are EASY"
There is tons of websites that have additional content to help you.
I dont think this no longer works
Yes it look scary
Gotem
software."
just ca off for a spliff to watch tNice tutorials then I'm back on boi