> For the complete documentation index, see [llms.txt](https://docs.launchpad.heymint.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.launchpad.heymint.xyz/creators/manage-smart-contract/after-deployment/set-up-mint-website/use-mint-button-embed.md).

# Use mint button embed

If you already have your website and want to keep your holders in your branded site, you can use mint button embed feature.&#x20;

Select the following option to get started.

<figure><img src="/files/nsPXXDfWD4peDGpfTItJ" alt=""><figcaption></figcaption></figure>

## Design embed button

Launchpad lets you fully customize the mint button so that it will match with the branding of your website.&#x20;

You can customize following properties for enabled/disabled states:

* Background color
* Text color
* Font
* Radius
* Label for the button

<figure><img src="/files/FLN8xqagNujQXKO9TBfw" alt=""><figcaption></figcaption></figure>

Once you finish customizing, hit "**Save design settings & get embed code**" to save the settings.

## Embed code

You will find the embed code that is unique to your project. Click "**Copy to clipboard**" to copy the code and paste in the website builder where you want to show the button.&#x20;

<figure><img src="/files/Pps1yAZVdrqUbDlKKZil" alt=""><figcaption></figcaption></figure>

#### **Using Wix?**

Wix requires you to have \<body> tag around the snippet to make it work. Add \<body> at the beginning and add \</body> at the end of snippet.&#x20;

```
<body>
  <script
    defer
    src="https://launchpad.heymint.xyz/api/embed.js"
    data-project-id="30"
    data-chain="ETH_GOERLI"
  ></script>
</body>
```

## Test mint button

At the end of the page, you can see "**Test mint button**", by clicking the button, it will take you to preview of the mint button.&#x20;

<figure><img src="/files/bk2kodMM8zNBvbSayXF9" alt=""><figcaption></figcaption></figure>

From the preview mint button, you can test mint one of your NFTs and see the exact behavior your collector will see in the mint.

![](/files/SSY9Tg20uzN7gBFDdvy5)![](/files/xhdKzgh2MSy3YXmMlIMR)

&#x20;You can confirm your transaction and finish testing your mint!
