Skip to main content
Documentation/Elements & Controls Reference/Elements/WooCommerce/Order Tracking Page

Order Tracking Page

Order Tracking Page displays WooCommerce's order-tracking form and its resulting order information. Use it on a dedicated customer-help page. WooCommerce must be installed and active.

Add and configure Order Tracking Page

  1. Click Add, choose Order Tracking Page, and place it in the container.
  2. Place the element on the tracking page.
  3. Configure Design > Container, Form, Spacing, and Advanced.
  4. Review the field labels and instructions supplied by WooCommerce.
  5. Save your changes.
Order Tracking Page controls in the Breakdance editor
Order Tracking Page controls in the Breakdance editor

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 > Container

Setting Purpose and options Behavior
Width Width. Responsive

Design > Form

Setting Purpose and options Behavior
Background background controls. See linked controls
Borders borders controls. See linked controls
Padding spacing controls. See linked controls

Design > Spacing

Setting Purpose and options Behavior
Spacing spacing controls. See linked controls

Design > Advanced

Setting Purpose and options Behavior
Override Global Styles woocommerce global styles. See linked controls

Troubleshooting

An order cannot be found

Check the order details requested by the form and the store's available order data.

The result styling differs from the form

Review the global WooCommerce styles and local Advanced overrides as well as the form controls.