Animentor – Lottie & Bodymovin for Elementor

January 29, 2021

Animentor – Lottie & Bodymovin for Elementor Plugin

An Elementor extension that adds a widget for Lottie animations.

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

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.

  1. Log in to your WordPress dashboard
  2. Navigate to the “Plugins” menu
  3. Search for “Animentor – Lottie & Bodymovin widget for Elementor”
  4. Click “Install Now” and WordPress will take it from there
  5. Activate the plugin through the “Plugins” menu in WordPress

Manual installation

  1. Upload the entire animentor-lottie-bodymovin-elementor folder to the wp-content/plugins/ directory
  2. 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.

Screenshots

  1. Widget settings

    Widget settings

  2. Animation options

    Animation options

  3. Style tab

    Style tab

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.

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.

Details

  • Version: 1.1.1
  • Active installations: 7,000
  • WordPress Version: 5.0
  • Tested up to: 5.6.14
  • PHP Version: 5.6.20

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars