In this video I’m going to show you how to add Lottie Animations to WordPress with Gutenberg text editor. It will take only couple of minutes to accomplish, so take a closer look.
Lottie Files:
Blocksy and Kadence are currently two of the best WordPress themes. So, if you’re interested, then you can grab:
🅱️ Blocksy theme (SAVE 10% Coupon WPSH10)
🔵 Kadence theme here: (SAVE 10% Coupon SIMPLEHACKS)
✅ If you want to be the first to be notified about the new tutorials then please subscribe to this channel.
✅ BEST WORDPRESS THEMES:
Blocksy theme: (SAVE 10% Coupon WPSH10)
Kadence Theme: (SAVE 10% Coupon SIMPLEHACKS)
Astra Theme:
GeneratePress:
OceanWP: (SAVE 10% Coupon WPSH10)
✅ AWESOME WORDPRESS PLUGINS:
Best WordPress Backup, Migration and Staging plugin – WpVivid Pro (SAVE 20% Coupon WPSH20)
Best Gutenberg Blocks addon – Kadence Blocks (SAVE 10% Coupon SIMPLEHACKS)
Best forms plugin – Fluent Forms: (SAVE 20% Coupon: WPSH20)
WP Social Ninja (SAVE 20% Coupon: WPSH20)
Best for email marketing – Fluent CRM: (SAVE 20% Coupon: WPSH20)
Best for creating tables – Ninja Tables (SAVE 20% Coupon: WPSH20)
Best WordPress LMS – Tutor LMS (SAVE 20% Coupon thmwelcome20)
Best WordPress SEO plugin – SEOPress
Image Map Pro –
✅ AWESOME WOOOCOMMERCE EXTENSIONS:
Best Woocommerce Swiss Knife tool – Kadence WooExtras (SAVE 10% Coupon SIMPLEHACKS)
Advanced Dynamic Pricing Pro (SAVE 20% Coupon: WPSH20)
Phone orders For Woocommerce Pro (SAVE 20% coupon: WPSH20)
Advanced Orders Export Pro (SAVE 20% coupon: WPSH20)
Best Woocommerce sidecart plugin – Woocommerce Cart in One
TIMESTAMPS
00:00 How to Add Lottie Animations to WordPress with Gutenberg?
00:35 Install Kadence Blocks plugin
01:58 Lottie Animations block for Gutenberg
03:58 How to add Lottie Animations from remote URL?
04:54 How to add Lottie Animations from local file?
05:40 Play Lottie Animation on hover
06:10 How to customize Lottie animations?
06:26 How does it impact your site speed?
source