Mint NFTs on Webflow

⚠️ WARNING: This code is not longer supported, the new one is here: https://github.com/buildship-dev/webflow-nft-components/tree/main/mint

No coding skills required! Check out our ready-to-use template: https://textapes.art.

Contact us to get these Webflow templates and deploy your creator-owned NFT collection

How to use?

  1. Open Webflow website editor
  2. Create a new Embedded HTML code block (at least Basic site plan required)
  3. Copy & paste this code in the created block. If you already have a deployed contract, insert your address, ABI and website link
<script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
<script>
window.CONTRACT_ADDRESS = "<your contract address here>"
window.CONTRACT_ABI = "<your contract ABI here>"
window.WEBSITE_URL = "<your mint website URL here>"
</script>
<script type="module" src="https://buildship-dev.github.io/mint-NFT-template/connectWallet.js"></script>
<script type="module" src="https://buildship-dev.github.io/mint-NFT-template/contract.js"></script>
<script type="module" src="https://buildship-dev.github.io/mint-NFT-template/mint.js"></script>
  1. If you don't have a deployed contract, contact us to deploy it
  2. Create a button with ID mint-button
  3. Done!

Minting will work via Metamask wallet, and will ask to connect the wallet first, so you don't need to add a "Connect wallet" button.

If you don't know how to code or want to launch fast, buy customizable Webflow templates for minting on https://buildship.dev