> 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-wix.md).

# 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

![](/files/U9jkZTdXYvUszM6DJtEH)

### 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](/files/mShTKh5O9zBuuJedsKBU)

### 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