> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kingdomly.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Mint page setup

> The front-face of your NFT collection

## Overview

Mint page projects are the storefronts for your NFT projects. In this project you will be able to create a page that act as the public-facing landing page where collectors can mint your NFTs, while you manage everything in the backend as a creator.

### What you need to know about **mint page projects**

* This is where you can **create your mint page** and **link it to your art collections**.
* **Contract deployment** happens directly within the mint page project.
* Creators can **publish your mint page** even if you have not deployed your contract yet. This **flexible publishing** lets you prepare everything in stages before going live.
* Our new **gates feature** allows you to **gauge interest and collect pre-mint information** before you deploy your contract.
* Once your contract is deployed, you can **manage and facilitate the mint process** from the **mint page admin dashboard**.
* **Whitelist setting** is available in the mint page admin dashboard.

***

## How to create a mint page project

You can follow the steps below to create a mint page project from beginning to end.

<Info>
  Certain steps can be skipped and be completed later. We added more flexibility to allow creators setup a mint page without deploying any contracts immediately.
</Info>

<Steps>
  <Step>
    Go to your <a href="https://kingdomly.app/create/mint-pages" target="_blank">mint projects page</a>.
  </Step>

  <Step>
    Open the creation modal by hitting "**Create**"
  </Step>

  <Step>
    Select the **chain** you want to deploy your contract to.
  </Step>

  <Step>
    Fill in the **details** of your mint page project.
  </Step>

  <Step>
    Hit "**Create**"
  </Step>

  <Step>
    Your mint page project will be created and you will be redirected to the project page where you can start **setting up your mint page**.
  </Step>

  <Step>
    Link an **art collection** to your mint page project.
  </Step>

  <Step>
    Fill out your **Mint Page Details**. And publish your mint page.

    <Info>
      Each mint page has 6 subtabs that cover all information collectors need to know about your project: Profile, Art Collection, Roadmap, Team, FAQs, Music.
    </Info>

    <Warning>
      You are not allowed to publish your mint page until you finished the follwing:

      * Link an **art collection**
      * Set your **collection category**
      * Set a **collection name and description**
      * Uploaded a **banner image**
      * Uploaded a **profile image**
      * Uploaded atleast one **carousel image**

      This is necessary to have your mint page loaded on the mint feed with complete information.
    </Warning>
  </Step>

  <Step>
    Organize your **Mint Groups**.

    <Info>
      Mint Groups are used to organize your mint page into different sections.
    </Info>
  </Step>

  <Step>
    **Launch your Mint Page.**

    When you’re ready to go live, move to the Launch Tab.

    * You will be prompted to review Contract Info, Supply and Price Preview. The system will also prompt you to complete any missing information.
    * Once done filling out all necessary information, you can now finalize by completing the following steps:
    * Compile Smart Contract
    * Deploy Smart Contract
    * Verify Smart Contract

    <Warning>
      Once Smart Contract has been deployed, collection name and supply lock in permanently.
    </Warning>
  </Step>

  <Step>
    **Manage via Admin Tab.**

    After deployment, you’ll be redirected to the Admin Tab, where you can do the following:

    * View an overview of your Mint Page.
    * Continue editing connected elements like Art Gallery collections (only if they match the same supply).
    * Adjust Mint Groups as needed.

    <Warning>
      The Launch Tab will no longer be available once your smart contract is deployed.
    </Warning>
  </Step>
</Steps>

### Video tutorial

<iframe width="560" height="315" src="https://www.youtube.com/embed/o6pTxBukS54?si=WnuVJasroCYc9rPH" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />

## Setup breakdown

Let's break down and explain each step in more detail.

