Description
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
Screenshots
Installation
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 thewp-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.
FAQ
-
What is Lottie?
-
Lottie is a mobile library for Web, and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile!
-
Where can I report any bugs and/or request additional features?
-
If you have spotted any bugs, or would like to request additional features from the plugin, please file an issue.
Reviews
Contributors & Developers
“Animentor – Lottie & Bodymovin for Elementor” is open source software. The following people have contributed to this plugin.
Contributors“Animentor – Lottie & Bodymovin for Elementor” has been translated into 3 locales. Thank you to the translators for their contributions.
Translate “Animentor – Lottie & Bodymovin for Elementor” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.1: April 17, 2020
- Minor bug fix.
- Add a setup tutorial video to
readme.txt
. - Add “Delay” control description specifying its units (ms).
1.1.0: March 30, 2020
- Add a “No action” option to the “On mouse out” actions.
1.0.1: February 19, 2020
- Remove external dependencies.
1.0: February 19, 2020
- Initial version.