High-Converting Klaviyo Email Templates
Professional email template designs that increase click rates by 40% and conversions by 25%. Mobile-responsive, brand-customized, and optimized for every email client.
Higher click rates
More conversions
Mobile opens
Optimal width
Email Template Best Practices
10 proven design principles for high-converting Klaviyo email templates
1. Mobile-First Design
60%+ of emails are opened on mobile. Design for mobile first, then enhance for desktop.
2. Optimal Width
600-640px template width ensures compatibility across all email clients.
3. Visual Hierarchy
Guide readers through content with clear structure and typography.
4. Clear Call-to-Action
Single primary CTA per email with contrasting button design.
5. Brand Consistency
Use brand colors, fonts, logo placement for instant recognition.
6. Image Optimization
Optimized images load fast and display correctly with images-off.
Additional Best Practices
Essential Email Template Types
Professional templates for every stage of the customer journey
Welcome Series
3-5 email sequence introducing brand, values, and bestsellers
Abandoned Cart
3-email sequence with product images, reviews, and urgency
Post-Purchase
Thank you series with usage tips and cross-sell opportunities
Promotional
Sale announcements, product launches, seasonal campaigns
Newsletter
Regular content updates, blog roundups, company news
Win-Back
Re-activate dormant customers with special offers
6 Free Klaviyo Email Templates You Can Copy Right Now
Real subject lines, preview text, and body copy with working Klaviyo liquid variables. Copy a template, swap the bracketed placeholders for your brand, and paste it straight into the Klaviyo editor.
The Warm Welcome
Sends immediately after signup · 50–60% open rate
Subject line options
- • Welcome to {{ organization.name }} 👋 Here’s 10% off
- • You’re in! Your 10% welcome code is inside
- • Hi {{ first_name|default:"there" }}, welcome to the family
Preview text
Your exclusive welcome gift is waiting, plus what makes us different.
Email body
Hi {{ first_name|default:"there" }},
Welcome to {{ organization.name }}, we’re so glad you’re here.
We started with one belief: [your one-line brand promise]. Everything we make is built around it.
As a thank-you for joining, here’s 10% off your first order:
WELCOME10
A few customer favorites to start with:
→ [Bestseller 1]
→ [Bestseller 2]
→ [Bestseller 3]
[ Shop bestsellers → ]
Questions? Just reply, a real human reads every email.
, The {{ organization.name }} teamThe Gentle Reminder
Sends ~1 hour after cart abandonment · 8–15% recovery rate
Subject line options
- • You left something behind 👀
- • Still thinking it over, {{ first_name|default:"there" }}?
- • We saved your cart, for now
Preview text
Good news, we saved your cart. Pick up right where you left off.
Email body
Hi {{ first_name|default:"there" }},
Looks like you left a few things in your cart. No worries, we saved them for you.
{% for item in event.extra.line_items %}
• {{ item.product_name }}, {{ item.quantity }} × {{ item.price }}
{% endfor %}
[ Complete my order → ]
Need a nudge? Here’s what shoppers say:
"[real review quote]", Verified buyer ⭐⭐⭐⭐⭐
Your cart is held for 24 hours.
, {{ organization.name }}Still Curious?
Sends a few hours after a product view with no add-to-cart · 5–10% click rate
Subject line options
- • Still curious about {{ event.ProductName }}?
- • You were checking this out, {{ first_name|default:"there" }}
- • A closer look at {{ event.ProductName }}
Preview text
You were checking this out, here’s a closer look.
Email body
Hi {{ first_name|default:"there" }},
We noticed you were looking at {{ event.ProductName }}. Great taste.
Here’s why customers keep coming back to it:
✓ [Benefit 1]
✓ [Benefit 2]
✓ [Benefit 3]
[ Take another look → ]
Not quite right? Browse the full collection, there’s plenty more to love.
, {{ organization.name }}The Thank You
Sends immediately after an order is placed · 40–55% open rate
Subject line options
- • Thank you, {{ first_name|default:"there" }} 🙌 Order confirmed
- • Your order is confirmed, here’s what happens next
- • We’ve got it from here, {{ first_name|default:"there" }}
Preview text
Your order’s on its way, here’s what happens next.
Email body
Hi {{ first_name|default:"there" }},
Thank you for your order, you just made our day.
Order #{{ event.extra.order_id }} is confirmed and being prepared. We’ll email tracking the moment it ships.
While you wait, a few tips to get the most out of your purchase:
1. [Tip 1]
2. [Tip 2]
3. [Tip 3]
[ Track my order → ]
Loved your experience? We’d be grateful for a quick review.
, The {{ organization.name }} teamThe Come-Back
Sends 60–90 days after the last order · 12–15% reactivation
Subject line options
- • We miss you, {{ first_name|default:"there" }} 💔
- • It’s been a while, here’s 15% to come back
- • Your 15% welcome-back code is inside
Preview text
A little something to welcome you back.
Email body
Hi {{ first_name|default:"there" }},
It’s been a while since your last visit, and honestly, we’ve missed you.
To welcome you back, here’s 15% off your next order:
COMEBACK15
What’s new since you’ve been gone:
→ [New product or collection]
→ [Improvement or restock]
[ Redeem my 15% → ]
Code expires in 7 days.
, {{ organization.name }}It’s Back
Sends when a subscribed-to product is restocked · 20–30% click rate
Subject line options
- • It’s back: {{ event.ProductName }} 🎉
- • The wait is over, {{ first_name|default:"there" }}
- • {{ event.ProductName }} is back in stock (for now)
Preview text
The wait is over, but it won’t last long.
Email body
Good news, {{ first_name|default:"there" }}, {{ event.ProductName }} is back in stock.
It sold out fast last time, so we’d grab it before it’s gone again.
[ Shop now before it’s gone → ]
, {{ organization.name }}How to use these templates
Drag-and-Drop vs HTML Templates
Choose the right editor based on your technical expertise and customization needs
Drag-and-Drop Editor
Perfect for marketers without coding experience. Visual builder with pre-built blocks.
HTML Editor
Maximum flexibility for custom designs. Full control over every element.
Which Should You Choose?
Choose Drag-and-Drop If:
Choose HTML Templates If:
Pro Tip:
Start with drag-and-drop for speed, then transition to custom HTML as your program matures and you identify specific design needs.
Template Development Process
Design & Wireframe
Create mockups in Figma or sketch layouts
Build in Klaviyo
Use editor of choice, add dynamic content
Test Across Devices
Preview on mobile, tablet, desktop, email clients
Deploy & Monitor
Launch to campaigns, track performance, iterate
Frequently Asked Questions
Common questions about Klaviyo email template design
How do I create email templates in Klaviyo?
Create templates in Klaviyo by navigating to Content > Email Templates > Create Template. Choose between drag-and-drop editor (no coding required) or HTML editor (full customization). Design your layout, add dynamic content blocks, configure mobile optimization, and save as reusable template. Use Klaviyo's template variables for personalization like {{ first_name }} and {{ event.ProductName }}. Test across devices before deploying.
What are the best Klaviyo email template practices?
Best practices include: 1) Mobile-first design (60%+ opens on mobile), 2) Single-column layouts for readability, 3) Maximum 600px width for compatibility, 4) Alt text for all images, 5) Clear hierarchy with headings, 6) Single primary CTA per email, 7) Branded header and footer, 8) Dynamic content blocks for personalization, 9) Plain-text alternative versions, 10) Accessibility considerations (contrast, font size 14px+).
Can I import custom HTML templates into Klaviyo?
Yes, Klaviyo supports custom HTML templates. Click 'Create Template' > 'HTML Email' > paste your HTML code. Ensure your HTML uses inline CSS (external stylesheets aren't supported), includes Klaviyo tracking code, uses template variables for personalization, and is mobile-responsive with media queries. Test thoroughly as some CSS properties aren't supported by all email clients. Export from design tools like Figma, then optimize for email.
How do I make Klaviyo templates mobile-responsive?
Use Klaviyo's responsive design features: 1) Drag-and-drop editor auto-generates mobile-responsive code, 2) For HTML templates, use media queries (@media only screen and (max-width: 600px)), 3) Single-column layouts stack automatically, 4) Use percentage widths instead of fixed pixels, 5) Minimum 44x44px touch targets for buttons, 6) Font size 14px+ for mobile readability, 7) Test with Klaviyo's preview tool across devices.
What's the optimal Klaviyo email template width?
Optimal template width is 600-640px. This ensures compatibility with most email clients while remaining readable on desktop and mobile. Narrower templates (600px) are safer for older email clients like Outlook. Use a centered container with max-width: 600px and set to 100% width on mobile devices. This width provides ~8-10 words per line at standard font sizes, optimal for reading comprehension and engagement.
How do I add dynamic content to Klaviyo templates?
Add dynamic content using Klaviyo template variables: {{ first_name }} for personalization, {% if %} statements for conditional content, {% for %} loops for product recommendations, {{ event.* }} for flow-triggered data (abandoned cart items, order details), custom property variables like {{ person.favorite_category }}, and dynamic product feeds. Use Klaviyo's drag-and-drop blocks for pre-built dynamic content or write custom liquid code for advanced personalization.
Are these Klaviyo email templates free to copy?
Yes. The six templates on this page, Welcome, Abandoned Cart, Browse Abandonment, Post-Purchase, Win-Back, and Back-in-Stock, are free to copy and paste directly into Klaviyo. Each includes subject line options, preview text, and full body copy with working Klaviyo liquid variables like {{ first_name|default:"there" }} and {% for item in event.extra.line_items %}. Swap the square-bracket placeholders (your brand promise, bestsellers, discount codes) for your own details, paste into the drag-and-drop or HTML editor, and test before sending.
Which Klaviyo email templates have the highest ROI?
The highest-ROI templates are automated flow emails, not one-off campaigns. Abandoned Cart typically recovers 8-15% of lost carts, Welcome Series sees 50-60% open rates and sets up first purchases, and Win-Back reactivates 12-15% of lapsed customers. Browse Abandonment and Back-in-Stock alerts convert high-intent shoppers who've already shown interest. Start with these automated flows before investing heavily in campaign template design, they run 24/7 and compound over time.
Get Professional Klaviyo Email Templates
Custom-designed, mobile-responsive email templates that increase click rates by 40% and conversions by 25%. Complete template library + ongoing design support.