Skip to content

How to Move the Progress Bar on the Page

The bar sits above Order details on both pages by default. Some stores want it at the very top of the thank-you page, where nobody scrolls past it.

Go to Configuration → General.

The General tab

View Order Page sets the place on My Account → Orders → View:

  • Above Title, Above Account Menu.
  • Above Order Details (default), Below Order Details.
  • Above Customer Details, Below Customer Details.
  • Disabled, to show no bar there.

Order Received Page offers the same places for the thank-you page right after checkout. Above Title puts the bar over “Thank you. Your order has been received.”

Click Save Changes. Open a recent order’s thank-you page and its View Order page.

The bar above the order details on the View Order page

Each place is a part of WooCommerce’s own page. A theme or page builder that rebuilds the thank-you page can drop that part, and the bar then has nowhere to go:

  1. Try another position, such as Above Title.
  2. Still nothing? Put the [ddwcopb_progress] shortcode on the custom thank-you page itself. Without an order number, it shows the order of the page it is on.

See How to Place the Progress Bar with a Shortcode or Block.