Order Confirmation Email Template — E-commerce Confirmation
A detailed order-confirmation email with itemised summary, estimated delivery, and tracking CTA. Designed for e-commerce checkout.
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 VgOZLBDNluw5dztJxA9Ya and rebrand. For the
full model, point an MCP agent at get_concept — email-structure,
layouts-vs-emails, design-recipes.
A warm order-confirmation on a cream canvas. A green check inside a rounded square opens “Your order is on its way.”, the order number and ETA sit beneath, and the body is a plain itemised list with totals — no table markup, no cards. A second track button closes the receipt, then a quiet divider and footer.
Snapshot
- Goal: confirm a checkout, show what was bought, and route to tracking.
- Audience & tone: a customer who just paid. Reassuring, itemised, scannable — receipt-like, not marketing.
- Palette: page
#ededec· container#ffffff· text#1c1917/#6e6d6b(muted) · accent#b45309 - Font:
Trebuchet MS, Verdana, 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.
- [native] Kicker 1 — text. “Order confirmed”, fontSize: 14, color
#b45309, left, uppercase. - [native] Headline — text. “Your order is on its way”, fontSize: 28, color
#1c1917, left. - [native] Body copy 1 — text. “Order #MC-48213 is packed and moving — estimated delivery Friday, March 14.”, fontSize: 16, color
#1c1917, left. - [native] Primary CTA — button. Label “Track this shipment”, fill
#b45309, color#ffffff, shapeStyle: ‘0_1’, left. - [native] Kicker 2 — text. “What shipped”, fontSize: 14, color
#b45309, left, uppercase. - [native] Body copy 2 — text. “Oak side table ×1 — $189.00. Linen throw blanket ×2 — $78.00. Ceramic vase — $42.00. Subtotal $309.00 · Shipping free · Total $309.00.”, fontSize: 16, color
#1c1917, left. - [native] Kicker 3 — text. “Shipping to”, fontSize: 14, color
#b45309, left, uppercase. - [native] Body copy 3 — text. “Jordan Lee, 218 Cedar St, Portland, OR 97204.”, fontSize: 16, color
#1c1917, left. - [native] Body copy 4 — text. “Questions about this purchase? Reply to this email — we answer within one business day.”, fontSize: 16, color
#6e6d6b, left. - [native] Footer rule — divider. short (96px) rule, 1px, color
#e9e9e9. - [native] Footer social — social. Icon row, social.color
#6e6d6b, style circle-outline, center. - [native] Footer address — address. Postal address + unsubscribe, address.color
#6e6d6b, address.fontFamilyTrebuchet MS, Verdana, sans-serif, center.
Make it yours
- Swap the order number, items, totals and CTA URL for your real checkout data and merge fields.
- Recolor the amber accent (
#d97706) to your brand — keep the green (#16a34a) reserved for the success mark and CTAs so it reads as “done.” - Adjust the cream page (
#fdf6ec) to white if your brand runs cooler — the warm paper feel is the only thing you’d lose.
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.