elementor logo 1 1 Lottie Widget 1


Add the Lottie Animation to Your Elementor Site

Easily embed your chosen Lottie animation using Elementor Pro’s Lottie widget

Elementor Panel lottie widget 1 1 Lottie Widget 5

This animation is available to download and use for Free under Creative Commons License 2.0

Embed the Lottie Animation in 4 Simple Steps

pantalla Lottie Widget 7

Step 1

the Lottie animation

Step 2 Lottie Widget 9

Step 2

Go to the Elementor Editor and drag in the Lottie Widget

Step 3 Lottie Widget 11

Step 3

Click on the Media Library icon

Step 4 Lottie Widget 13

Step 4

Upload the animation from your download folder

Watch Our Step by Step Tutorial

Advanced Options

Interaction Based Triggers 1 Lottie Widget 15

Explore Special Lottie Behaviors

The Lottie widget offers many settings and controls for customizing your animation, including reverse play and loop

Create Animations for Mobile Devices Lottie Widget 17

Create Animations for Mobile Devices

Add versatile, responsive animations that work on every browser and device

Upload Your Own Original Animation 2 Lottie Widget 19

Upload Your Own Original Animation

Create your own Lottie animation using After Effects and Bodymovin

Enhance Your Elementor Site With the Lottie Widget

Get all your plugins in one tool with Elementor Pro