# Connect Wallet Button

### Getting Started

Please be sure to have the following snippet in the head or upper portion of your HTML:

```html
<script type="module" src="https://sdk.niftykit.com/widgets/widgets.esm.js"></script>
```

### Code

{% code lineNumbers="true" %}

```html
<nk-diamond collection-id="Your-SDK-Public-Key">
  <nk-connect-wallet-button>
    Connect Wallet
  </nk-connect-wallet-button>
</nk-diamond>
```

{% endcode %}

You can change the copy of the button by changing the content of the `<nk-connect-wallet-button>`:

{% code lineNumbers="true" %}

```html
<nk-diamond collection-id="Your-SDK-Public-Key">
  <nk-connect-wallet-button>
    Connect to Metaverse
  </nk-connect-wallet-button>
</nk-diamond>
```

{% endcode %}

### Codepen

{% embed url="<https://codepen.io/tpae/pen/PoyKLMy>" %}