Preview of the Chocolate order confirmation — Klaviyo email template

Template · Transactional

Chocolate order confirmation — Klaviyo

Confirms a chocolate order with a status hero and a hand-packed ships-in-1-2-days note, an itemized order table with subtotal and total, plus a reply-for-help support strip.

  • Width: 600px
  • Format: HTML
  • License: Free, no attribution
  • Last updated: June 2026
  • File size: 15 KB

Direct download — no email, no sign-up, no card.

More free templates Klaviyo templates ecommerce templates transactional templates

Preview

Live HTML preview of the Chocolate order confirmation — Klaviyo email template, rendered as it would appear when sent.

What's inside

What's inside this transactional email template, module by module.

Read off the file itself, not a spec sheet. This is the module order the download actually ships with, in the order a reader meets them.

  1. Hero status module
  2. Visual break / hero image
  3. Order details module
  4. 2-item list
  5. Totals
  6. Support
Preheader
Your handmade chocolates are officially in the works. Get ready.
Call to action
View your order
Chrome
Hidden preheader · Accent bar · Masthead · Footer · Social

Import

How to import this template into Klaviyo, step by step.

The download is a single HTML file. Here is where it goes in Klaviyo, what the platform expects, and which tags are already wired up.

  1. Open Content, then Templates, in the Klaviyo sidebar.
  2. Choose Import and upload the downloaded HTML file.
  3. Name the template and save it.
  4. Replace every placeholder before you send — image sources, link targets, product and price copy, the sender name and the footer address. Klaviyo’s editor handles copy and images inline, or edit the HTML directly and re-import.
  5. Attach it to a campaign, or to a flow email, when you build the send.

Editing Klaviyo opens an imported HTML template in its own editor. Copy and images are editable there, and the underlying structure stays as generated, so the layout does not drift between sends.

Watch for Klaviyo rejects an import that carries no unsubscribe tag. This template already wraps {% unsubscribe_link %} in its footer link, so it imports as-is — if you rebuild the footer, keep that tag.

Swapping the placeholder images

Klaviyo opens an imported template in its own editor, so the images can be swapped there without touching the HTML. Upload yours to Klaviyo first, then point each image block at it. Editing the file before you import works too — Klaviyo keeps whatever src it is given.

<img src="https://app.emailtemple.com/api/assets/d0166…da-be41-0d31abeff7ce"
     alt="Rich cocoa beans"
     width="600">
The hero image tag from this template. Change the highlighted src to a URL Klaviyo can reach — every other attribute can stay as it is.

The Klaviyo tags this template already uses

Tag What Klaviyo replaces it with
{% manage_preferences_link %} The preference-centre URL, so readers can change cadence instead of leaving.
{% unsubscribe_link %} The unsubscribe URL. Required by Klaviyo at import.
{% web_view_link %} The view-in-browser URL, for clients that mangle the render.
{{ first_name|default:'friend'|title }} The subscriber’s first name, with a fallback word when the field is empty.

How to use it

When to send this transactional email, and what to change first.

When to send it

Transactional, triggered by the purchase itself and sent immediately. This is expected mail — the customer is waiting for it, which is exactly why the temptation is to bolt a product row onto it. Do not. The email confirms what was ordered and what it cost, and that is the whole job. The trigger lives in the Klaviyo flow, not in the markup.

What to change first

The brand name is the first swap. Chocobongo reads in the masthead and again in the footer legal block, so put yours in both. Then the frozen order: “Order #CB-98234”, Signature Dark Chocolate Bar at qty 2 for $24.00, Heart Truffle Collection for $18.00, subtotal $42.00, shipping $5.00 and total $47.00. All of it needs Klaviyo order variables. The hero also promises hand-packing and shipping in one to two days, which is an operational commitment, and “View your order” goes to example.com/complete-order.

The craft

What makes a transactional email worth sending.

Trust over marketing

Zero cross-sells, no promotional arrow-links, no discount strip. Visual restraint is what signals trustworthiness — the moment a receipt starts selling, it stops reading as a receipt.

The detail block is the email

One order summary, receipt or confirmation card with clearly labelled rows carries the whole message. One or two modules is the whole archetype.

A utility CTA, not a conversion lever

"View order" or "Track shipment" — the button exists so the reader can finish the thing they started, and it does not compete with anything.

Or refine this

Make this email template yours.

Generate your own with this template as a starting point. Change the colors, the voice, the offer — describe what you want different and the studio recomposes it. Apply your brand kit and ship in your tone, not the template's.

The download is yours either way.

Open this template in the studio →
The EmailTemple studio editing a rendered email directly in the preview, with save and cancel controls

Questions

Klaviyo template questions, answered.

Can I use this template in a Klaviyo flow, or only a campaign?

Both. An imported template is available to any campaign or flow email you build afterwards. The trigger and the timing are configured on the flow itself, not in the template.

Do I need a paid Klaviyo plan to import a custom HTML template?

No. Template import is available on Klaviyo’s free tier, which covers up to 250 profiles. Removing Klaviyo’s own footer branding is the paid-plan feature, not the import.

Can a transactional email include a promotion?

The archetype says no. Cross-sells and discount strips undercut the trust signal that makes a confirmation read as a confirmation, and in many jurisdictions adding promotional content changes the email’s legal classification.

Does Chocolate order confirmation — Klaviyo hold up in dark mode and Outlook?

Every zone sets its background twice — once as a bgcolor attribute and once as an inline background-color — which is the pattern that survives dark-mode inversion in clients that repaint backgrounds.

The “View your order” button is a bulletproof VML button, so Outlook on Windows draws a real filled button instead of collapsing it to a bare text link.

The layout is a 600px table backbone with a mobile breakpoint, and the CSS is already inlined for the clients that strip style blocks.

In the studio

Compose your own.

Describe what you want to send. Get a high-converting, dark-mode-safe template in seconds. Free tier, three generations a month, no card required.