How to Accept Credit Card Payments for your Solana NFT Drop using thirdweb and Crossmint

How to Accept Credit Card Payments for your Solana NFT Drop using thirdweb and Crossmint - thirdweb Guides
Crossmint enables creators to accept credit card payments for their NFT drops, mint and send NFTs via a single API request, create Whitelabel wallets, and more. Accepting credit card payments is free for creators and can increase sales by 30-50%.

Now, you can accept credit card payments for your Solana NFT drop using thirdweb + Crossmint!

In this walkthrough, we will be using the Crossmint staging environment and Solana’s devnet. The steps are virtually the same for production launches, but it is good practice to test everything out before going live.

Here’s how:

1. Begin by creating a Solana NFT Drop program in the thirdweb dashboard.

Select NFT Drop on dashboard

2. Fill out the fields and make sure your network is set to Devnet.

Choose Devnet and deploy your contract

3. Once you’ve created your program head over to the Claim Conditions tab and set your conditions.

Head over to Claim Conditions tab and set a new condition

4. Let’s go ahead and batch-upload our NFTs. Thankfully thirdweb provides us with an example JSON file.

Batch upload your NFTs

Congratulations! You now have a working thirdweb drop. Now let’s add in credit card payments.

5. Next set up your developer account on https://staging.crossmint.io/console. Click the Sign In button to start setting up your account.

Crossmint website

6. You can create your account with email or log in with a supported platform including Google, Discord, MetaMask, or Phantom.

Sign in to crossmint

7. If you go the email route, we will send you a magic link to sign in. Click that to get signed into our staging system. Then click the Developers navigation link and click the Get Started button to head to the console. This is where the magic happens!

Crossmint documentation

8. Let us know how you heard about us, check the box, and get ready to make some magic happen.

Register Crossmint developer account

9. Now that you’re logged in, let’s jump over to thirdweb and grab your Solana Candy Machine address.

Copy program address

10. Copy your Candy Machine address & head over to the staging Crossmint Console to start creating your new collection.

Head over to Crossmint Console to start creating your new collection

11. Ensure you are on the Solana tab (not the thirdweb tab). Then fill in the details to create your collection using the Candy Machine address you copied from the thirdweb dashboard in step 9.

Add in your details

12. Save the collection and review it on the Details page.

Save collection and review details

13. With the project set up in Crossmint, you just need to add the Pay with Credit Card button to your minting site. Click the Integrate tab to see an example code for adding the button.

Integrate tab

14. We also support vanilla-js and other technologies besides React, which you can see in the Other technologies tab

Integrate with vanilla

15. Grab the code and add it to your site. Credit card minting enabled! 🚀

Your ClientID is located in your collection page next to your collection title

Here is some sample HTML code that will enable the Crossmint Pay Button for the thirdweb contract setup in this example. It really is this easy!

Taking your collection to the Solana Mainnet

The steps in this section are similar to the first. We will now just be working in a production environment.
  1. Create another Solana NFT Drop program in the thirdweb dashboard. But this time make sure the network is set to Mainnet Beta.

2. Copy your Candy Machine address & head over to the production Crossmint Console to start creating your new collection.

3. Once you have created your collection, you will need to change the following values in your Crossmint Pay Button:

Replace the value of clientID with your production ClientID.

clientId="<YOUR_CLIENT_ID_GOES_HERE>"

Change environment value from staging to production .

environment="production"

Congratulations! Your project is now fully equipped to have a safe and easy minting experience.

Questions, comments, feedback? Let us know!

Head to our website, DM us on Twitter, or open a support thread in our Discord.