Ecommerce Order Tracking: How to Design a Better Tracking Experience
How to design ecommerce order tracking: clear order and shipment status, branded tracking pages, delivery estimates, notifications, exceptions and support.
Quick answer
A good tracking experience answers "where is my order and when will it arrive?" at a glance. Show order and shipment status in plain language with a progress indicator, an estimated delivery date, carrier and tracking details, items per shipment and delivery address. Send notifications at key moments, especially for delays and exceptions, with clear next steps. Host tracking on your own branded page where practical, make it work for guests, and link to delivery changes, returns and help.
Why Tracking Matters
Once an order is placed, the customer's main question is when it will arrive. If the answer is hard to find, they contact support, which costs money and often happens at the same time as their frustration peaks. Tracking is also one of the most-visited post-purchase pages, making it a chance to build confidence.
This article covers the customer-facing experience. For the technical pipeline behind it (carrier APIs, webhooks, status normalization), see delivery tracking. For everything after checkout, see post-purchase experience.
What the Tracking Page Should Show
| Element | Purpose |
|---|---|
| Plain-language status | "Out for delivery today" rather than carrier codes |
| Progress indicator | Where the order is in the journey |
| Estimated delivery | Date or range, updated as it changes |
| Items per shipment | Clarity for split orders |
| Carrier and tracking number | Link to carrier for detail |
| Delivery address | Catch mistakes early |
| Actions | Change delivery, contact support, start return |
| Event history | Detailed timeline for those who want it |
Order Status vs Shipment Status
Customers think in orders; carriers think in parcels. Your tracking page must translate between them. Before shipment, show order stages (received, processing, packed). After shipment, show carrier progress per parcel. For split shipments, show each parcel separately with its items, and a summary for the whole order. Avoid raw carrier codes; map them to a small set of understandable statuses.
| Customer-facing status | Includes |
|---|---|
| Order received | Placed, payment confirmed |
| Preparing | Allocated, picking, packing |
| Shipped | Label created, handed to carrier |
| In transit | Carrier scans between hubs |
| Out for delivery | Final delivery scan |
| Delivered | Delivered, collected from pickup point |
| Needs attention | Exception, failed delivery, address issue |
Branded Tracking Pages
Carrier tracking pages send customers away from your store and show generic information. A branded tracking page keeps customers on your site, uses your language and design, shows all shipments together and links to your support, returns and account. It depends on receiving carrier events through integrations or tracking services. Keep the page fast and focused; tracking information comes first.
"Where is my order?" filling your support inbox?
ZSpace designs tracking pages and notification flows that answer delivery questions before customers ask.
Delivery Estimates
Show an estimated delivery date or range from the moment of order, based on your processing time and the chosen shipping method, then refine it with carrier estimates after shipment. When the estimate changes, update the page and notify the customer if the change is material. Consistency matters: the estimate on the tracking page should match what was promised at checkout and in emails. See shipping UX.
Notifications
Notifications bring tracking to the customer. Common moments are confirmation, shipped, out for delivery, delivered and exceptions. Let customers choose email, SMS or app notifications where available, respect consent rules for marketing channels, and don't send too many. Each message should link to the tracking page.
- Order confirmation with expected delivery
- Shipped, with carrier and tracking link
- Out for delivery
- Delivered, with next steps (care, returns, review)
- Delay or exception, with what happens next
- Delivery attempt failed, with options
Handling Exceptions
Exceptions (delays, failed delivery attempts, address problems, damaged or lost parcels) are where tracking matters most. Detect them from carrier events or missing scans, tell the customer promptly in plain language, explain what they need to do (if anything), and what you'll do. Give support teams the same information so they can help without investigating from scratch. Proactive exception handling often turns a bad experience into an acceptable one.
Guest Tracking and Accounts
Many customers check out as guests. Tracking must work from email links and a simple lookup by order number and email or postcode. Account holders should see all orders with status in their order history. See checkout UX for guest checkout.
Mobile and Accessibility
Most tracking checks happen on phones from notification links. Keep the page light, show status and estimate at the top, and make actions easy to tap. Progress indicators need text equivalents for screen readers, and status changes should be conveyed in text, not only colour.
Tracking on Shopify
Shopify provides an order status page with fulfilment and tracking information and shipping notifications, and supports tracking numbers from carriers and fulfilment services. Tracking apps add branded pages, carrier event normalization, delivery estimates and exception notifications. Check how your 3PL passes tracking numbers back so fulfilment updates reach customers promptly.
Measuring Tracking
| Metric | What it shows |
|---|---|
| "Where is my order" contacts per order | Whether tracking answers questions |
| Tracking page visits per order | Anxiety or unclear estimates |
| Estimate accuracy | Delivered within promised window |
| Time to notify exceptions | Proactive communication |
| Notification opt-outs | Message fatigue |
Designing for Anxious Moments
Customers check tracking most when something feels wrong: the estimated date passed, the status hasn't changed, or the carrier says delivered but nothing arrived. Design for these moments. Show when the last update happened, explain what "in transit" can mean on long legs, offer next steps for "delivered but not received" (check with neighbours, safe places, then contact us), and make help one tap away.
- Time of last update shown
- Explanation for long gaps between scans
- Guidance for 'delivered but not received'
- Help and contact options on the page
- Proactive messages when estimates slip
Worked Example
An illustrative scenario, not a client case: a homeware store receives many "where is my order" emails. Its tracking links go to carrier sites with codes customers don't understand, and delays aren't communicated. The team builds a branded tracking page with plain-language statuses, shows each shipment separately, adds delay notifications from missing-scan rules, and tracks contacts per order.
Common Mistakes
- Raw carrier codes shown to customers
- Tracking only available after sign-in
- Split shipments shown as one
- Estimates that contradict checkout promises
- No message when something goes wrong
- Tracking page cluttered with promotions
Ready to improve order tracking?
Talk to ZSpace about tracking page design, Shopify tracking setup and carrier integrations.
Conclusion
Good tracking answers the delivery question at a glance, translates carrier data into plain language, handles split shipments and exceptions clearly, and reaches customers through timely notifications. Related: order management systems and returns UX.
Common questions
Order number, items, current status in plain language, a progress indicator, estimated delivery date, carrier and tracking number, delivery address, what to do if something's wrong, and links to returns and help.