Once your collection is Ready for Mint, you'll be able to indicate an authorized domain and you'll have to copy-paste the following HTML code to add the mint button to your website:
<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 button styles:
- data-button-theme: text (e.g., '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')
Remember to change your personal API Key.