milan.kosir
posted this
26 July 2022
+1 Lottie is a must. It's fairly simple to add it as a custom HTML element, but since Nicepage is a drag-drop editor, I expect to have it as an element.
Anyway, if someone doesn't know how to do it just add an HTML element to the page, in code put Lottie HTML:
<lottie-player src="https://assets9.lottiefiles.com/packages/lf20_zrw0ybu1.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></lottie-player>
Then in Page settings > HTML > Additional Head HTML put lottie player script:
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
It doesn't show up in Quick preview (please Nicepage show custom element in Quick preview), but if you preview the page in the browser, it's working just fine.
+1 Lottie is a must. It's fairly simple to add it as a custom HTML element, but since Nicepage is a drag-drop editor, I expect to have it as an element.
Anyway, if someone doesn't know how to do it just add an HTML element to the page, in code put Lottie HTML:
<lottie-player src="https://assets9.lottiefiles.com/packages/lf20_zrw0ybu1.json" background="transparent" speed="1" style="width: 300px; height: 300px;" loop autoplay></lottie-player>
Then in Page settings > HTML > Additional Head HTML put lottie player script:
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
It doesn't show up in Quick preview (please Nicepage show custom element in Quick preview), but if you preview the page in the browser, it's working just fine.
Last edited 26 July 2022 by milan.kosir