Connect web3 to Webflow without coding skills required.

Check out our ready-to-use minting website template: https://textapes.art

Contact us to get this Webflow template & create your Opensea-independent NFT collection

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 Webflow Embed block

<script>
   CONTRACT_ADDRESS = "<your contract address here>"
   NETWORK_ID = 1
   MAX_PER_MINT = 20
</script>
<script src="https://nftcomponents.vercel.app/static/js/main.js"></script>
<link href="https://nftcomponents.vercel.app/static/css/main.css" rel="stylesheet">

4. If you have your Ethereum NFT contract, insert your contract address in CONTRACT_ADDRESS field. If you don't, contact us.

Your contract should be verified on Etherscan. Otherwise you have to add CONTRACT_ABI = ... line in the above code, replaced with your contract ABI

6. Create a button with ID mint-button to your Webflow site.
7. You're done 🎉

<script>
   CONTRACT_ADDRESS = "0x8Fac2e25DFF0B248A19A66Ae8D530613c8Ff670B"
   IS_TESTNET = true
   MAX_PER_MINT = 20
</script>
<script src="https://nftcomponents.vercel.app/static/js/main.js"></script>
<link href="https://nftcomponents.vercel.app/static/css/main.css" rel="stylesheet">

Yes, absolutely! You can contact us at https://buildship.dev, or open a GitHub issue

Mint button will ask to connect wallet, so it's not necessary to add a "Connect wallet" button.

If you still want to do it, create a Webflow button with ID connect.

Just create two text elements and assign them:

• minted-counter ID to display minted number
• total-counter ID to display collection max size

It's easy! Change NETWORK_ID in the code snippet:

• Ethereum Rinkeby Testnet: NETWORK_ID = 4
• Polygon NETWORK_ID = 137
• Binance NETWORK_ID = 56
• For others visit: https://chainlist.org/

Minting will work via Metamask wallet, and will ask to connect the wallet first, so it's not necessary to add a "Connect wallet" button.

If you don't know how to code or want to launch fast, get Webflow NFT minting templates at https://buildship.dev