Shopify provides many default email templates that can be leveraged within Shopify for automated notifications, such as shipping updates and password resets. While these templates are functional, there is no built-in template editor in Shopify that you can use to customize and style these emails. With Klaviyo, you can fully customize your Shopify notification templates with a distinct layout and style.
All Shopify notification emails will still be sent through Shopify, not Klaviyo. Once you've customized each template, you will need to export the HTML code in a few clicks and paste this template code into Shopify.
After you integrate Klaviyo with your Shopify store, click on the Email Templates tab. Here, you will find a series of pre-built Shopify templates below Klaviyo's default newsletter templates. You can click on any template to customize it and export the HTML for a template by clicking Export from the Edit drop-down menu.
Customize your Notification Templates
You can use Klaviyo's template editor to change colors, add content, and otherwise style your Shopify notification templates.
To add product images in a Shopify order confirmation email, you'd need to modify the HTML and add Shopify's specific tags. You can use Shopify's notification reference to find the correct Shopify tags. Here's an article from their forum on this topic. If you have any issues, we recommend contacting Shopify support.
Unfortunately, Shopify doesn't currently support the use of Product Blocks. For this reason, if you attempt to export a notification template from Klaviyo that has a product block, you will see an error message or the Export option will be grayed out. If you delete the block, you should then be able to successfully export the template.
Modify Template Variables & Preview Your Template
Keep in mind that all of the variables you see in these templates are Shopify variables. While you can edit the content and customize these templates any way you'd like, edit the blocks with dynamic variables with caution. If you make too many changes, you may impact the functionality of the template.
To learn more about Shopify's email variables as you consider editing these templates, click here.
Since all of the variables in these templates are Shopify variables, this also means you will want to export these email templates and preview them directly in Shopify. This will allow you to get the best idea of what they will look like when sent to your customers. You won't be able to preview these templates in Klaviyo and see the variables populate with dynamic content.
Create a New Shopify Notification Email Template
If you've already finished integrating your Shopify store with Klaviyo, all available Shopify notification templates will have populated in your account and updated with your brand's logo, color scheme, fonts, and social links.
If you would like to create a new email template and have not completed the setup wizard yet, you can go to the Email Templates tab and click Create Template. Next, choose the relevant Shopify notification template from the Shopify section.
Click Create Template and you'll be taken to the template editor. From there, you can edit any blocks you'd like, and also add new blocks/block styles to customize the template for your brand.
Export Your Template To Shopify
All Shopify notification emails are sent through Shopify, not Klaviyo. Once you've customized your templates, you'll need to export the HTML code and paste it into Shopify. To export your template:
- Click Export HTML for the relevant template on the Getting Started tab or
- Go to your Email Templates tab, click the Edit drop-down for a template, and choose Export
If your template contains a product block, you will be unable to export your template. After you delete the product block, you will be able to successfully export your template.
To copy/paste your code into Shopify:
- In your Shopify store's back-end, click Settings > Notifications
- Here, find the first notification template you would like to update and click on it; you will need to copy HTML code for each individual notification email individually
- You will immediately see a large section labeled "Email body (HTML)"
- Here, copy the HTML code you exported from Klaviyo and paste it into Shopify -- you will want to replace the existing code you will see in this window
- Next, send yourself a test email -- you should get an example in your inbox that reflects the customized template you designed in Klaviyo
Once you've done this, click Save.
Keep in mind that Klaviyo has all of your templates saved. If you decide to change your logo or website theme, it's easy to go back and update these notification emails accordingly.