How to Use Klaviyo to Update Shopify Order and Shipping Confirmation Emails
One of Klaviyo’s defining features is our intuitive, drag-and-drop email template builder, which makes it incredibly easy for marketers to create beautiful and responsive email templates without any knowledge of coding. Every email you create using the template builder is automatically saved as an HTML file, too. Because of this, it’s as easy as copy and pasting to import your templates into Shopify.
Unlike marketing emails, emails like shipping and order confirmations are transactional emails that are often sent directly through Shopify. Shopify’s email template builder is limited in terms of styling and branding, so many Klaviyo users prefer to create their transactional emails in Klaviyo and import them into Shopify.
1. Create Your Template in Klaviyo
First, create your email in Klaviyo using the template editor. Using our editor, you can design your email however you’d like, with virtually no limitations. We even have built-in templates designed specifically for Shopify. For tips on email design best practices, check out these posts:
- 5 Rules for Using Images in Your Email Templates
- The Anatomy of an Email Template
- Font, Colors, and Styling in Email Templates
- The Basics of Email Template Layout
If you’re interested more specifically in shipping and order confirmation content, read our best practices:
2. Export the HTML
When you are finished designing your template, you will export the HTML by navigating back to the Email Templates tab and clicking the down arrow next to the particular template you would like to import into Shopify. Here, you will see an option to export.
A window containing the HTML will pop up; simply copy this code.
3. Import the HTML Into Shopify
Now that you have the HTML for your template, you will need to go into your Shopify account settings and update your pre-built templates. Navigate to the Notifications tab and you will see your transactional email templates.
Once you click into the particular email you would like to change, you can simply switch out the existing code with the HTML you copied from your Klaviyo account.
And voila! It’s that easy to update your transactional emails in Shopify. Updating these templates will allow you to maintain brand consistency in your customer-facing messaging and styling, namely in your marketing and transactional emails.
Sign Up for the Klaviyo Newsletter
.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’ });
})
