Tracking Timeline
Four stages on a vertical line with timestamps, the current one pulsing.
Four stages on a vertical line with timestamps, the current one pulsing.
Search blocks by description or jump to a page.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Tracking Timeline is the order status page done calmly, four stages on a vertical line with real timestamps, the current stage pulsing, the future one muted with its delivery window already stated. The footer carries the service promise that defines good tracking, problems with the courier, we chase them, not you.
Stages are one array with three states driving the dot and line treatments, all token based and theme safe.
Reach for this block as the tracking page behind the confirmation email link. The named warehouse and scan confirmed details are what make a timeline feel like telemetry instead of theater.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the standard four stage journey. Other timelines:
Tip: the future stage should already carry the delivery window, an empty last step reads as no promise, a dated one reads as a plan.