> ## Documentation Index
> Fetch the complete documentation index at: https://docs.crossmint.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Plan Your Integration

> Walk through key decisions to design your Crossmint Checkout integration

Crossmint Checkout supports multiple asset types and integration modalities. This guide helps you make key decisions for your integration.

## 1. Select the asset type you're selling

<CardGroup cols={3}>
  <Card title="Memecoins" icon="coins" iconType="duotone" color="#E6DB63" />

  <Card title="Closed-loop tokens" icon="rotate" iconType="duotone" color="#BB87FC" />

  <Card title="NFTs" icon="hexagon-vertical-nft" iconType="duotone" color="#FF2981" />
</CardGroup>

Learn more about the types of assets that can be supported <a href="https://help.crossmint.com/articles/8719615099-which-tokens-are-supported-with-crossmint-checkout#supported-assets" target="_blank" rel="noopener">here</a>.

## 2. Choose an integration modality

Crossmint checkout can be integrated into your application in three different ways, ranging from a bare metal headless
API with maximum UI flexibility, to a low-code hosted solution.

| Modality                                                       | Description                                                                                              | Integration Complexity    | Supported Platforms | Recommended For                                                                         |
| :------------------------------------------------------------- | :------------------------------------------------------------------------------------------------------- | :------------------------ | :------------------ | :-------------------------------------------------------------------------------------- |
| [Headless](/payments/headless/overview)                        | Buy or sell using a REST API. Puts additional work on your side.                                         | \~500 Lines of Code (LOC) | Everywhere          | Best suited for backend flows and platforms not natively supported by other modalities. |
| [Embedded (strongly recommended)](/payments/embedded/overview) | Embed a checkout natively within your app. Handles orchestration, errors, and has better approval rates. | \~100 LOC                 | React, WebView      | E-commerce sites, token marketplaces, embedded finance                                  |
| [Hosted](/payments/pay-button/overview)                        | Add a button to your app that opens a checkout in a separate tab or window.                              | \~10 LOC                  | Web                 | One-off integrations for an event, quick prototypes                                     |

<Note>Embedded Checkout is generally recommended. It yields experiences that feel completely native while handling PSP orchestration and error management, and offering better approval rates.</Note>

## 3. Choose payment method(s)

You can choose multiple options from the following payment methods to include. Consider the following as you decide:

* Is your audience crypto-native or mainstream consumers familiar with fiat payments?
* What level of optionality do you want to enable? Adding many methods may add complexity during a user's checkout flow.

| Payment Method           | Description                                                                      | Best For                                   |
| :----------------------- | :------------------------------------------------------------------------------- | :----------------------------------------- |
| **Debit & Credit Cards** | All major credit cards supported - Visa, Mastercard, American Express, and more. | Mainstream consumers, global accessibility |
| **Apple & Google Pay**   | Check out in under 30 seconds with faster payment methods.                       | Mobile-first users, quick transactions     |
| **Stablecoins**          | Pay with USDC, USDT, and other stablecoins for lower transaction fees.           | Crypto-native users, lower fees            |
| **Cross-Chain Crypto**   | Pay with any token, on any chain.                                                | Multi-chain users, existing crypto holders |

<Note>Stablecoins and cross-chain crypto not supported for memecoin checkout.</Note>

## 4. (For NFTs only) Do you need to create or import an existing collection?

**Choose one:** Do you want to create a new NFT collection or import an existing one?

<CardGroup cols={2}>
  <Card title="Create New" icon="plus" href="/payments/guides/create-collection">
    Use our templates in the Console
  </Card>

  <Card title="Import Existing" icon="download" href="/payments/guides/register-collection">
    Connect your deployed smart contract
  </Card>
</CardGroup>

## Get Started

<CardGroup cols={3}>
  <Card title="Hosted Checkout" icon="toggle-on" iconType="duotone" color="#24ABD0" borderColor="#24ABD0" href="/payments/pay-button/overview">
    Launch a Crossmint-hosted checkout page in a pop-up
  </Card>

  <Card title="Embedded Checkout" icon="object-group" iconType="duotone" color="#D31D52" borderColor="#D31D52" href="/payments/embedded/overview">
    Import Crossmint checkout components in your application
  </Card>

  <Card title="Headless" icon="code" iconType="duotone" color="#36B37E" borderColor="#36B37E" href="/payments/headless/overview">
    Buy or sell via an API, best suited for agents or deep UI customization
  </Card>
</CardGroup>