Shipping Update Email Template
A warm shipping update email with a four-stage progress rail, status rows (order / tracking / ETA), shipping address, and a track-shipment CTA.
Preview unavailable — view the prompt below.
The prompt
Two ways to build this email in plain language. The fastest is Temway's in-editor assistant — open the chat drawer in the email editor and paste the recipe below. Or connect Claude or ChatGPT via Temway's MCP and paste it there; the agent builds the email step by step. Either way, adapt the copy and colors to your brand.
- An email is a top-to-bottom stack of blocks — the recipe follows that order.
- A
[layout]step becomes a single image (great for heroes); everything else stays live text and links. - Theme the footer to match — the recipe's last step does exactly that.
Want this exact email? Click Use this template below to clone
it into your workspace, then ask the in-editor assistant to rebrand it. Over MCP, tell
your agent to clone the Temway share oysLneWq3hvmj2UZxmalb and rebrand. For the
full model, point an MCP agent at get_concept — email-structure,
layouts-vs-emails, design-recipes.
The email a customer gets the moment their order ships: a four-stage progress rail up top showing exactly where the package is, the shipping status spelled out (order, carrier, tracking, ETA), and one big Track button. Friendly, but still a clean status update — not a sales pitch.
Snapshot
- Goal: tell the customer their order shipped, when it arrives, and give them one clear way to track it.
- Audience & tone: customers whose order just shipped. Warm, functional, slightly excited — one warm accent, not over-the-top.
- Palette: page
#ede6e1· container#fff8f3· text#221c14/#726c65(muted) · accent#c2410c - Font:
Verdana, sans-serif - Artwork: one
shipping-tracklayout hero (a single rasterized image), 600×360 — Delivery status as a rail that STOPS at the current stage, with one filled marker where it ends and three tracked stage labels beneath. State is carried by where the line ends, not by colour alone — so it still reads in a monochrome client. Everything below it is native, selectable, clickable.
Build recipe
Each step is one block in the flat stack, top to bottom.
[native]= a real email block.[layout]= a free-form layout embedded as a single image.
- [native] Logo — logo. Brand mark, left-aligned.
- [layout] Layout hero —
shipping-track— apply theshipping-tracklayout template (600×360). Delivery status as a rail that STOPS at the current stage, with one filled marker where it ends and three tracked stage labels beneath. State is carried by where the line ends, not by colour alone — so it still reads in a monochrome client. Alt text: “Delivery progress: packed and shipped, now on the way to you.”. - [native] Story title — text. “Your order is on the way!”, fontSize: 20, color
#221c14, left. - [native] Kicker — text. “Shipment details”, fontSize: 14, color
#c2410c, left, uppercase. - [native] Body copy 1 — text. “Order #ORD-4821, UPS Ground, tracking 1Z999AA10123456784 — arriving Tuesday, July 16.”, fontSize: 16, color
#221c14, left. - [native] Primary CTA — button. Label “Track shipment”, fill
#c2410c, color#ffffff, shapeStyle: ‘0_2’, left. - [native] Body copy 2 — text. “Shipping to Jordan Lee, 412 Maple Ave, Apt 5, Portland, OR 97204.”, fontSize: 16, color
#726c65, left. - [native] Footer rule — divider. short (96px) rule, 1px, color
#e9e9e9. - [native] Footer social — social. Icon row, social.color
#c2410c, style circle-outline, center. - [native] Footer address — address. Postal address + unsubscribe, address.color
#726c65, address.fontFamilyVerdana, sans-serif, center.
Make it yours
- Swap the order number, carrier, tracking number, ETA, and shipping address for the real shipment.
- Point “Track shipment” at the carrier’s live tracking URL.
- Recolor the orange accent to your store’s brand — keep the rail to one warm color.
About transactional email templates
Transactional email gets the highest open rates of any category, because recipients expect and want it — an order confirmation or shipping update gets read almost every time it lands. That makes it a branding opportunity most teams under-invest in relative to promotional email.
See all transactional templates →Why bother designing a transactional email — isn't the information all that matters?
Transactional emails have the highest open rates of any email you send, because recipients expect and want them — that makes them a real branding opportunity most teams under-invest in relative to promotional email.
What information has to be in an order confirmation email?
Order number, itemized contents, total charged, and expected delivery or next steps at minimum — the order-summary template below leads with those before anything promotional.
Can I add an upsell or review request to a transactional template?
Yes, but keep it secondary — the templates below place the transactional information first and any cross-sell or review ask below the fold, so it never competes with the confirmation itself.
Do these transactional templates work for both order and account-related events?
Yes — the collection below covers order confirmations and shipping updates as well as payment receipts and return confirmations, so both commerce- and account-triggered sends are covered.