Checkout order payment

Displays available payment methods and payment actions on Checkout.

Where this element works

Checkout templates (and order-received context for thank-you flows).

Key settings

• Preview order ID (number)
• Margin (spacing)
• Padding (spacing)
• Background (color)
• Border (border)
• Label typography (typography)
• Description (separator)
• Typography (typography)
• Privacy (separator)
• Button (separator)

Usage tips

• Use checkout elements only in Checkout templates so forms and order data render correctly.
• Test logged-in and guest checkout flows after styling changes to ensure all states remain usable.