# Install for Wix

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

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

### 1. Click on the “Add” icon, then “Embed” and finally select the “Embed a widget” option

![](https://3542085034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyrUuRLqblqKRfJtuslV7%2Fuploads%2FTnkS4oIH3FYFLAOvCIIc%2FScreen%20Shot%202022-02-16%20at%203.03.22%20PM.png?alt=media\&token=522eb3c7-310d-409d-9bf9-7f7ca2dd19ed)

### 2. Place your widget in your desired location and then click “Enter Code”

Make sure you set your widget big enough to contain the wallet modal

![You will see the button once you publish your site](https://3542085034-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyrUuRLqblqKRfJtuslV7%2Fuploads%2FbCIKePm778hSCHIyop4X%2FScreen%20Shot%202022-02-16%20at%203.05.04%20PM.png?alt=media\&token=3b3bb821-d630-4351-bf24-fa6f7228a6b6)

### 3. Select the “Code” Option and add the following snippet

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

Finally, click on "Update."

> Note: Wix widgets are embedded within the site using an `iframe` element. This can confuse users when connecting their wallets since the URL they will be seeing will not be the same as the site URL. It can be seen as a security risk, we currently do not encourage users to embed your Mint buttons with Wix