Turn Your Minimum Efforts Into Maximum Results
  • Products
      Explore package advantages
  • Support
  • Blog
  • Contact

Table Of Contents

How To Use Lottie Image Widget By Element Pack Pro

In this documentation, we will show you how to customize the Lottie Image widget presented by Element Pack Pro.

Inserting The Lottie Image Widget

Inserting The Lottie Image Widget

On the Elementor editor page, search by the Lottie Image widget name, then drag and drop it on the page.

Note: You need both Elementor and Element Pack Pro installed to use this widget.

Content Tab Customizations

Lottie Image section

Go to Content > Lottie Image

Lottie Image Section

Come to the Lottie Image section, Find the Select JSON Source (Load From URL, Self Hosted, and Custom JSON Code), Alignment, Caption, Custom Caption, and Link options.

Additional Settings section

Go to Content > Additional Settings

Here Find the Play Action( Autoplay, Play on Hover, Play on Click, Play on Hover Column, Play on Hover Section), Start When ( Page Loaded, When Scroll), Times, Play Speed, Start Point, End Point, and Renderer(SVG, Canvas) options.

Also, Find the Loop switcher.

Work with The Style Tab

Lottie dection

Go to Style > Lottie


Come to the Lottie section, you will find two sub-sections; Normal, and Hover.

In Normal Mode, Find the Width, Max Width, Opacity, CSS Filters, Border Type, Width, Color, Border Radius, and Box Shadow options.


In Hover mode, you will get similar customization options in this section as in the Normal mode.

All done! You have successfully customized the Lottie Image widget on your website.

Video Assist

You can also watch the tutorial video about the Lottie Image widget. Please visit the demo page for examples.

Thanks for staying with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.

Subscribe to newsletter

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Join Now

Join Thousands of Happy Users

Get Tips & Tricks, Updates, Fresh Blogs & Offers.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge