Skip to main content

Manage accepted cards in Flow payments

To block payments from specific card numbers, integrate with Checkout.com's Fraud Detection solution and add the card numbers to a decline list

To block specific card schemes or card types, explicitly set which ones to accept when you initialize the CheckoutWebComponents instance, using componentOptions.flow.acceptedCardSchemes and componentOptions.flow.acceptedCardTypes. For example:

{
  componentOptions: {
    flow: {
      acceptedCardSchemes: {[
        "american_express",
        "mastercard",
        "visa"
      ]},
      acceptedCardTypes: {[
        "debit",
        "prepaid"
      ]}
    }
  }
}

// Insert your public key here
const publicKey = '{YOUR_PUBLIC_KEY}';

const checkout = await CheckoutWebComponents({
  paymentSession,
  publicKey,
  environment: 'sandbox',
  componentOptions,
});

If you set these values on the flow configuration, the rules are enforced globally. Alternatively, you can set rules independently on the following payment methods:

  • componentOptions.card

  • componentOptions.applepay

  • componentOptions.googlepay

  • componentOptions.stored_card

  • componentOptions.remember_me

Was this article helpful?
Share
Copy Link Share via email

Articles in this section