Preview of the Single-origin chocolate welcome — Klaviyo email template

Template · Welcome

Single-origin chocolate welcome — Klaviyo

Welcome email for a bean-to-bar chocolate brand. A founder note with avatar sign-off, a three-step how-we-make-it grid and a dark starter-collection block with a button.

  • 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 welcome templates

Preview

Live HTML preview of the Single-origin chocolate welcome — Klaviyo email template, rendered as it would appear when sent.

What's inside

What's inside this welcome 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. Utility / web view
  2. Greeting hero
  3. Founder sign-off
  4. 3 numbered steps
  5. Pre-footer feature zone (dark mode)
  6. Primary CTA button
Preheader
Welcome to the bean-to-bar family. Grab a square and get comfortable.
Call to action
Explore the bars
Chrome
Hidden preheader · Accent bar · Masthead · Footer · Social · Utility / unsubscribe links · Legal block

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/ab07a…04-a15e-d20976e4d8b1"
     alt="Heart shaped chocolates"
     width="240">
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:'there' }} The subscriber’s first name, with a fallback word when the field is empty.

How to use it

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

When to send it

First email of a Klaviyo welcome flow, triggered by a list join or a first order, sending straight away. Nobody will read you more generously than a person who signed up ninety seconds ago. Use that to explain what bean-to-bar means at your shop and where to taste first. The selling can wait for email two.

What to change first

The origins are hardcoded — the note names small farms in Ecuador and Ghana, so name yours. The sign-off reads “The Chocobongo Team” over “Chief Chocolate Officers” and a 56px placeholder avatar, and real faces beat a grey circle here. The three-step grid runs “1. Sourced”, “2. Crafted”, “3. Molded” with three image slots, so rewrite the steps to match how you actually make a bar. Then the dark starter-collection block and its “Explore the bars” button. One catch: “Chocobongo” appears in the masthead, the founder note, the sign-off and the footer, so rename all four.

The craft

What makes a welcome email worth sending.

Orient, do not sell

The structural rule is to tell a new subscriber where they have landed and what happens next. A pitch in the first email spends trust you have not earned yet.

Exactly one CTA

One primary button, no second. A welcome email with three competing actions has no action. Secondary paths belong in arrow-links, not buttons.

First person, short sentences

Warm and written, not corporate. A founder note and a small rounded avatar do more for trust here than any hero image, which is why the archetype skips large hero art entirely.

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.

How many emails should a welcome series have?

Match the depth to how warm the audience is, not to a template. The documented range runs from a single activation email through to six or seven, and the constant across all of them is one action per email with a single clear CTA.

Does Single-origin chocolate welcome — 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 “Explore the bars” 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.