Integration · No-code
How to add Lottie to WordPress
Two easy paths in WordPress: a Lottie player block plugin, or a Custom HTML block with the embed snippet.
Add the animation
- 1 Export Download Lottie .json from Lottie Max.
- 2 Upload the .json to the Media Library (or your host) and copy its URL.
- 3 Option A: install a Lottie player block plugin and point it at the file.
- 4 Option B: add a Custom HTML block and paste the lottie-player snippet.
Custom HTML block
<lottie-player src="https://yoursite.com/wp-content/uploads/animation.json"
autoplay loop style="width: 320px; height: 320px"></lottie-player>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>Tips
- → The studio’s Copy embed snippet works directly inside a Custom HTML block.
- → If uploads reject .json, allow the MIME type or use a Lottie plugin.
- → Place the <script> once per page (a plugin handles this for you).
Need an animation first?
Design and export one in the studio — free, in your browser.
FAQ
- Is Lottie Max free to use with WordPress?
- Yes. Lottie Max is free and runs in your browser — make the animation, export it, and drop it into your project.
- What file should I export for WordPress?
- A Lottie .json works everywhere. For a smaller file, export .lottie (dotLottie, ~3× smaller) where the player supports it.
- Where do I get the animation file?
- Create it in the Lottie Max studio, then use Export to download .json / .lottie or copy a ready-to-paste embed snippet.