Get Started

Order Confirmation — Ecommerce

A clean receipt-style order confirmation with line-item table, order totals, shipping ETA banner, and a prominent track-order CTA.

Transactional ecommerceminimalreceiptherocta

Updated Jul 10, 2026

The prompt

Paste the brief below into ChatGPT or Claude with Temway's MCP enabled — the agent builds the email step by step. Or adapt it for your own brand and copy.

  • 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? Tell your agent to clone the Temway share _H5giefhva24iflPYJaSN, then rebrand it. For the full model, point it at get_concept — email-structure, layouts-vs-emails, design-recipes.

The receipt a customer gets the second their order goes through: a checkmark, the itemized list of what they bought, the totals, and when it arrives. No upsell, no decoration — just the confirmation they’re looking for.

Snapshot

  • Goal: confirm the order went through, itemize it, and give the customer one place to track it.
  • Audience & tone: customers who just placed an order. Clear, reassuring, functional — no upsell, no decoration.
  • Palette: page #f8fafc · container #ffffff · text #1e293b / #64748b (muted) · accent emerald #059669
  • Font: Arial, Helvetica, 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] Wordmark — text. “SHOPWAVE”. fontSize: 15, fontWeight: 700, color emerald #059669, letterSpacing: 2px, center, generous top padding.
  2. [native] Eyebrow — text. ”✓ ORDER CONFIRMED”. fontSize: 12, fontWeight: 700, color emerald #059669, letterSpacing: 2px, center.
  3. [native] Heading — text. “Thanks for your order!”. fontSize: 24, fontWeight: 700, color #1e293b, center.
  4. [native] Order meta — text. “Order #ORD-4821 · Placed July 10, 2026”. fontSize: 14, color #64748b, center.
  5. [native] Divider — hairline #e2e8f0, generous vertical padding. Opens the itemized list — the flat model stacks and divides, it does not build a table-card.
  6. [native] Line item 1 — text. “Organic Cotton Tee — Sage / M · Qty 1    $58.00”. fontSize: 15, color #1e293b, left, item name bold, variant/qty in #64748b.
  7. [native] Line item 2 — text. “Canvas Tote Bag — Natural · Qty 1    $24.00”. fontSize: 15, color #1e293b, left, tight top padding.
  8. [native] Line item 3 — text. “Wool Beanie — Charcoal · Qty 1    $18.00”. fontSize: 15, color #1e293b, left, tight top padding.
  9. [native] Divider — hairline #e2e8f0, generous vertical padding.
  10. [native] Totals — text. “Subtotal $100.00 · Shipping $5.95 · Tax $8.50 · Total $114.45”. fontSize: 15, color #64748b with the Total line #1e293b bold, right-aligned.
  11. [native] ETA line — text. ”📦 Arriving Tue, Jul 16 – Thu, Jul 18”. fontSize: 15, fontWeight: 700, color emerald #059669, center, generous vertical padding. Stands in for the ETA banner as a single accent line.
  12. [native] CTA button — button. Label “Track your order”, emerald #059669 fill, white text, rounded corners, center.
  13. [native] Footer — social + address. Recolor both to the palette: social.color = #059669, address.color = #94a3b8, address.fontFamily = Arial, Helvetica, sans-serif. Include a support link. Without this they fall back to a generic brand-blue that clashes with the emerald.

Make it yours

  1. Swap the line items, totals, order number, and ETA for the real order data.
  2. Point “Track your order” at the live tracking URL.
  3. Recolor the emerald accent to your store’s brand.
Use this template