An unofficial WordPress plugin to add a Lottie widget to the
Elementor Page Builder.
Features
- Intuitive UI, everything is configurable directly within Elementor, through the widget’s controls
- Manage and re-use animation data JSON files through the WordPress Media Library
- Works with the latest version of Elementor (does not require Elementor Pro)
- Includes several animation options, allowing you to customize:
- The speed of the animation
- Whether to autoplay on page load
- Whether to loop or play once
- Whether to play reversed
- Whether to play on mouse over
- Whether to stop, pause, or reverse on mouse out
- Includes several styling options, allowing you to customize:
- The dimensions (width and max width) with responsive controls
- Opacity, CSS filters, borders, and box shadow!
Setup tutorial
[youtube
https://www.youtube.com/watch?v=LYTTMPNQQZQ]
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 “Animentor – Lottie & Bodymovin widget for Elementor”
- Click “Install Now” and WordPress will take it from there
- Activate the plugin through the “Plugins” menu in WordPress
Manual installation
- Upload the entire
animentor-lottie-bodymovin-elementor
folder to the wp-content/plugins/
directory
- Activate the plugin through the “Plugins” menu in WordPress
After activation
You will find the “Lottie” widget under the “General” widgets category of Elementor Page Builder.