A Beginner’s Guide to eCommerce Order Confirmation Email Templates

woman in glasses with credit card in hand, smiling at her laptop to denote order confirmation email

This post shows you how to build great email templates using Klaviyo’s free email template creator.  Your emails are a key part of your customers’ experiences with you, and with a few easy steps you can make the right impression and keep your customers coming back.

Our goal is to help you build one great email template that you can reuse again and again by just replacing the middle text of the email.  The initial point is to keep this simple – so you can hopefully build an email template in 15 minutes – and we’ll later cover more advanced topics.

Shopify and Zencart Template Options

Some of the emails we recommend you use this for:

  • Order Confirmations
  • Notifications
  • Special Offers
  • Seasonal Promotions

What makes a great mail template?

Before you get started, it’s worth noting a few common characteristics we see of great email templates:

  • Clean: Everyone gets a lot of email and your typical customer won’t spend much time with your email. To this end, make sure your message is clear and your email is to the point.
  • Branded: Your store’s experience online should be matched in the email. By giving customers a common experience, you further reinforce the look and feel of your brand in their mind, as well as making it very easy for them to know who the email is from and what it’s about.
  • Attractive: You have limited chances each year to interact with your customers. It’s worth taking the effort to make your best impression.

Step 1: Add your Logo to the top

As a first step, add your logo at the top of the email by clicking the default white box. If you have a logo with an invisible background, use that. If you don’t yet have a logo, you can just put your store name in clean large text at the top.

The goal is to carry over the same look and feel of your online store, and this is often a quick and easy way to do it. It also has the benefit of immediately telling the customer who the email is from.

Adding your logo to your email template.

Step 2: Make the Email Personal, Helpful, and Simple

If you’re using an existing template, you’ll notice that the text is already populated for the basic shipping information.  You’ll also see lots of other text like {{ shipping_address.name }} – this is what’s replaced with the shipping information once you send the email.

For most emails you send to customers, a few tips that we’ve seen work well:

  • Be personal: Your emails should reflect your brand and personality, so don’t hesitate to use a more casual tone.
  • Be helpful: Because there is a real person on the other end of these emails, you should offer people the help they need.  Include an email address or a phone number if people need help with something.
  • Be simple: If you’re sending an order confirmation, make sure the email has all the information the customer will need.

Your customers probably don’t get many emails from you, so take advantage of the opportunity to make a good impression.

Step 3: Take advantage of the opportunity

Given that you’re already sending customers an email, consider taking advantage of the opportunity to add any other message to customers.

Some ideas:

  • Add social media link buttons
  • Add a picture of new products in your store with a link back to them
  • Add a special discount code for customers who make their second purchase within 30 days
  • Encourage people who order to refer a friend

To do this, you can add new sections to your email using the drag and drop interface:

Adding new blocks to the email template.

For example, if you wanted to add a link to your Facebook or Twitter account, you can drag over the Button Bar, then choose the buttons you want to add:

Adding Facebook and Twitter Buttons to your Order ConfirmationsStep 4: Preview your Email

Once you’ve created the email you want, you can preview the end result by clicking Preview on the left.

You’ll then have the option to either view it directly in Klaviyo or to have the email sent to you.

Preview your email templates.

Over time, we’re also going to add the ability to preview your emails with the actual order data from your store.  Hook your store up to Klaviyo here and we’ll let you know when that’s ready. We’re also some new free reports and tools that it’ll give you access too.

Step 5: Load Templates into Shopify

Once you’ve finished your template, you can follow these instructions to add the new templates back into Shopify.

If you need any help or run into any issues, don’t hesitate to email us at support@klaviyo.com and we’ll do our best to get back to you right away.

We’d also love it if you checked out Klaviyo’s full email marketing solution – here’s a feature tour and a video showing you how it works. Because it’s integrated with Shopify, we’ll have you up and running in no time with abandoned carts, newsletters, automated follow-ups with customers who haven’t been back lately, etc.

 

5 Basic Principles of Email Design (Infographic)

 

 

3 Ways to Segment Your Welcome Series

 

 

How to target inactive subscribers on Facebook

 

.yuzo_related_post img{width:260px !important; height:250px !important;}
.yuzo_related_post .relatedthumb{line-height:16px;background: !important;color:!important;}
.yuzo_related_post .relatedthumb:hover{background:#ffffff !important; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear;;color:!important;}
.yuzo_related_post .relatedthumb a{color:#323b43!important;}
.yuzo_related_post .relatedthumb a:hover{ color:}!important;}
.yuzo_related_post .relatedthumb:hover a{ color:!important;}
.yuzo_related_post .yuzo_text {color:!important;}
.yuzo_related_post .relatedthumb:hover .yuzo_text {color:!important;}
.yuzo_related_post .relatedthumb{ margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; }

jQuery(document).ready(function( $ ){
//jQuery(‘.yuzo_related_post’).equalizer({ overflow : ‘relatedthumb’ });
jQuery(‘.yuzo_related_post .yuzo_wraps’).equalizer({ columns : ‘> div’ });
})

Back to Blog Home

1 comment

  • This is rather helpful. I’m looking to do something similar in the Big Commerce platform. Good stuff.

Comments are closed.