# Quick Tutorial on lottie files and PG

**URL:** https://forum.pinegrow.com/t/quick-tutorial-on-lottie-files-and-pg/4822
**Category:** Tutorials
**Tags:** tutorial
**Created:** [January 7, 2021, 11:49pm UTC](https://forum.pinegrow.com/t/quick-tutorial-on-lottie-files-and-pg/4822 "2021-01-07T23:49:58Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)
#### Post date: [January 7, 2021, 11:49pm UTC](https://forum.pinegrow.com/t/quick-tutorial-on-lottie-files-and-pg/4822/1 "2021-01-07T23:49:58Z")

</div>

Hello, I was wondering if someone in the team could make a little tutorial on how to work with Lottie files and PG. Perhaps show how you got the animation one the example page working…or how to trigger it work while scrolling. Nothing fancy, just as a guide. Thanks

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/f/fc1f4e2ac9e408dabde2b33fead6f8d056d0ca5e.png)

---

<div class="post-metadata">

### Author: ![Rechi](https://avatars.discourse-cdn.com/v4/letter/r/2acd7d/32.png) [@Rechi](https://forum.pinegrow.com/u/Rechi)
#### Post date: [February 10, 2021, 1:35pm UTC](https://forum.pinegrow.com/t/quick-tutorial-on-lottie-files-and-pg/4822/2 "2021-02-10T13:35:22Z")

</div>

The post here helped me to get it working:

> [@Lottie animation interactions 2.0](https://forum.pinegrow.com/t/lottie-animation-interactions-2-0/4701/2):
>
> Hey @shutterlab, I’m not much of an expert at using Interactions and this new version has a fairly steep learning curve! To get you started however, here are some steps that I have done to get Lottie animation loaded and begin adding Interactions. Open a page and activate Interactions Add the lottie.js to the page. I’m using a cdn so: \<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.4/lottie.min.js" type="text/javascript"\>\</script\> Create a space on your page for the animat…

---

<div class="post-metadata">

### Author: ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)
#### Post date: [February 10, 2021, 6:40pm UTC](https://forum.pinegrow.com/t/quick-tutorial-on-lottie-files-and-pg/4822/3 "2021-02-10T18:40:48Z")

</div>

Thanks a lot!  
I see they are working on a lottie tut. Great!

> [@What next for tutorials?!?](https://forum.pinegrow.com/t/what-next-for-tutorials/4926):
>
> Hi All, I have a tutorial on using Lottie animation in Pinegrow,as well as using Pinegrow Interactions to manipulate them, in the editing booth for release soon. Any other ideas for cool tutorials? Cheers, Bob

---

<div class="post-metadata">

### Author: ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)
#### Post date: [February 10, 2021, 7:40pm UTC](https://forum.pinegrow.com/t/quick-tutorial-on-lottie-files-and-pg/4822/4 "2021-02-10T19:40:51Z")

</div>

Hey @red-rosefields,  
Sorry I missed your original post. The response I made up for @shutterlab should tide you over. I can confirm that the Lottie tutorial is done. Not sure when the ETA for the next newsletter/update is, but it will be fairly soon.  
Bob

---

<div class="post-metadata">

### Author: ![abirana](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/abirana/32/4162_2.png) [@abirana](https://forum.pinegrow.com/u/abirana)
#### Post date: [February 11, 2021, 9:26am UTC](https://forum.pinegrow.com/t/quick-tutorial-on-lottie-files-and-pg/4822/5 "2021-02-11T09:26:59Z")

</div>

I had in mind to do this tutorial separately but didn’t really got time. We’ve got the official tutorial in the newsletter now, you guys might have seen it.

But still I’d like to put the link here in case someone missed it [Creating interactive Lottie animations | Pinegrow Web Editor](https://pinegrow.com/tutorials/creating-interactive-lottie-animations/)