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?
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>
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!