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


---

# 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.launchpad.heymint.xyz/creators/manage-smart-contract/after-deployment/set-up-mint-website/use-mint-button-embed.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.
