Payment methods overview

Payment Elements ships four payment methods. Configure them as sections inside Checkout, or mount them standalone when you need a compact single-method form.

Method	Factory	Payload
Card	`overflow.card()`	Tokenized card credentials with brand and last four digits.
Bank	`overflow.bank()`	Routing and account tokens for ACH bank payments.
Apple Pay	`overflow.applePay()`	Wallet cryptogram plus shopper contact from the sheet.
Google Pay	`overflow.googlePay()`	Wallet cryptogram plus shopper contact from the sheet.

Choose standalone or Checkout

Checkout (recommended). One mount renders every method you enable, plus contact and addresses, and returns a single tokenized envelope on submit. See Checkout introduction.
Standalone. Mount one payment method element per form. You handle layout, submit-button gating, and per-element event wiring yourself. See Compose standalone elements.

Every option you pass to a standalone method is accepted verbatim under the matching Checkout section key (card, bank, applePay, googlePay).

Selecting available methods

Pass the list of methods you want to accept:

overflow.checkout({
  paymentMethods: ['applePay', 'googlePay', 'card', 'bank'],
});

Methods render in array order. Methods that fail a runtime check (a wallet on http://, a wallet unavailable on the shopper’s device, a missing merchant configuration) are hidden without shifting siblings. defaultPaymentMethod overrides the initial selection.

Submitted payload

onSubmit returns a payload tagged with the selected method:

checkout.on('onSubmit', ({ value }) => {
  switch (value.method) {
    case 'card':      /* value.card */      break;
    case 'bank':      /* value.bank */      break;
    case 'applePay':  /* value.applePay */  break;
    case 'googlePay': /* value.googlePay */ break;
  }
});

Forward the payload to your server to authorize the charge. See the authorize a payment API reference for the authorize request shape.

Method pages

Card

Card element with PCI-secured input, brand detection, and validation.

Bank

ACH bank element with institution search and manual entry.

Wallets

Apple Pay and Google Pay with a unified options shape.

Get started

Elements

Options

Events

Theming

Guides

Choose standalone or Checkout

Selecting available methods

Submitted payload

Method pages

Card

Bank

Wallets

​Choose standalone or Checkout

​Selecting available methods

​Submitted payload

​Method pages

Card

Bank

Wallets

Choose standalone or Checkout

Selecting available methods

Submitted payload

Method pages