How to Use Kadence Blocks Lottie Animations in WordPress [New Kadence Blocks Tutorial]
7.3 هزار بار بازدید -
2 سال پیش
-
In this video, you will
In this video, you will learn how to use the Lottie Animation Block in Kadence to add some personality and engagement opportunities to your website designs. The Lottie Animation Block is the latest Block addition to the Kadence Blocks Plugin and is available in the Free and Pro versions of Kadence Blocks. This in-depth tutorial will cover 4 awesome ways to use the Lottie Animation Block to enhance your website built with WordPress and Kadence. Enjoy!
Timestamps:
0:00 How to Use Lottie Animations in WordPress With Kadence
00:56 Overview of Lottie Animations Use Cases
3:42 How to Install Kadence Theme, Kadence Blocks, Kadence Starter Templates
7:51 Kadence Lottie Animation Block Options & Settings
13:40 How to use the Lottie Animation Block on a Contact Page
22:23 How to use the Lottie Animation Block on a Thank You Page
31:29 How to create an Animated Button Trigger with the Lottie Animation Block
39:23 How to Create a Modal Popup
47:49 How to link a Popup to the Animated Button
56:49 How to create a custom 404 page with Lottie Animation
1:03:39 Conclusion & Thank you!
🧰TOOLS I USED IN THIS TUTORIAL
✅ WordPress CMS: FREE
✅ Gutenberg Block Editor: FREE
✅ Kadence Free Theme: FREE
✅ Kadence Blocks: FREE
✅ Kadence Theme Pro Addon - https://cliftonwp.com/kadence
✅ Kadence Blocks Pro - https://cliftonwp.com/kadence-blocks
✅ Domain & Hosting by Siteground: https://cliftonwp.com/host
🧰 FAVORITE WEBSITE BUILDING TOOLS
✅ Kadence Theme Pro - https://cliftonwp.com/kadence
✅ Kadence Blocks Pro - https://cliftonwp.com/kadence-blocks
✅ Kadence Conversions - Kadence Pro Bundle - https://cliftonwp.com/kadence
✅ Domain & Hosting by Siteground: https://cliftonwp.com/host
✅ WordPress CMS: FREE
✅ Gutenberg Block Editor: FREE
✅ Kadence Free Theme: FREE
✅ Kadence Blocks: FREE
🏆RECOMMENDED EMAIL MARKETING PROVIDER
✅ Mailerlite: https://cliftonwp.com/mailerlite
🏆 BEST HOSTING COMPANY
✅ Siteground: https://cliftonwp.com/host
✅ WP Engine (Premium managed hosting): https://cliftonwp.com/wprocket
🏆 BEST PRO GUTENBERG BLOCK PLUGINS
✅ Kadence Blocks: https://cliftonwp.com/kadence-blocks
⭐ RECOMMENDED PRO WORDPRESS THEMES
✅ Kadence Premium Theme: https://cliftonwp.com/kadence
✅ Astra Pro: https://cliftonwp.com/astra
⭐RECOMMENDED PRO FORM PLUGINS
✅ Gravity Forms https://cliftonwp.com/gravityforms
✅ Fluentforms : https://cliftonwp.com/fluentforms
🏆 BEST SPEED PLUGIN
✅ WP Rocket: https://cliftonwp.com/wprocket
⭐ BEST WORDPRESS PAGE BUILDER
✅ Beaver Builder: https://cliftonwp.com/beaver-builder
⭐ BEST COMING SOON PLUGIN
✅ SeedProd: https://cliftonwp.com/seedprod
AFFILIATE DISCLOSURE
Please note that any links within this video and its description may contain affiliate links which means that if you click on one of the product links and purchase a product, I may receive a small commission. The commission does not increase the price you pay for the product and you can always purchase directly from the source. By using my affiliate link, you are supporting the work of the channel and I thank you for that.
Lastly, All of the opinions in this video are my own. I did not receive any compensation for making this video. Thank you for watching and thank you for your support!
#cliftonwp #kadence #kadencepro #kadencetutorials #Lottie Animations
Timestamps:
0:00 How to Use Lottie Animations in WordPress With Kadence
00:56 Overview of Lottie Animations Use Cases
3:42 How to Install Kadence Theme, Kadence Blocks, Kadence Starter Templates
7:51 Kadence Lottie Animation Block Options & Settings
13:40 How to use the Lottie Animation Block on a Contact Page
22:23 How to use the Lottie Animation Block on a Thank You Page
31:29 How to create an Animated Button Trigger with the Lottie Animation Block
39:23 How to Create a Modal Popup
47:49 How to link a Popup to the Animated Button
56:49 How to create a custom 404 page with Lottie Animation
1:03:39 Conclusion & Thank you!
🧰TOOLS I USED IN THIS TUTORIAL
✅ WordPress CMS: FREE
✅ Gutenberg Block Editor: FREE
✅ Kadence Free Theme: FREE
✅ Kadence Blocks: FREE
✅ Kadence Theme Pro Addon - https://cliftonwp.com/kadence
✅ Kadence Blocks Pro - https://cliftonwp.com/kadence-blocks
✅ Domain & Hosting by Siteground: https://cliftonwp.com/host
🧰 FAVORITE WEBSITE BUILDING TOOLS
✅ Kadence Theme Pro - https://cliftonwp.com/kadence
✅ Kadence Blocks Pro - https://cliftonwp.com/kadence-blocks
✅ Kadence Conversions - Kadence Pro Bundle - https://cliftonwp.com/kadence
✅ Domain & Hosting by Siteground: https://cliftonwp.com/host
✅ WordPress CMS: FREE
✅ Gutenberg Block Editor: FREE
✅ Kadence Free Theme: FREE
✅ Kadence Blocks: FREE
🏆RECOMMENDED EMAIL MARKETING PROVIDER
✅ Mailerlite: https://cliftonwp.com/mailerlite
🏆 BEST HOSTING COMPANY
✅ Siteground: https://cliftonwp.com/host
✅ WP Engine (Premium managed hosting): https://cliftonwp.com/wprocket
🏆 BEST PRO GUTENBERG BLOCK PLUGINS
✅ Kadence Blocks: https://cliftonwp.com/kadence-blocks
⭐ RECOMMENDED PRO WORDPRESS THEMES
✅ Kadence Premium Theme: https://cliftonwp.com/kadence
✅ Astra Pro: https://cliftonwp.com/astra
⭐RECOMMENDED PRO FORM PLUGINS
✅ Gravity Forms https://cliftonwp.com/gravityforms
✅ Fluentforms : https://cliftonwp.com/fluentforms
🏆 BEST SPEED PLUGIN
✅ WP Rocket: https://cliftonwp.com/wprocket
⭐ BEST WORDPRESS PAGE BUILDER
✅ Beaver Builder: https://cliftonwp.com/beaver-builder
⭐ BEST COMING SOON PLUGIN
✅ SeedProd: https://cliftonwp.com/seedprod
AFFILIATE DISCLOSURE
Please note that any links within this video and its description may contain affiliate links which means that if you click on one of the product links and purchase a product, I may receive a small commission. The commission does not increase the price you pay for the product and you can always purchase directly from the source. By using my affiliate link, you are supporting the work of the channel and I thank you for that.
Lastly, All of the opinions in this video are my own. I did not receive any compensation for making this video. Thank you for watching and thank you for your support!
#cliftonwp #kadence #kadencepro #kadencetutorials #Lottie Animations
2 سال پیش
در تاریخ 1400/12/15 منتشر شده
است.
7,389
بـار بازدید شده