Order Status Card

About this block

Order Status Card compresses one order into a card, the status chip, item thumbnails, the delivery window in a highlighted strip with the operational detail that prevents a missed delivery worry, no signature needed, drop photographed, and the two actions that cover most needs, track and change delivery.

Static markup to wire per order, the change delivery button earns its slot, rescheduling is the most common tracking page intent after checking.

When to use

Reach for this block in account order lists and embedded in order emails recreated on web. It is the compact sibling of the tracking timeline, card for lists, timeline for the dedicated page.

A natural flow around it on an Ecommerce Pro page:

Before

• Account sections order history context

After

• Tracking timeline behind the track button

What you can display

One strong use is the in transit order card. Other states:

• Processing card. Packed stage with the dispatch estimate.
• Delivered card. With the drop photo and the start a return action.
• Exception card. Delayed, with what happens next stated by you, not the courier.

Tip: the courier photographs the drop is the sentence that lets people stop staying home for parcels, surface it before delivery day.