Lottie for Nicepage

Axiom Marketing
2 Posts
Axiom Marketing posted this 16 July 2020
Ask a Question

Has anyone tried adding Lottie Files to Nicepage? I tried but cannot get it to work. I get an error image and nothing plays.

Ideally, this feature is integrated with Nicepage.

Has anyone tried adding Lottie Files to Nicepage? I tried but cannot get it to work. I get an error image and nothing plays. Ideally, this feature is integrated with Nicepage.
Vote to pay developers attention to this features or issue.
3 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 17 July 2020

Hi Sherry,

We haven't tried to use these files. As I see on their site, there is an option to convert the animation to gif file. Gif file should be working fine in Nicepage when loaded as an image. Let me know if that works for you.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Sherry, We haven't tried to use these files. As I see on their site, there is an option to convert the animation to gif file. Gif file should be working fine in Nicepage when loaded as an image. Let me know if that works for you. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
douglaspriester
2 Posts
douglaspriester posted this 04 May 2022

no lottie till today? lol

no lottie till today? lol
milan.kosir
11 Posts
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

You must log in or register to leave comments