Install 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. 

Install for WordPress

Install for Wix

Last modified 2mo ago

Copy link

Contents

1. Click on "Add Elements"

2. Click on "Embed"

3. Add the DropKit.js code snippet

4. Publish Your Site