# How can I place a Lottie animation onto the homepage?

**URL:** <https://meta.discourse.org/t/how-can-i-place-a-lottie-animation-onto-the-homepage/132305>\
**Category:** Product Support\
**Created:** [October 31, 2019, 9:08am UTC](https://meta.discourse.org/t/how-can-i-place-a-lottie-animation-onto-the-homepage/132305 "2019-10-31T09:08:13Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![epalley](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/epalley/32/137526_2.png) [@epalley](https://meta.discourse.org/u/epalley)\
**Post date:** [October 31, 2019, 9:08am UTC](https://meta.discourse.org/t/how-can-i-place-a-lottie-animation-onto-the-homepage/132305/1 "2019-10-31T09:08:14Z")

</div>

Hi there !

I’ve designed an animated version of my logo. Have a look [here](https://lottiefiles.com/share/KrQ5B2) !

I converted it into .json (as a lottiefile animation) and I would like to place that animation in my header.  
It should be possible to do it, only by pasting this bunch of code onto my page:

```
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://assets3.lottiefiles.com/packages/lf20_KrQ5B2.json" background="transparent" speed="1" style="width: 600px;" autoplay >
</lottie-player> 

```

But when I do it on my Discourse project, it doesn’t work.  
I don’t understand why because it’s calling an external resource, so it should be independant of the Discourse’s environnement isn’t it?

I’ve read in other topics that Discourse users weren’t able to use lottie animation instead of category icons.  
But in my case, I don’t understand why it’s not working (if I paste the code in my body tag it should be working).

Could anybody help me out with this please? 🙂

---

_[View the full topic](https://meta.discourse.org/t/how-can-i-place-a-lottie-animation-onto-the-homepage/132305)._