Commmerce Docs
← Web Components

Web Components · Cart & Checkout

<mmm-checkout-payment>

Payment method picker and inline payment forms.

What it is

Card, wallet, BNPL, and bank options. Each method renders its own inline form (Stripe Elements, Apple Pay sheet, etc.).

When to use

  • Payment step in checkout

Attributes

AttributeTypeDefaultDescription
data-checkout-idstringcontextInherited from the surroundingcontext.
data-methodsstringautoOverride comma-separated list of allowed methods.
idstring—Unique element identifier.
classstring—Custom CSS class list.
hiddenbooleanfalseHide the element without removing it from the DOM.

Examples

Default

All configured payment methods.

<mmm-checkout-payment></mmm-checkout-payment>