If you are using our previous version of the pay button, please refer to the old payment methods guide

​
Payment Methods Supported

Debit & Credit cards

Apple & Google Pay

Cross-chain crypto

Buyers can purchase NFTs with any cryptocurrency. For example, they can pay for an Optimism NFT with mainnet ETH. This is done real time without bridging and lower gas fees.

​
Configure Payment Settings

You can configure payment preferences using the payment prop:

<CrossmintHostedCheckout
    payment={{
        // Enable/disable payment types
        fiat: {
            enabled: true,
            defaultCurrency: "usd", // Set preferred fiat currency
        },
        crypto: {
            enabled: true,
            defaultChain: "polygon", // Set preferred blockchain
            defaultCurrency: "matic", // Set preferred crypto
        },
        // Optional: Set default payment method
        defaultMethod: "fiat", // Options: "fiat" or "crypto"
        // Optional: Set receipt email
        receiptEmail: "buyer@example.com",
    }}
/>

​
Fiat Payment Options

Configure fiat payment settings:

payment={{
  fiat: {
    enabled: true,
    defaultCurrency: "usd"
  }
}}

​
Crypto Payment Options

Configure crypto payment preferences:

payment={{
  crypto: {
    enabled: true,
    defaultChain: "polygon", // Set preferred blockchain
    defaultCurrency: "matic" // Set preferred crypto currency
  }
}}

You will be paid in the currency expected by your registered mint function, regardless of how the buyer pays.

React HooksCustomize the Button UI