Checkout Builder
Checkout Builder contains WooCommerce checkout parts so you can arrange them in a custom layout. It supplies the checkout context for its descendant forms, order review, and payment components. WooCommerce must be installed and active.
Add and configure Checkout Builder
- Click Add, choose Checkout Builder, and place it in the container.
- Place Checkout Builder on the assigned checkout page, without another Checkout Builder or Checkout Page in the same document.
- Use Content > Content > Elements to add the required checkout parts.
- Arrange those parts using layout containers inside Checkout Builder.
- Style each checkout part through its own Design controls.
- Save your changes.
Controls
Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”
Content > Content
| Setting | Purpose and options | Behavior |
|---|---|---|
| Elements | Add the child elements offered for this container. | Shared |
Troubleshooting
A checkout part cannot be placed outside the builder
Keep billing, shipping, order review, and payment elements inside Checkout Builder. Intermediate layout containers are allowed.
The document already contains a complete checkout
Remove the duplicate approach from the intended design before adding another complete checkout container.