This article tells you how to add a mint button using Thirdweb, and the reasons why a creator might want to. In the exciting world of digital art and collectibles, Non-Fungible Tokens (NFTs) have become a big deal. These special digital items have changed how artists make money from their work, and how fans collect their favourites. A cool feature that’s helping with this is the NFT Mint Button. In this article, we’ll explore why NFT creators are using these buttons on their websites and why they’re awesome for both creators and collectors. Plus, we’ll show you how to add a Mint Button using Thirdweb, a popular platform for NFT enthusiasts.
Making NFT Claiming Easier
An NFT Mint Button, usually found on serious NFT creator websites is like a door for collectors. It lets them get NFTs from a specific collection or release with just one click. Creators put this button on their site to make it super easy for fans to get the NFTs they want. This means no more tricky or time-consuming steps, making it a breeze for collectors to enjoy the art they love.
Opening the Door to Everyone
NFT creators like Mint Buttons because they want everyone to enjoy their collections. With these simple buttons, even folks who aren’t tech wizards can get in on the fun. This makes the world of NFTs more welcoming and lets people from all backgrounds and skills join in. It’s like a big, friendly art party where everyone’s invited.
Building a Great Community
Mint Buttons do more than just open doors, they help creators build communities around their art. These buttons connect a creator’s website to the NFT claiming process. This means creators can chat with their fans, making the community strong. It’s like having a club for art lovers, and it keeps people excited about the art.
Keeping Things Honest
Honesty is super important when it comes to NFTs. Mint Buttons help with this, too. When people use a Mint Button to get an NFT, they know it’s the real deal. Smart technology and blockchain magic keep fakes and cheats away. This trust is what keeps NFTs valuable and special. And now, let’s learn how to add a Mint Button using Thirdweb to get started!
How to Add a Mint Button using Thirdweb
Follow our guide below to learn how you can add a mint button to your website.
Step 1: Create Smart Contract First
Make sure you have already deployed a smart contract first using the Thirdweb platform. If you have not done this yet, then check out our guide on creating a Thridweb ERC-721 smart contract.
Step 2: Log into Thirdweb
Go to thridweb.com and log in to your account. Login by connecting your MetaMask wallet to Thirdweb, using the network where your smart contract is located.
Step 3: Get Started
After successfully logging into Thirdweb using your MetaMask, proceed by clicking the “Get Started” button.
Step 4: Go into Settings
Go into your Thirdweb settings, by clicking the “Settings” button.
Step 5: Go into API Keys
Now click on “API Keys” to access the API section in your Thirdweb.
Step 6: Create an API Key
To enable the functionality of your mint button, you will need an API key. Click on the “+ API Key” button to initiate the process of generating one. This will allow you to securely run your mint button and ensure smooth operation.
Give you API key a name.
You will now be presented with some options that you can click on and off. The default options should be ok for most projects.
You will need to write the domain name of the website where your mint button will go. For example, our mint button is on one of our Crypto Dreams website pages. By writing in our domain name cryptodreams.co.uk it means this is the only website where our API key can be used. This is important as it helps to keep things more secure.
Step 7: Go into Contracts Section
To access your created smart contracts in Thirdweb, navigate to the “Contracts” section. This is where all your deployed smart contracts are stored.
Step 8: Select Smart Contract
Select your smart contract. In this example we are selecting an Ethereum smart contract called House of Toys. Once you have selected the contract, you will be able to view its details, interact with its functions, and access its associated data on the Thirdweb platform.
Step 9: Click Embed
To access the embed code section in Thirdweb, simply click on the “Embed” button. This will allow you to enter the area where you can find the embed code.
Step 10: Customise Mint Button
The NFT Drop page on thirdweb.com simplifies the process of incorporating NFT drop mint buttons into creators’ websites, eliminating the need for coding knowledge. By accessing the embed page, you can obtain the necessary HTML iframe code to achieve this functionality. However, it is important to have your own website where you can place the embed code. The HTML iframe code provided by thirdweb.com can be seamlessly integrated into various website platforms, including Carrd, Webflow, Bubble, and WordPress. To utilise the code effectively, you must first generate an API key, as explained in previous steps. Once you have obtained the API key, you can proceed to customise the appearance of your mint button by adjusting the Theme and Primary Colour settings. By doing so, you can ensure that the mint button aligns with the overall design of your website. To visualise the outcome, a preview is conveniently available at the bottom of the page, allowing you to assess the appearance before implementing the changes.
Step 11: Insert Embed Code into Website
Click the “Copy to clipboard” button, which is located under the Embed Code.
And then paste the embed code into your website page. If you are using WordPress, you can easily add HTML to your page as a block. Simply create an HTML block and paste the embed code into it. This allows for seamless integration of the code into your WordPress page. If you want to adjust the width and height of your mint button, then simply change the height and width pixel numbers in the pasted embed code.
Step 12: Preview your Webpage
Below is a preview of an NFT Mint button on Crypto Dreams website.
Add your Mint Button Today
NFT Mint Buttons are becoming more popular because they make claiming NFTs easy, open the art world to everyone, create cool communities, and keep things honest. Using these buttons, creators can give their fans an easy and welcoming way to enjoy their art. As NFTs keep growing, Mint Buttons will be a great tool for creators to connect with their fans and make the NFT world even more exciting.