Preview of the Clean-skincare welcome with first-order code — Klaviyo email template

Template · Welcome

Clean-skincare welcome with first-order code — Klaviyo

Welcome email for a clean beauty brand with a 10%-off first-order code. Personalized greeting hero, a formulation note, a promo box with the code and a cleanse-treat-protect grid.

  • Width: 600px
  • Format: HTML
  • License: Free, no attribution
  • Last updated: June 2026
  • File size: 17 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 Clean-skincare welcome with first-order code — 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 strip (view in browser)
  2. Greeting hero
  3. Avatar
  4. Promo box
  5. Primary CTA
  6. Editorial body zone (3-up grid)
  7. 3-card grid
Preheader
Welcome to Lumen Skin. Enjoy 10% off your first order of clean, effective skincare.
Call to action
Start your routine
Chrome
Hidden preheader · Accent bar · Masthead · Pre-footer · Footer · Social · Utility / unsubscribe · 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/3d4bd…2a-a9f9-b3e3c8adc8d9"
     alt="Lumen Skin Community"
     width="250">
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 and sent immediately. The 10% code is the reason it gets opened, but orientation is still the job — a subscriber who understands the routine buys more than once. Lead with the welcome and let the code sit underneath it.

What to change first

“WELCOME10” has to exist as a real discount code in your store before this goes anywhere, and the 10% figure appears twice, in the preheader and in the promo box. The three routine cards, cleanse, treat and protect, all point at the same /shop URL, so split them into three category links. “Start your routine” runs on both the promo button and the closing link. The closing module tells people to reply, so send from a monitored inbox and not a no-reply. Then the 56px round brand avatar at the top and the “Example address” footer line.

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 Clean-skincare welcome with first-order code — 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 “Start your routine” 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.