Checkout
Use Checkout Page for a complete checkout, or Checkout Builder to arrange its billing, shipping, order review, and payment sections. WooCommerce manages validation, payment methods, shipping, and order creation.
Customize the Checkout Page
- Find the page assigned under WooCommerce > Settings > Advanced > Checkout page.
- Open that page with Edit in Breakdance and add Checkout Page inside a Section.
- Use the Design tab to style the layout, forms, order review, and payment sections, then save.
Use WooCommerce Global Settings for shared fields, buttons, notices, and payment-box styles. Remove duplicate checkout block or shortcode output when using a Breakdance checkout layout.
Build a Custom Checkout Layout
Add Checkout Builder in place of Checkout Page. From the Content tab, use Content > Elements to add its parts:
| Element | Displays |
|---|---|
| Checkout Billing Form | Customer billing fields |
| Checkout Shipping Form | Shipping address and order fields |
| Checkout Order Review | Products, totals, and shipping choices |
| Checkout Payment | Payment methods and the order submission button |
Keep these parts inside Checkout Builder. You can place layout containers between the builder and its parts to arrange them.
Checkout Login Form and Checkout Coupon Form provide the returning-customer login and coupon prompts.
Available shipping and payment methods depend on the cart, customer location, and WooCommerce settings. An empty cart may redirect to Cart instead of showing checkout. See Integrations for extension compatibility.