# 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="https://3436148827-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgUBEZKVtA2DMYGTVBbl6%2Fuploads%2FU4bFghjt3kBN0NBVSvGL%2FScreen%20Shot%202023-02-01%20at%209.57.06%20PM.png?alt=media&#x26;token=369fb378-5cfe-4726-b914-06c7f4ec6c2e" 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="https://3436148827-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgUBEZKVtA2DMYGTVBbl6%2Fuploads%2FDwV2FLTqokNr7dng4dC0%2FScreen%20Shot%202023-02-01%20at%2010.01.25%20PM.png?alt=media&#x26;token=f4a5146f-9a06-463b-91aa-6d90242a155b" 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="https://3436148827-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgUBEZKVtA2DMYGTVBbl6%2Fuploads%2FSzF8xoZ6qj3e6Uf01WLc%2FScreen%20Shot%202023-02-01%20at%2010.06.55%20PM.png?alt=media&#x26;token=d8228596-f6e2-4d12-98e1-f096c26fe277" 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="https://3436148827-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgUBEZKVtA2DMYGTVBbl6%2Fuploads%2FMshNM11CdSbVdoNjBlSf%2FScreen%20Shot%202023-02-01%20at%2010.22.25%20PM.png?alt=media&#x26;token=fdf1f18f-de56-4edd-86f6-f2a84c968b14" 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.

![](https://3436148827-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgUBEZKVtA2DMYGTVBbl6%2Fuploads%2FtorIHO6Qfh2KPptGR29G%2FScreen%20Shot%202023-02-01%20at%2010.18.50%20PM.png?alt=media\&token=d8107a5d-314a-44fa-9698-34bf22a7b707)![](https://3436148827-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgUBEZKVtA2DMYGTVBbl6%2Fuploads%2FD3Jb4KLByG0G2gVT3lu1%2FScreen%20Shot%202023-02-01%20at%2010.19.45%20PM.png?alt=media\&token=56bf2ed0-a6d3-42f2-912f-dfd6f39d3048)

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