Payment Receipt Email Template
A payment receipt with a display-size amount hero (payment-figure layout template), receipt detail rows, and a view-invoice 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 I6Rclu7vwuCUX9dBQbiGt and rebrand. For the
full model, point an MCP agent at get_concept — email-structure,
layouts-vs-emails, design-recipes.
The receipt a subscriber gets when their plan renews: the amount rendered at display size as a typographic figure, the payment details underneath — plan, date, card, reference — with one link to the full invoice. The payment-figure layout template turns the number itself into the hero; no checkmark, no celebration, just the figure.
Snapshot
- Goal: confirm a subscription payment cleared and give the subscriber their receipt details plus an invoice link.
- Audience & tone: subscribers who just paid for their plan. Professional, calm, confirming — just the facts.
- Palette: page
#ededed· container#ffffff· text#18181b/#707072(muted) · accent#3f3f46 - Font: body
Verdana, Geneva, sans-serif, headingTrebuchet MS, Helvetica, sans-serif - Artwork: one
payment-figurelayout hero (a single rasterized image), 600×460 — A payment confirmation reduced to four elements: a tracked label with a hairline running off the right edge, the amount at display scale in tabular figures, and one reference line in code tracking. A 5× type ratio with nothing in between. 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.
- [layout] Layout hero —
payment-figure— apply thepayment-figurelayout template (600×460). A payment confirmation reduced to four elements: a tracked label with a hairline running off the right edge, the amount at display scale in tabular figures, and one reference line in code tracking. A 5× type ratio with nothing in between. Alt text: “Payment of 84.00 confirmed, card ending 4242, reference PM-4821.”. - [native] Story title — text. “Receipt confirmed”, fontSize: 20, color
#18181b, left. - [native] Body copy 1 — text. “Your Pro plan subscription was charged today — here is the summary for this cycle.”, fontSize: 16, color
#18181b, left. - [native] Body copy 2 — text. “Plan Pro (annual) · Payment method Visa ending 4242 · Billed 31 July 2026 · Next renewal 31 July 2027.”, fontSize: 16, color
#707072, left. - [native] Primary CTA — button. Label “View the invoice”, fill
#3f3f46, color#ffffff, shapeStyle: ‘0_2’, left. - [native] Footer rule — divider. short (96px) rule, 1px, color
#e9e9e9. - [native] Footer social — social. Icon row, social.color
#3f3f46, style circle-outline, center. - [native] Footer address — address. Postal address + unsubscribe, address.color
#707072, address.fontFamilyVerdana, Geneva, sans-serif, center.
Make it yours
- Swap the amount, plan, card, and billing period for the real charge — edit the layout’s amount text via
update_layout_block_element. - Point “View invoice” at the hosted invoice or billing portal.
- The template carries no accent colour on purpose; let the number do the work.
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.