Interactivity Lottie

Design help Animations & Interactions
1

Hi y’all,

I found these pre made interactions with lottie animations. This is exactly what I need in my website, but I can’t seem to find how to get this working. Anyone has a small step by step guide to make this work?

The pre made interactions: Lottie Player - Interactivity Guide

Only read Link: https://preview.webflow.com/preview/hvc-jaarverslag-4fe8a1fafb211ca797e7d47?utm_medium=preview_link&utm_source=designer&utm_content=hvc-jaarverslag-4fe8a1fafb211ca797e7d47&preview=862460d2adeeae8f30d54f70ea530527&mode=preview

2

Hey,

you don’t seem to have imported the library via CDN. Or maybe you’ve placed it in your project settings custom code?

3

Hi,

I’ve placed it in the project settings. Is that wrong? How do I import the library via CDN? Thanks for helping me, btw! Much appreciated

5

It should work correctly, but try placing it at the bottom of your closing body tags on your home page:

image
image1175×949 52.4 KB

You import it by simply copying & pasting the CDN link from their documentation page:

image
image834×122 3.88 KB

6

Allright, I placed the line of code in the 'Before tag. So if I create an embedded code in my website with this code:

Schermafbeelding 2021-05-03 om 14.50.42
Schermafbeelding 2021-05-03 om 14.50.422356×640 55.7 KB

It should work?

7

What do I do wrong? Tried it with a new page and I see the Lottie animation, but not the effect.

ROL:
https://preview.webflow.com/preview/robs-beautiful-project-cd7b4c?utm_medium=preview_link&utm_source=designer&utm_content=robs-beautiful-project-cd7b4c&preview=e9fa41cdacefb1f3ee101bfd73de21e1&mode=preview

Published site with animation:
https://robs-beautiful-project-cd7b4c.webflow.io/