Checkout Shipping Form
Checkout Shipping Form displays the shipping-address portion of WooCommerce checkout inside Checkout Builder. WooCommerce must be installed and active.
Add and configure Checkout Shipping Form
- Click Add, choose Checkout Shipping Form, and place it in the container.
- Place the element inside Checkout Builder.
- Configure Design > Shipping Address and Spacing.
- Review the checkout with a cart that requires shipping.
- Save your changes.
Keep the required parent context
Checkout Shipping Form must be inside Checkout Builder. Layout containers can sit between the parent and this element. Configure the product or checkout context on the parent.
This element has no children; use its own controls.
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.”
Design > Shipping Address
| Setting | Purpose and options | Behavior |
|---|---|---|
| Background | Color or supported fill. | Shared |
| Padding | spacing controls. | See linked controls |
| Borders | borders controls. | See linked controls |
| Override Global Styles | woocommerce global styles. | See linked controls |
Design > Spacing
| Setting | Purpose and options | Behavior |
|---|---|---|
| Spacing | spacing controls. | See linked controls |
Troubleshooting
Shipping fields are absent
Check whether the cart needs shipping and how WooCommerce is configured to collect the shipping address.
The element cannot be placed in the page root
Keep it inside Checkout Builder, with optional layout containers between them.