◻
Install for Squarespace
Learn how to install the DropKit SDK for Squarespace.
Sorry, Mint on your Website is not yet available for v7 contracts, launched on and after March 14, 2023).

- 1.Create a Squarespace form
- 2.Create a select box for Mint quantity
- 3.Add the DropKit.js code snippet to webpage
- 4.Configure the code for your drop
- 5.Test the mint button with Metamask
- 1.Add a new Form
- 2.Add new selectbox field
- 3.Add number options for max amount per mint
- 4.Delete all other unused fields
- 5.Update Button to Mint Now
- 1.Add the following code below
- 2.Add your API key in the code
- 3.Change the
#select-66d9bccf-4c7a-4ac7-9266-629d3a8135a5-field
to the id of your selectbox
<script async src="https://unpkg.com/dropkit.js/dist/umd/index.js"></script>
<script>
document.addEventListener('click', async function (event) {
if (!event.target.matches('input.button.sqs-system-button.sqs-editable-button.sqs-button-element--primary')) return;
event.preventDefault();
try {
const drop = await DropKit.create('xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxx'); // Supply SDK key
await drop.mint(Number($("#select-66d9bccf-4c7a-4ac7-9266-629d3a8135a5-field").val())); // Number of NFTs to mint
alert("Success!");
} catch (err) {
alert(err.message);
}
}, false);
</script>
- 1.Copy the URL of your website
- 2.Paste URL inside of Metamask mobile or Desktop browser with Metamask enabled
- 3.Check mobile and desktop browsers
- 4.Make sure you are on presale to mint or that your drop sale is on
- 5.If it doesn’t work, ensure that your IDs and classes are correct

<script type="module" src="https://unpkg.com/@niftykit/components/dist/components/components.esm.js">
</script>
<nk-dropkit apikey="YOUR-SDK-KEY">
</nk-dropkit>
Be sure to replace
YOUR-SDK-KEY
with your SDK key.

Last modified 15h ago