## token checkout

# The easiest way to buy things onchain

Increase sales up to 300% with a 10 minute integration, by allowing credit card and cross-chain payments.

[Start building](/content/console/overview/index.html) [Read the Docs](https://docs.crossmint.com/nft-checkout/introduction)

Trusted by 40,000+ enterprises and developers

## Allow anyone to buy

Credit card payments

Allow users to buy tokens with credit and debit cards, Apple and Google Pay, from anywhere in the world.

.svg)

Crypto payments

Enable payments with any major token across networks, without bridging, lower costs, and faster transaction times.

.svg)

Create wallets on-the-fly

Allow guest checkouts and users to buy without a wallet, creating them on-the-fly for faster conversion.

## Full flexibility over the UX

Headless APIs

Integrate the checkout natively into your app with full UI control

.svg)

Embedded widget

Customizable iframe you can embed on any surface

.svg)

Hosted button

Insert a button which opens a Crossmint-hosted pop-up

## Support for multiple token types

.svg)

Selected fungible tokens

Memecoins, closed-loop fungibles, and more. See criteria [here](https://help.crossmint.com/articles/8719615099-which-tokens-are-supported-with-crossmint-checkout#what-is-the-difference-between-a-primary-and-secondary-sale-11).

.svg)

Other cryptocurrencies

Use the [Onramp](/content/products/onramps-and-offramps/index.html) to to allow users to fund their wallets with stablecoins

NFTs

Support for compliant non-fungible tokens. Securities are not supported.

.svg)

## Key features

Full UI control

Headless APIs to build flows native to your app

Chargeback protection

Dedicated anti-fraud team and dispute protection

.svg)

No gas fees

Choose who pays gas fees and abstract them from users

.svg)

Primary and secondaries

Support for marketplaces, launchpads, and initial sales

Import any contract

Deploy a Crossmint contract or import your own

Programmatic registration

Set up new tokens for sale no-code or via API

Dashboards

Monitor transactions from the console

Webhooks

Event listeners and webhooks to track activity

Instant settlement

Get paid instantly via the smart contract

197 countries

Support for every non-sanctioned geography

## Integrated as a platform

Combine it with the rest of the suite to build end-to-end flows

Embedded Wallets

Create programmable wallets for users, agents, or backend operations.

[Learn More](/content/products/embedded-wallets-as-a-service-old/index.html)

Onramps

Use the Onramp to allow users to fund their wallets with stablecoins

[Learn More](/content/products/authentication/index.html)

Tokenization

Deploy contracts and mint tokens with APIs and no-code tools.

[Learn More](/content/products/nft-minting-api/index.html)

## Get started in 10 minutes

From no-code storefronts hosted by Crossmint, to whitelabel NFT checkouts natively embedded in your website or app

[**Pay Button**](/content/products/digital-asset-checkout#w-tabs-0-data-w-pane-0/index.html)  
Insert a button which opens a Crossmint-hosted checkout.  
[**Embedded Checkout**](/content/products/digital-asset-checkout#w-tabs-0-data-w-pane-1/index.html)  
Embed Crossmint's checkout into your webpage, with full UI/UX control.  
[**Headless Checkout**](/content/products/digital-asset-checkout#w-tabs-0-data-w-pane-2/index.html)  
Build your own checkout, with full control of the user experience

[React EVM](/content/products/digital-asset-checkout#w-tabs-1-data-w-pane-0/index.html)

This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.

|     |     |
| --- | --- |
|  | import{CrossmintPayButton}from"@crossmint/client-sdk-react-ui"; |
|  |  |
|  | // Add this component next to your minting button |
|  | <CrossmintPayButton |
|  | projectId="YOUR_PROJECT_ID" |
|  | collectionId="YOUR_COLLECTION_ID" |
|  | environment="ENVIRONMENT" |
|  | mintConfig={{ |
|  | type: "erc-721", |
|  | totalPrice: "0.001", |
|  | quantity: 1, |
|  | }} |
|  | />; |

[view raw](https://gist.github.com/dmulvi/265d4d2b024839adc9d5c34806497f56/raw/7b4fe466ac95f9d8e0ab8c75d054f75836960498/hostedCheckout.js)  
[hostedCheckout.js](https://gist.github.com/dmulvi/265d4d2b024839adc9d5c34806497f56#file-hostedcheckout-js)

hosted with ❤ by [GitHub](https://github.com/)

[READ DOCS](https://docs.crossmint.com/nft-checkout/pay-button/overview)

[React EVM](/content/products/digital-asset-checkout#w-tabs-2-data-w-pane-0/index.html)

|     |     |
| --- | --- |
|  | import{CrossmintPaymentElement}from"@crossmint/client-sdk-react-ui"; |
|  |  |
|  | <CrossmintPaymentElement |
|  | projectId="YOUR_PROJECT_ID" |
|  | collectionId="YOUR_COLLECTION_ID" |
|  | environment="staging" |
|  | mintConfig={{ |
|  | type: "erc-721", |
|  | totalPrice: "0.001", |
|  | quantity: "1", |
|  | }} |
|  | />; |

[view raw](https://gist.github.com/dmulvi/e071451dee4b9e2ff5398de5c131c78d/raw/08500c9ed6261248ef5477f1e6ca125c7b2fb35f/embeddedCheckout.js)  
[embeddedCheckout.js](https://gist.github.com/dmulvi/e071451dee4b9e2ff5398de5c131c78d#file-embeddedcheckout-js)

hosted with ❤ by [GitHub](https://github.com/)

[READ DOCS](https://docs.crossmint.com/nft-checkout/embedded/overview)

[React EVM](/content/products/digital-asset-checkout#w-tabs-3-data-w-pane-0/index.html)

|     |     |
| --- | --- |
|  | constoptions={ |
|  | method: 'POST', |
|  | headers: {'X-API-KEY': '<api-key>','Content-Type': 'application/json'}, |
|  | body: '{"recipient":{"email":"jsmith@example.com"},"locale":"en-US","payment":{"receiptEmail":"jsmith@example.com","method":"arbitrum-sepolia","currency":"eth","payerAddress":"<string>"},"lineItems":{"collectionLocator":"crossmint:<collectionId>","callData":{"totalPrice":"<string>"}}}' |
|  | }; |
|  |  |
|  | fetch('https://staging.crossmint.com/api/2022-06-09/orders',options) |
|  | .then(response=>response.json()) |
|  | .then(response=>console.log(response)) |
|  | .catch(err=>console.error(err)); |

[view raw](https://gist.github.com/jose-paella/143d5374384ec86639556138f3d52272/raw/0bc36c21e4e362ea19d0f0fb0aeabb10f6542aaf/headless-checkout.js)  
[headless-checkout.js](https://gist.github.com/jose-paella/143d5374384ec86639556138f3d52272#file-headless-checkout-js)

hosted with ❤ by [GitHub](https://github.com/)

[READ DOCS](https://docs.crossmint.com/nft-checkout/headless/overview)

## Start receiving payments  in 10 minutes

All the power of blockchain. None of the hassle.

1  
Deploy or register the assets

Go to [crossmint.com/console](/content/signin?callbackUrl=%2Fconsole/index.html)

2  
Embed Crossmint into your website  or deploy a no-code storefront

3  
Start selling: Receive payments directly  into your smart contract

[Get Started](https://docs.crossmint.com/nft-checkout/introduction) [Or talk to sales](/content/contact/sales/index.html)
