How to add Lottie Player to a Webflow website

Embed Lottie Player on Webflow in just a few steps

Embed Lottie Player on Webflow

01
Copy the Lottie Player integration’s code.
To add Common Ninja’s Lottie Player integration to your Webflow website, you have to do the following: First, go to the “Add to Website” tab on the Common Ninja Editor’s dashboard and copy the HTML code.
Copy the Lottie Player integration’s code.
02
Paste the code to you Webflow website’s HTML field.
Next, go to your Webflow website and find the HTML field. It is most likely in the form of an HTML/Code widget or module which you can find on Webflow’s dashboard. Add it to your page, and paste the code you’ve copied before to the HTML field. Save and update, and that’s it, you should have Common Ninja’s Lottie Player integration on your Webflow website.
Paste the code to you Webflow website’s HTML field.
03
Alternative Method 1: Through the HTML option in the text’s editing area.
Should you have difficulties finding the widget or the module you can use an alternative method of adding Common Ninja’s Lottie Player integration to your Webflow website — adding the code to a special, HTML area in the text editing field.
Alternative Method 1: Through the HTML option in the text’s editing area.
04
Alternative Method 2: Add it directly to your website’s HTML code.
Should you have difficulties finding a widget, or the special area in your text editing field, you can use an alternative method of adding Common Ninja’s Lottie Player integration to your Webflow website — adding it directly to your website’s HTML code.
Alternative Method 2: Add it directly to your website’s HTML code.

What Our Users Think