Skip to main content

The Customer Track Page

Onward creates a dedicated "Track Your Order" page on your Shopify store so customers can look up their shipment status without leaving your site. No need to hunt for tracking numbers or visit carrier websites — everything is right on your branded storefront.


What Is the Track Page?

The Track Page is a Shopify page with an embedded Onward tracking widget.

When a customer visits the page and enters their order information, they see real-time shipment status, carrier details, and delivery estimates — all styled to match your store.

The page is created at: your-store.com/pages/onward-track


How It's Set Up

The Track Page is automatically created when the Onward app is installed on your store, so it's ready well before you turn tracking on. Here's what happens behind the scenes:

  1. Onward creates a Shopify page template called onward-tracking in your active theme.

  2. A new page titled "Track Your Order" is created using that template, with the handle onward-track.

  3. The tracking widget is embedded as a Shopify app block in the page template.

  4. The page URL is saved in your Onward settings.

The page and template are created for you automatically — however, the page is initially hidden (unpublished). This gives you a chance to review it before making it visible to customers.

To publish the page:

  1. In your Shopify Admin, go to Online Store > Pages.

  2. Find the page titled "Track Your Order".

  3. Change its visibility from Hidden to Visible and save.

Once published, customers can access the page via direct link, navigation menus, or tracking links in emails.


How Customers Access the Track Page

1. From the Order Confirmation Email

If you've enabled the tracking link in your Onward emails, the order confirmation email includes an "Order Tracking" section with a direct link. The link takes the customer straight to the Track Page with their order pre-loaded — no need to enter any information.

The link format looks like: your-store.com/pages/onward-track?key=abc123

2. Direct URL

You can link to the Track Page from anywhere — your navigation menu, FAQ page, footer, or social media. Customers visiting without a specific order link will see the tracking widget where they can look up their order.

3. From Klaviyo Emails

If you've built Klaviyo flows using Onward tracking events, you can include the track_page_url property in your email templates. This gives customers a direct link to their order's tracking information on your branded page.


What Customers See

When a customer visits the Track Page:

  1. Order lookup — They enter their order number or email to find their shipment.

  2. Shipment status — They see the current status of their package (e.g., "In Transit," "Out for Delivery").

  3. Tracking details — Carrier name, tracking number, and a timeline of tracking events.

  4. Estimated delivery — If available, the estimated delivery date from the carrier.

The widget provides a clean, branded experience that keeps customers on your site instead of redirecting them to a carrier's tracking page.


Customization

The tracking widget includes some default styling that can be customized:

Setting

Default

Description

Button Color

#000000 (black)

The color of action buttons.

Button Text Color

#ffffff (white)

The text color on buttons.

Text Color

#151515 (dark gray)

The main text color.

Alignment

Middle

Horizontal alignment of the widget.

Additional CSS

(empty)

Custom CSS for further styling.

These settings are configured in your Shopify theme editor, within the Onward tracking app block.


Adding the Track Page to Your Navigation

To make the Track Page easy to find, consider adding it to your store's navigation:

  1. In Shopify Admin, go to Online Store > Navigation.

  2. Edit your Main Menu or Footer Menu.

  3. Add a new menu item with the title "Track Your Order" and the URL /pages/onward-track.

  4. Save.


Track Link in Emails

Onward Order Confirmation Email

The Onward welcome/confirmation email automatically includes a tracking section when:

  • Order Tracking is live.

  • The "Display Track Link" setting is enabled.

  • A Track Page URL is configured.

Klaviyo Flow Emails

Include the {{ event.track_page_url }} variable in any Klaviyo email template to link customers to their specific tracking page. This URL includes the customer's order key, so it takes them directly to their shipment status.

Did this answer your question?