Crossmint
Search…
Production Launch Checklist
Make sure your NFT drop with Crossmint Integration is ready for production with our launch checklist.
How do you verify the Crossmint integration is working correctly? The Launch Checklist below will help you with many of those questions. If you haven't yet tested your collection we provide you with all the steps necessary in our Test Your Integration page.

1) Register your collection on the primary developer console

Crossmint has two developer consoles. One for collections ready for production, that you can register on Crossmint's primary developer console, and another for testing purposes, that you can register on Crossmint's staging developer console.
If you originally registered your collection through the staging developer console, go to the primary developer console, create a new account, and register your collection here. Make sure you're using all the Mainnet details for your drop. Grab your brand new Crossmint Client ID after you create the collection and update your <CrossmintPayButton>'s component clientId attribute with the new value.
Crossmint's primary developer console on crossmint.io.

2) Verify your Crossmint Developer Account

For all developer accounts created on Crossmint's primary developer console, you must verify your account before you can use Crossmint in production. In most cases, verification happens automatically. In very rare cases, we'll reach out to you via email to provide additional information.
The Crossmint console's verification screen

3) Ensure that your collection has a photo

In the <CrossmintPayButton> component make sure that the collectionPhoto attribute is set to a URL of an image of your collection. Here's an example using our React SDK.
<CrossmintPayButton
collectionTitle="My Collection"
collectionDescription="My Collection's description"
collectionPhoto="https://images.unsplash.com/photo-1655740933618-b210796141bb"
clientId="988e8604-e089-4090-97ce-825fce0e92b4"
mintConfig={{
count: "1",
totalPrice: "0.025"
// your custom minting arguments...
}}
/>
Your image will appear in the payment popup and look something similar to the following:
The image that you set in the collectionPhoto property will appear in the popup and help users identify your NFT drop.

4) Add the environment="production" property to the button

While you're testing your drop you have to add the environment="staging" attribute to your button. Ensure that you remove this property or set it equal to environment="production" so that it works in production.
<CrossmintPayButton
collectionTitle="My Collection"
collectionDescription="My Collection's description"
collectionPhoto="https://images.unsplash.com/photo-1655740933618-b210796141bb"
clientId="988e8604-e089-4090-97ce-825fce0e92b4"
mintConfig={{
count: "1"
totalPrice: "0.025"
// your custom minting arguments...
}}
environment="production"
/>

5) Click on the button and make sure you're not seeing any errors in the popup

After setting up everything for production, click through the button and make sure the popup is correctly appearing without any errors.

6) Make sure you're using the latest supported version of the Crossmint button package

Ensure you're using the latest version of the Client SDK on your website. You can see the latest version of the Client SDK that you're using in the Changelog. Take note of any possible changes that you need to implement.
Copy link
Outline
1) Register your collection on the primary developer console
2) Verify your Crossmint Developer Account
3) Ensure that your collection has a photo
4) Add the environment="production" property to the button
5) Click on the button and make sure you're not seeing any errors in the popup
6) Make sure you're using the latest supported version of the Crossmint button package