Reschedule Delivery Card
A centered card with a tappable week of day chips, three arrival windows as radio rows, and a confirm button naming the chosen slot.
A centered card with a tappable week of day chips, three arrival windows as radio rows, and a confirm button naming the chosen slot.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Reschedule Delivery Card lets someone move a delivery in one card without leaving the tracking page. A header names the order and its current day, a tappable week of six day chips shows the current day, the free days, a paid Saturday marked with its fee, and a Sunday marked no vans and disabled, and three arrival windows sit below as radio rows. The confirm button names the chosen day and window back to the person before they commit.
The days and windows are each one array, and the selection lives in local state so the card reacts as chips and rows are tapped. The footer note swaps between the free weekday line and the Saturday fee line based on the picked day, and a final line states the honest limit, two moves per order before the depot holds it for pickup.
Reach for this block on the tracking page whenever a delivery day can still move, either embedded beside the tracking timeline or offered from an order card. The fees, cutoffs, and no van days must reflect real carrier rules or the confirm button promises a slot that does not exist.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the weekday reschedule with a paid Saturday. Other reschedule shapes:
Tip: keep the disabled no van day visible rather than hidden; showing the gap honestly beats a week that silently skips a day people expected to see.