---
title: "Checkout order payment"
description: "Displays available payment methods and payment actions on Checkout."
canonical: "https://academy.bricksbuilder.io/builder/elements/woocommerce/checkout-order-payment/"
markdownUrl: "https://academy.bricksbuilder.io/builder/elements/woocommerce/checkout-order-payment.md"
pageType: "article"
section: "builder"
category: "elements"
lastmod: "2026-05-21T13:58:32.000Z"
---
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.