Order Confirmation Template

A ready-to-use email template for e-commerce order confirmations. Includes order summary, item details, shipping information, and support links. Customize with your branding and connect to your workflow.

What's included

The template comes pre-built with these blocks:

SectionBlocks usedContent
HeaderImage + HeadingYour logo + "Order Confirmed!"
Order numberTextOrder #{{order_id}} with confirmation date
Item listRich TextProduct name, quantity, price for each item
Order summaryRich TextSubtotal, shipping, tax, total
Shipping infoColumns (2)Shipping address + estimated delivery
Next stepsRich TextWhat the customer should expect next
CTA buttonButton"Track Your Order" link
SupportTextCustomer support contact info
FooterSocial + TextSocial links + unsubscribe

Using the template

  1. Go to TinyEmailsTemplatesE-commerceOrder Confirmation
  2. Click Use Template
  3. Customize:
    • Replace the logo with your brand's logo
    • Update colors to match your brand
    • Edit the support contact information
    • Modify the footer text and social links
  4. Click Save

Dynamic variables

The template uses these variables (fill them from your workflow):

VariableDescriptionExample value
{{order_id}}Order/reference number"ORD-2024-1847"
{{customer_name}}Customer's name"Sarah Chen"
{{items}}Array of ordered itemsSee below
{{subtotal}}Pre-tax subtotal"$149.98"
{{shipping_cost}}Shipping charges"$9.99"
{{tax}}Tax amount"$12.00"
{{total}}Grand total"$171.97"
{{shipping_address}}Delivery address"123 Main St, City, State 12345"
{{estimated_delivery}}Expected delivery date"March 18-20, 2024"
{{tracking_url}}Tracking page URL"https://yourstore.com/track/ORD-1847"

Connecting to a workflow

Stripe checkout → Order confirmation

Webhook (Stripe checkout.session.completed) →
  Transformer (format order data) →
  Send Email (using this template with dynamic variables)

Form order → Confirmation

Form Submission (order form) →
  Create Record (save order to database) →
  Send Email (order confirmation)

Customization tips

AreaSuggestion
BrandingReplace header image with your logo on a white/transparent background
ColorsUpdate button and heading colors to match your brand
Items sectionIf your products have images, add an Image block for each item
UpsellAdd a "You might also like" section with recommended products
Social proofAdd a "Share your purchase" section with social sharing links
Tip

Send a test order confirmation to yourself with real data before connecting it to production. Check that all variables populate correctly and the email looks good on both desktop and mobile.