1. Home
  2. Docs
  3. HEA Widgets
  4. Widgets
  5. HEA Lottie

HEA Lottie

HEA Lottie

Refer to the documentation below to get a detailed guide on how to use the Lottie widget effectively.

Step-1:

Open Elementor Editor Search for Lottie in the Elementor panel, drag the Lottie” widget to a container on your page.

Step-2:

The Lottie Animation widget allows you to add lightweight, high-quality animations to your website. You can select the Source as a Media File and upload a JSON file to display the animation. The Link option lets you add a clickable URL to the animation.

You can enable Autoplay to make the animation start automatically and toggle Loop if you want it to play continuously. Adjust the Speed slider to control the animation playback speed. The Render Type allows you to choose between SVG, Canvas, or HTML, depending on performance needs. The On Hover option lets you trigger the animation when users interact with it.

Step-3:

Adjust the Lottie alignment using the “Alignment” option. Customize the Lottie style from the “Style” section..

How can we help?