1. Home
  2. Postcards
  3. Integrations
  4. How to Upload an Email Template in Klaviyo

How to Upload an Email Template in Klaviyo

In this tutorial, we’ll be creating a custom HTML email template in Klaviyo using a Postcards template.

Prerequisites

  • A Designmodo account
  • A Klaviyo account
  • A text editor that can open HTML files

Steps

1. Create a Postcards template with the required Klaviyo email tag

The first thing we need is a Postcards template with the required Klaviyo email tag added to it. We want to add the email tag in this step so we don’t have to edit the code later.

The one required email tag is the unsubscribe link and it looks like:

{% unsubscribe_link %}

In the Postcards app, I’ve created a template that consists of a Header 7, Content 4, Feature 5, Call to Action 1, and Footer 1. It looks like this:

How to Upload an Email Template in Klaviyo

We’ll be adding the unsubscribe tag to the footer.

Scroll down to the footer and click it. That’ll open the side menu and then press “Column #2.”

Create a Postcards template with the required Klaviyo

Scroll down to the bottom until you find where the email is defined and then replace the contents with the unsubscribe tag contents.

Unsubscribe tag

That is all the changes we need to make for this template.

Press “Done” at the top of the side menu and then press the “Export” button at the top right corner of the app. Then press “Download as zip” and make sure you have the “Host images online” option selected so you don’t have to download and upload the images yourself.

Your screen should look like this:

Download as zip

Download and extract your file into a folder you can work with. It should look something like this:

Download and extract

2. Create a custom email template in Klaviyo

In your Klaviyo dashboard, select “Email Templates” in the side menu.

Create a custom email template in Klaviyo

In the email templates page, select “Create Template” in the top right corner.

Create Template

In the create page, select “Import.”

Import

On the next page, give your template a name, then select and upload the index.html file you downloaded from Postcards in the HTML file section, and then press “Import Template.”

Import Template

At this point, your template is ready to go!

Template list

I sent myself a test email and it looks like:

Custom email template in Klaviyo

To remove the Klaviyo branding in the footer, you have to become a paying user.

What we covered

  1. How to create a Postcards template with the Klaviyo unsubscribe email tag.
  2. How to create a custom HTML email template in Klaviyo.
Updated on May 4, 2020
Was this article helpful?

Related Articles