How To Use Lottie Animation Widget Of Enter Addons

The Lottie Animation widget in EnterAddons lets you easily add lightweight, high-quality animations to your WordPress website. Lottie animations are JSON-based, meaning they load fast, scale perfectly on any device, and look smooth without losing quality. Whether you want to create engaging banners, interactive icons, or animated illustrations, the Lottie Animation Widget for Elementor helps you do it effortlessly, no coding required.

How To Use Lottie Animation Widget Of Enter Addons: Step By Step Guide

Step 1: Add the Lottie Animation Widget

Firstly, select the Lottie Animation Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.

How To Use Lottie Animation Widget Of Enter Addons

Secondly, from ‘Content‘ Tab you will get Lottie Animation and Animation Settings section respectively.

How To Use Lottie Animation Widget Of Enter Addons

After that, from Lottie Animation section, you can add or select source i.e ‘media-file’ or ‘external-URL’, from select options. And also you can select data.json file.

How To Use Lottie Animation Widget Of Enter Addons

Then, from Animation Settings section, you can add show-control-bar ( show / hide ), mode ( show / hide ), direction ( show / hide ), hover ( show / hide ), animation-loop ( show / hide ), auto-play ( show / hide ) from switcher options, that is given below.

Also you can select animation-speed, loop-intermission and count-loop respectively.

How To Use Lottie Animation Widget Of Enter Addons

Step 2: Style Your Animation

From Style section you can find Wrapper Style and Lottie Animation Style respectively.

How To Use Lottie Animation Widget Of Enter Addons

Then From ‘Wrapper Style‘ section you can add or edit wrapper-width, wrapper-height, margin, padding, border-type, border-radius, box-shadow and background-type respectively.

How To Use Lottie Animation Widget Of Enter Addons

Also, From this section, you will get HOVER effect.

How To Use Lottie Animation Widget Of Enter Addons

After that From ‘Lottie Animation Style‘ section you can add or edit width, height, margin, padding, border-type, border-radius, box-shadow and background-type respectively.

Also, From this section, you will get HOVER effect, that is given below

How To Use Lottie Animation Widget Of Enter Addons

Final Step: Preview and Save

Finally, after finishing all the editing, click update, and then click on ‘Preview > Preview in new tab’ to see your work live.

How To Use Lottie Animation Widget Of Enter Addons

That’s all.

Final Thought

Using the Lottie Animation widget of EnterAddons is an excellent way to make your WordPress website more dynamic and visually appealing. With complete control over animation speed, looping, and hover effects, you can fine-tune every motion to match your design style. Once set up, just preview and publish your animations will instantly bring your website to life with professional, lightweight motion graphics.

If need any expert help feel free to Contact Us or Book a Meeting.