# 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.niftykit.com/~/changes/p2bVR9ibfgey1NJijVgj/customize-your-experience/niftykit-diamond-widgets/installation-guides/install-for-wix.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.