They are animated .json files that you can embed on websites. Here’s a sample site https://lottiefiles.com/
However, when I put the .json code into a post, it doesn’t work.
How might we embed these animations?
I tried embedding the generated code from their web player page into an HTML card in Ghost and it worked fine for me.
I presume you could download the JS file as well as insert the location of your JSON into the src portion of their code if you’d like to host it all yourself, but don’t quote me on that.
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://assets9.lottiefiles.com/datafiles/MUp3wlMDGtoK5FK/data.json" background="transparent" speed="1" style="width: 800px; height: 800px;" loop autoplay></lottie-player>
2 Likes
Ahhh! Thank you @Stromfeldt!! I wasn’t using the HTML card, rather the URL embed card at the very bottom of the choices.
The HTML card did the trick, thanks so much!