If you already have a website to add, in this article you'll learn how to add and customize the mint button to sell your collection.
To add the mint button you'll need to:
- Add an authorized domain.
- Copy the API key.
- Enter the API on the HTML below.
- Copy the HTML on your website to display the mint button.
<div id="koalamint_div" data-button-theme="" data-button-width="" data-button-text="" data-button-background="" data-button-color="" data-button-border-radius="" data-button-border-style="" data-button-border-color="" data-button-border-width=""></div>
<script src="https://cdn.koalamint.com/koalamint.js"></script>
<script type="text/javascript">KoalaMint.setup("YOUR_API_KEY");</script>
These are the values accepted for each data to personalize the button styles:
- data-button-theme: text (options: 'dark', 'light')
- data-button-width: css style (e.g., '220px')
- data-button-text: text (e.g., 'Mint Collection')
- data-button-background: css styles, remember to start with a # (e.g., '#FFF')
- data-button-color: css styles, remember to start with a # (e.g., '#000')
- data-button-border-radius: css styles (e.g., '10px')
- data-button-border-style: css styles (e.g., 'solid')
- data-button-border-color: css styles (e.g., '#000')
- data-button-border-width: css styles (e.g., '1px')