Is there a fix for the issue of Lottie Animations not showing up when hosting a Webflow site externally due to GDPR reasons?

Published on
September 22, 2023

Yes, there is a fix for the issue of Lottie Animations not showing up when hosting a Webflow site externally due to GDPR reasons. The problem typically arises because Lottie files are loaded from a third-party CDN (Content Delivery Network), and the default behavior for many CDNs is to set cookies, which can trigger GDPR compliance issues.

To ensure that Lottie Animations show up when hosting a Webflow site externally, you can follow these steps:

  1. Self-host the Lottie files: Instead of relying on a third-party CDN to serve the Lottie files, you can self-host them on your own server. This way, you have full control over the hosting environment and can ensure compliance with GDPR regulations.

  2. Export the Lottie JSON file: Open the Lottie JSON file in a text editor and copy its contents.

  3. Upload the Lottie JSON file: Host the Lottie JSON file on your own server or a GDPR-compliant CDN. You can either upload it to your Webflow project's assets or use an external host.

  4. Update the Lottie component: In your Webflow project, locate the Lottie component that uses the external CDN. Change the JSON URL to point to the newly hosted Lottie JSON file. You can do this by selecting the Lottie component, opening the settings panel, and updating the "Animation JSON" field with the new URL.

  5. Publish the changes: After updating the Lottie component, publish your Webflow site to ensure that the Lottie Animations are displayed correctly.

By self-hosting the Lottie files and updating the JSON URL in the Lottie component, you can address the GDPR-related issue of Lottie Animations not showing up when hosting a Webflow site externally.

Additional Questions:

  1. Why are Lottie Animations not showing up when hosting a Webflow site externally?
  2. How can I self-host Lottie files in Webflow?
  3. What are the potential GDPR compliance issues with using Lottie Animations in Webflow?