# Create a Mint button

{% content-ref url="/pages/LY3vfx2VV6kXgipLJ9IU" %}
[FAQ Mint button](/mint-button/faq-mint-button.md)
{% endcontent-ref %}

***

{% embed url="<https://www.youtube.com/watch?t=2s&v=e8psHaI6aXA>" %}

{% hint style="info" %}
The Mint button is integrated into our website builder. If you want to use it on any other CMS you can use the Embed option.&#x20;
{% endhint %}

### 🌏 Create a Website

Start creating an NFT Website by using the iMintfy website builder or use your own CMS of choice.

[Create an NFT website](/website-builder/create-an-nft-website.md)

### 🔘 Create your Mint button&#x20;

Go to the app Mint button [`https://app.imintify.com/mint-button`](https://app.imintify.com/mint-button) and click on `+`` `**`New Mint Button`**

1. Fill in the Name
2. Add the Contract address of your NFT Contract
3. Choose the Network of your NFT Contract
4. Add your ABI for more info read [Connect Smart Contract](/mint-button/connect-smart-contract.md)

### 🎨 Style Mint button

Now your Mint button is created open the Mint button from the dashboard and open the Tab **`Embed`** and **customize the design** of your Mint button with the Visual editor.

<figure><img src="/files/0XbtwuSorhYpAK0o916e" alt=""><figcaption></figcaption></figure>

### Option 1: 🌏 Add Mint button to any Website

You can copy the **`embed Code`** to add this Mint button to any website. For your builder, you can add it by adding a component to your NFT Website.

* WordPress
* Weebly
* Webflow
* Wix
* Duda
* And more...

<figure><img src="/files/2sva1js5Pm8XJ310oSTZ" alt=""><figcaption></figcaption></figure>

### &#x20;Option 2: 🔥 Add Mint function iMintify Website builder

Go to the **Visual Editor** and click on  **`+ Insert a page`** component then choose **`Mint button`**.

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

Then Click on **`Edit Page component`** and then **select the Mint button** from the dropdown menu.

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

### 🔥 Test out our Demo Mint button Embed

**Copy the embed code** and **paste it into a html block** on your website.

{% code overflow="wrap" %}

```html
<iframe src="https://imintify.app/embed/6527d8350a0d41c93888a60b?bgColor=%2313111C&fontColor=%23ffffff&connectBg=%2313111C&mintBg=%2313111C&fontSize=12pt&chainId=5" style="width: 100%; overflow: hidden;" height="532px" frameborder="0"></iframe>
```

{% endcode %}

### 🎉 Start Minting!

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

<figure><img src="/files/NywZP1UyGcDslACtWHtZ" alt="" width="542"><figcaption></figcaption></figure>


---

# 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.imintify.com/mint-button/create-a-mint-button.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.