Welcome Email Template — First Order Thank-You
A playful welcome email celebrating a customer's first order — a confetti-burst hero, an order summary line, and a warm invite to share the unboxing.
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 JZznkBD713-wjFbrWVv4C and rebrand. For the
full model, point an MCP agent at get_concept — email-structure,
layouts-vs-emails, design-recipes.
The thank-you email that lands the moment a customer completes their first order. A playful confetti-burst hero sets the celebration tone, a single order-summary line confirms what’s coming, and a warm invite to share the unboxing closes it out. Built for delight, not transactional coldness.
Snapshot
- Goal: celebrate the first order and set expectations for shipping and the unboxing moment.
- Audience & tone: first-time buyers. Playful, delighted, generous — “you did it, here’s what happens next.” Warm enough to feel like a friend, not a receipt.
- Palette: page
#fdf2f8· container#ffffff· text#500724/#6b7280(muted) · accent pink#ec4899 - Font:
"Trebuchet MS", "Lucida Grande", sans-serif - Artwork: custom SVG hero — a confetti burst of scattered circles, triangles, and streamers in pink
#ec4899, yellow#facc15, and teal#14b8a6on white, 600×200, centered above the heading
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.
- [layout] Confetti hero — custom SVG (600×200): a scattered confetti burst of ~14 shapes — small circles (6px), triangles (10px), and streamer lines (2×18px) — in pink
#ec4899, yellow#facc15, and teal#14b8a6, radiating from center-top. Build viaadd_custom_shapewith a self-contained<svg>; usefill="currentColor"on the pink shapes and inline fills (#facc15,#14b8a6) on the two accent colors so they survive the pink recoloring. - [native] Heading — text. “Your first order is on its way! 🎉”
fontSize: 28,fontWeight: 700, color#500724, center. - [native] Order line — text. “Order #1042 · 3 items · arrives Tuesday, July 21.”
fontSize: 15, color#6b7280, center. - [native] CTA button — button. Label “Track my order”, pink
#ec4899fill, white text, pill corners, center, padding 12×28. - [native] Divider — hairline
#fbcfe8, generous vertical padding. Separates the celebration from the unboxing invite — the flat model stacks and divides, it does not box. - [native] Share heading — text. “Tag us when it lands”
fontSize: 18,fontWeight: 700, color#500724, center. - [native] Share copy — text. “We repost every unboxing. Find us @hopscotch.shop — and use code FIRST10 for 10% off your next order.”
fontSize: 15, color#6b7280, center,line-height: 1.6. - [native] Help line — text. “Need to change anything? Reply to this email — we’ll sort it within a few hours.”
fontSize: 14, color#6b7280, center, italic. - [native] Footer — text block with “Hopscotch · 88 Market St, Brooklyn, NY · [email protected] · Unsubscribe”,
fontSize: 12, color#9ca3af, center, recolored to the palette.
Make it yours
- Swap “Hopscotch”, the handle, and FIRST10 for your shop and your real repeat-purchase code.
- Restate the order line fields (order number, item count, ETA) with your fulfillment values.
- Recolor the pink accent — keep the playful three-color confetti burst for the delight factor.