Skip to main content

Card Payments

How to accept credit and debit card payments through Adyen, including the Card Component and the brands configuration you need to recognize schemes such as Discover.

This page explains how your integration accepts card payments through Adyen, and how to configure which card brands the Card Component recognizes.

What card payments cover

Adyen supports most global and local card payment methods through a single integration. Cards are accepted through Adyen and must be enabled on your merchant account. Contact Valpay to enable specific card types for your account.

  • You collect and encrypt sensitive card data with Adyen's PCI-compliant client-side solutions (Drop-in or the Card Component).

  • With Drop-in and Components, Adyen returns the eligible payment methods per transaction, so the shopper only sees what your account supports. See Supported Payment Methods.

  • By default, card payments are captured immediately after authorization. You can instead use a capture delay or manual capture. See Authorization and Capture.

3D Secure

3D Secure applies to card payments and adds an authentication step that can shift chargeback liability. To accept cards with 3D Secure 2 authentication, follow Adyen's 3D Secure integration guides. See Security & Compliance ▸ 3D Secure (SCA).

Recognized card brands

The Card Component does not automatically recognize every scheme. By default it recognizes only Mastercard, Visa, and American Express:

  • Default value of the brands option: ['mc','visa','amex'].

  • To accept other brands, such as Discover, you must list them explicitly in the brands option. Brands that are not listed are not recognized by the Component, so the shopper cannot pay with them.

  • The brand must also be enabled on your merchant account. Contact Valpay to enable a brand.

Set the brands option when you create the Card Component:

const cardConfiguration = {
  // include every brand you want recognized, not just the defaults
  brands: ['mc', 'visa', 'amex', 'discover']
};

// create the Card Component with this configuration
const cardComponent = checkout.create('card', cardConfiguration).mount('#card-container');

For the full list of accepted values, refer to Adyen's supported card types reference.

Notes

  • Co-badged cards are rendered according to co-badged card regulations in the applicable regions, and the cardholder chooses their preferred brand.

  • Confirm the final payment outcome from the Adyen webhook, not from the frontend result alone. See Standard Payment Flow.

If a card brand is missing from your checkout, first confirm it is in your brands option, then confirm it is enabled on your account through Valpay.

Did this answer your question?