<Tabs>
  <Tab title="Header">
    The **header section** displays the **collection name**, **links**, **collection profile image**, and the **Kingdomly verified tag** (if applicable). This is the first thing **minters** will see when they visit your **mint page**.

    A clean **header section** helps your **mint page** stand out and makes a strong first impression.

    **What does this look like on the mint page:**

    <img src="https://mintcdn.com/kingdomly/dd_C12WmecYoJdK_/images/mint-page-header.png?fit=max&auto=format&n=dd_C12WmecYoJdK_&q=85&s=60a80ce684282af5d928f80a894fdb99" alt="Mint page header" width="2026" height="748" data-path="images/mint-page-header.png" />

    <Note>
      **Secondary trading data** is not yet available for **mint page**.
    </Note>
  </Tab>

  <Tab title="About">
    The **about section** displays the **collection description**, **category**, **contract address** (and its link to the scanner), **NFT standard** (we use **721AC** by default), and the **creator royalties percentage**.

    The **about section** allows more transparent information to be displayed for the **minters**.

    **What does this look like on the mint page:**

    <img src="https://mintcdn.com/kingdomly/dd_C12WmecYoJdK_/images/mint-page-about.png?fit=max&auto=format&n=dd_C12WmecYoJdK_&q=85&s=709c65356a49a23ed0c0ff865dc9980c" alt="Mint page about" width="2616" height="672" data-path="images/mint-page-about.png" />
  </Tab>

  <Tab title="Roadmap">
    The **roadmap section** displays the **timeline** and **future plans** for your collection. Use this area to outline your project's **milestones** and **vision**.

    A clear **roadmap** helps **minters** understand the direction and goals of your collection.

    <img src="https://mintcdn.com/kingdomly/dd_C12WmecYoJdK_/images/mint-page-roadmap-setup.gif?s=1da177d253ffaf65a477f4cd274596d7" alt="Mint page roadmap setup" width="760" height="480" data-path="images/mint-page-roadmap-setup.gif" />

    **What does this look like on the mint page:**

    <img src="https://mintcdn.com/kingdomly/dd_C12WmecYoJdK_/images/mint-page-roadmap.png?fit=max&auto=format&n=dd_C12WmecYoJdK_&q=85&s=779851ec98c9272fd35da0b652b546f4" alt="Mint page roadmap" width="2016" height="538" data-path="images/mint-page-roadmap.png" />
  </Tab>

  <Tab title="Team">
    The **team section** highlights the people behind your collection. Introduce your **team members** and share what they are working on.

    A transparent **team section** helps **minters** connect with the **creators** and builds trust.

    <img src="https://mintcdn.com/kingdomly/dd_C12WmecYoJdK_/images/mint-page-team-setup.gif?s=0b81b3a463dde3c99ad37186e9e51259" alt="Mint page team setup" width="760" height="480" data-path="images/mint-page-team-setup.gif" />

    **What does this look like on the mint page:**

    <img src="https://mintcdn.com/kingdomly/dd_C12WmecYoJdK_/images/mint-page-team.png?fit=max&auto=format&n=dd_C12WmecYoJdK_&q=85&s=b2edd37414dce575d54475a9dbe1140e" alt="Mint page team" width="2608" height="1330" data-path="images/mint-page-team.png" />
  </Tab>

  <Tab title="FAQs">
    The **FAQs section** answers common questions about your collection. Use this space to address important topics and provide clarity for your audience.

    A helpful **FAQs section** makes it easier for **minters** to find the information they need.

    <img src="https://mintcdn.com/kingdomly/dd_C12WmecYoJdK_/images/mint-page-faqs-setup.gif?s=7cd483a25ba2aa26a8dda0f8aa6299f3" alt="Mint page FAQs setup" width="760" height="480" data-path="images/mint-page-faqs-setup.gif" />

    **What does this look like on the mint page:**

    <img src="https://mintcdn.com/kingdomly/dd_C12WmecYoJdK_/images/mint-page-faqs.png?fit=max&auto=format&n=dd_C12WmecYoJdK_&q=85&s=8f91500b09f60e9a4773644aedb675d5" alt="Mint page FAQs" width="2616" height="772" data-path="images/mint-page-faqs.png" />
  </Tab>
</Tabs>
