> For the complete documentation index, see [llms.txt](https://docs.niftykit.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.niftykit.com/customize-your-experience/niftykit-diamond-widgets/installation-guides/install-for-squarespace.md).

# Install for Squarespace

Learn how to install the NiftyKit Diamond Widgets for Squarespace.

This tutorial will show you how to install the NiftyKit Diamond Widgets button on your Squarespace website. 

To begin, make sure you're in the Squarespace website builder.

### 1. Add a "Code" Block

![](https://3542085034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyrUuRLqblqKRfJtuslV7%2Fuploads%2FORa7lA1bQ1SqTMz4hGNy%2FScreen%20Shot%202022-03-30%20at%202.17.54%20PM.png?alt=media\&token=04f158d7-84a7-4cba-8dc5-d28cb6c3ed2e)

### 2. Embed the following snippet within your Code Block

```html
<!-- Import NiftyKit Widgets library -->
<script type="module" src="https://sdk.niftykit.com/widgets/widgets.esm.js"></script>

<nk-diamond collection-id="YOUR-SDK-KEY">
  <nk-is-not-connected>
    <nk-connect-wallet-button>
      Connect Wallet
    </nk-connect-wallet-button>
  </nk-is-not-connected>
  <nk-is-connected>
    <nk-drop-mint-button success-title="Success!" success-message="You did it!">
      Mint NFT
    </nk-drop-mint-button>
  </nk-is-connected>
</nk-diamond>
```

Be sure to replace `YOUR-SDK-KEY` with your SDK key.

### 3. Save your changes

![](https://3542085034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyrUuRLqblqKRfJtuslV7%2Fuploads%2Fwg1G8nmRbXvevFfhfAhJ%2FScreen%20Shot%202022-03-30%20at%202.21.31%20PM.png?alt=media\&token=d538a0f7-6db2-40e0-831f-b3153ec9e2a1)