Shipping Notification Email Template — Order on the Way

A clear shipping-confirmation email with tracking number, carrier, and expected delivery date. Designed for e-commerce fulfillment.

Transactional ecommerceshippingminimal

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 C3JeScJLw_xPqNh4xF39S and rebrand. For the full model, point an MCP agent at get_conceptemail-structure, layouts-vs-emails, design-recipes.

A calm, on-its-way shipping notice in mint and teal. A small house/box mark opens a confident “It’s on the move.” headline, then the tracking number and arrival date sit right under the CTA. Below the hero, a plain stacked list of what shipped and where it’s going — no cards, no tables, just the facts a customer needs.

Snapshot

  • Goal: tell a customer their order shipped and make tracking one tap away.
  • Audience & tone: someone waiting on a package. Warm, factual, low-fuss — no upsell.
  • Palette: page #ecf1f1 · container #ffffff · text #134e4a / #497774 (muted) · accent #0f766e
  • Font: Helvetica, Arial, sans-serif
  • Artwork: none — fully native blocks.

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.

  1. [native] Logo — logo. Brand mark, left-aligned.
  2. [native] Kicker 1 — text. “Your order has shipped”, fontSize: 14, color #0f766e, left, uppercase.
  3. [native] Headline — text. “It’s on the move”, fontSize: 28, color #134e4a, left.
  4. [native] Body copy 1 — text. “Tracking NP-774201 is live — arriving Saturday, March 16.”, fontSize: 16, color #134e4a, left.
  5. [native] Primary CTA — button. Label “Track this shipment”, fill #0f766e, color #ffffff, shapeStyle: ‘0_2’, left.
  6. [native] Kicker 2 — text. “What shipped”, fontSize: 14, color #0f766e, left, uppercase.
  7. [native] Body copy 2 — text. “Trailhead 40L Backpack ×1, Merino Base Layer ×2, Summit Water Bottle ×1.”, fontSize: 16, color #134e4a, left.
  8. [native] Kicker 3 — text. “Delivering to”, fontSize: 14, color #0f766e, left, uppercase.
  9. [native] Body copy 3 — text. “Jordan Lee, 218 Cedar St, Portland, OR 97204 — estimated March 16 by 8 PM.”, fontSize: 16, color #134e4a, left.
  10. [native] Body copy 4 — text. “Shipped via UPS — reply to this email any time and we will help.”, fontSize: 16, color #497774, left.
  11. [native] Footer rule — divider. short (96px) rule, 1px, color #e9e9e9.
  12. [native] Footer social — social. Icon row, social.color #0f766e, style circle-outline, center.
  13. [native] Footer address — address. Postal address + unsubscribe, address.color #497774, address.fontFamily Helvetica, Arial, sans-serif, center.

Make it yours

  1. Swap the house SVG, headline, tracking number and CTA URL for your carrier and brand.
  2. Recolor the teal accent (#0f766e) to your brand — keep the mint page (#f0fdfa) soft so the CTA still pops.
  3. Replace the items list and address with your real order line items and shipping address merge fields.
Use this template Try the AI demo

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.