LottieFiles for WordPress gives you access to over 50k free and ready to use Lottie animations that you can easily embed on your website. Adding animations is quick and simple: simply drag and drop the animation of your choice anywhere in your page and post and make your site stand out, no coding or design skills needed. Bring your content to life and explain your product and service in a more exciting way to your users!
Features
- Transform your website into animated web experiences using the Gutenberg Editor
- Search and access over 50,000 free and ready to use Lottie animations
- Access to your Private files from LottieFiles
- Drag & drop a Lottie JSON file
- Insert a Lottie animation from URL
- Save and re-use animation data JSON files through the WordPress Media Library
- Customize your Lottie, everything is configurable directly within the the Gutenberg Editor, through the block’s controls
- Includes customization options, allowing you to customize:
- Background color of the animation
- The speed of the animation
- Play on page load, click, scroll or mouse over
- Loop the animation or play once
- Play the animation in reverse
- The dimensions (width and max width) with responsive controls
- Share your LottieFiles account with other users
Automatic installation
Automatic installation is the easiest option — WordPress will handle the file transfer, and you won’t need to leave your web browser.
- Log in to your WordPress dashboard
- Navigate to the “Plugins” menu
- Search for “LottieFiles”
- Click “Install Now” and WordPress will take it from there
- Activate the plugin through the “Plugins” menu in WordPress
Manual installation
- Upload the entire
lottiefiles
folder to the wp-content/plugins/
directory
- Activate the plugin through the “Plugins” menu in WordPress
After activation
- Go to the WordPress Block/Gutenberg Editor
- Search For **Lottie **
- Click on the Lottie to add the block