Lottie Widget Tutorial
Essential Classy Tab from Dashboad -> Widgets then enable Lottie Widget
![](https://ecaddons.com/wp-content/uploads/2023/05/lottieenable-1024x456.png)
![](https://ecaddons.com/wp-content/uploads/2023/05/lottiewidget.png)
Type : File/URL
![](https://ecaddons.com/wp-content/uploads/2023/05/lttype.png)
Play On : Default, Auto Play, Hover, CLick, Mouse Over Out Effect, Parallax Effect, Reverse on Second Click
![](https://ecaddons.com/wp-content/uploads/2023/05/ltplayon.png)
URL with Delay Option
![](https://ecaddons.com/wp-content/uploads/2023/05/lturl.png)
Iconic Layout
![](https://ecaddons.com/wp-content/uploads/2023/05/lticonic.png)
Cursor
![](https://ecaddons.com/wp-content/uploads/2023/05/ltcusrsor.png)
Render : SVG/Canvas
![](https://ecaddons.com/wp-content/uploads/2023/05/ltrender.png)
Style Tab
![](https://ecaddons.com/wp-content/uploads/2023/05/ltstyletab.png)
In Hover – Custom Class based option
Also, Animation Start & End time option.
and in URL, You can manage delay time.
Iconic Layout
In Iconic layout, You can add Heading, Title, Descripotion. So, It look like informatic look.
Mouse In Out Effect
It work on mouse interaction based.
Parallex Effect
It two option Inline and Body based.
Second Click Reverse
On first click it open and second click it close means reverese.
Heading & Bottmom Shape for Iconic Layout
In this tab you can manage Padding, Margin, Typography, Color and Background related options.
Title for Iconic Layout
In this tab you can manage Padding, Margin, Typography, Color and Background, Border and Box Shadow.
Description for Iconic Layout
In this tab you can manage Padding, Margin, Typography, Color and Background, Border and Box Shadow.
JSON Animation
In this tab you can manage Alignment, Max. Width, Min. Height and Margin.
Icon Box
In this tab you can manage Padding, Margin, background, Border and Box Shadow.