🌊
Install for Webflow
Learn how to install the DropKit SDK for Webflow.
In this tutorial, we will show you how you can install the DropKit.js button on your Webflow website. Here's a basic example to view before getting started: https://dropkit-883093.webflow.io/​
To begin, make sure you're in the Webflow website builder.

1. Click on "Add Elements"

Within the Webflow left-side menu, click on the button labled "Add Elements"
Webflow Builder

2. Click on "Embed"

Under the Components dropdown, select "Embed </>"
Webflow Builder

3. Add the DropKit.js code snippet

Add the following code snippet within the embed editor:
1
<script type='module' src='https://unpkg.com/@niftykit/components/dist/components/components.esm.js'></script>
2
<nk-dropkit apikey="YOUR-SDK-KEY" />
Copied!
Be sure to replace YOUR-SDK-KEY with your SDK key.
Webflow Builder

4. Publish Your Site

Your widget will be visible when you publish your site.