🖌️Install for Wix

Learn how to install the NiftyKit Diamond Widgets 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

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

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

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