How to Upload an Email Template in Kit

Explore the seamless integration between the Postcards email builder and Kit (formerly ConvertKit) by exporting your custom email templates directly to your Kit account.

In this guide, we'll walk you through the simple process of exporting your email templates to Kit, ensuring your email campaigns maintain a consistent and professional look with minimal effort.

Download free email templates from our email template gallery.

There are two ways to do it:

• Connect Kit to Postcards with our integration and send your template across in one click — the fastest route.
• Export and paste manually — copy the HTML out of Postcards and build the template in Kit yourself.

We'll also cover how to add Kit's required tags so your emails work correctly. These are added inside Postcards before you send, so we'll start there.

Prerequisites

• A Designmodo account
• A Kit account
• A text editor that can open HTML files (only needed for the manual route)

Step 1. Add the required Kit tags in Postcards

The first thing we need is a Postcards template with the required email tags. We want to add these tags in the Postcards interface so we don’t have to edit the code later. The two tags we need are the unsubscribe URL and the message content.

They look like this:

In the Postcards app, I created a template that consists of Header 7 and Footer 1. It looks like this:

We’ll be adding the message content tag to the subtitle text in the Header.

Click the Header to open up the side menu and then click “Text” element.

Replace the content in the editor with the message content tag like this:

Next, we’ll be adding the unsubscribe tag to the footer.

Scroll to the footer and then click it. That’ll open a side menu to customize the values in the footer.

Find where the email is defined, and then update it with the unsubscribe URL values.

Now all the changes we need to make are finished.

Wait a few seconds for the auto-save.

Step 2. Send your template to Kit

Choose whichever method suits you. Option A is recommended — once connected, it takes a single click.

Option A — Connect Kit and send directly (recommended)

With the Kit integration, Postcards sends your template straight into your Kit account. No exporting, no copying HTML.

Connect your Kit account (first time only)

1. Open the integrations list. In the Postcards editor, click Export (top right) and choose Send to Email Platform. Click Add new integration at the bottom, then find Kit in the list of available integrations and click the + icon.

2. The connection window opens, all you need is your Kit API key now.

To Create a V4 API key in Kit, simply Click the API Key link in the window

It takes you straight to the Developer settings page in your Kit account.

Important: You need a V4 key. Kit's page also shows a V3 Key (Legacy) described as being for third-party integrations, but that older key won't work with Postcards. Use the V4 Keys section at the top of the page.

Under V4 Keys, click Add a new key.

Give the key a name — this is for your own reference only, so something like Postcards works well — then click Create API Key.

4. Copy and save your key. Kit shows the key once and once only. Click Copy, and save it somewhere secure before closing the window.

Important: As Kit warns, you won't be able to view this key again after closing the window. If you lose it, you'll need to reset it and create a new one.

5. Connect. Back in Postcards, paste the key into the API Key field. You can optionally give the connection an Integration Name. Click Connect.

Your Kit account is now linked and will be available for future exports — you only need to do this once.

Send your template

With Kit connected, click Export → Send to Email Platform → Kit and wait a moment while your template is sent across. You'll get a confirmation message with a link to your Kit Broadcasts page, where your template will be waiting.

Option B — Export and paste manually

Use this route if you'd rather not connect your account, or you want to edit the HTML before uploading.

Export the HTML from Postcards

Postcards gives you two ways to do this from the Export menu:

• Copy Email Code — this is the quickest option. It copies clean, production-ready HTML directly to your clipboard, so you can paste it right away into Kit:
  • Click Export in the top-right corner.
  • Select Copy Email Code.
  • The full HTML will be copied automatically to your clipboard.

• Download as ZIP — this downloads the full HTML package of your email, including the index.html file. Make sure "Host images/fonts online" is enabled before downloading, unless you plan to use your own hosted image and font files.
  • Click Export in the top-right corner and select Download as ZIP.

• Click the "Download as ZIP" button.

• Open the ZIP and extract the contents into a folder.

• Inside the extracted folder, locate the index.html file.
• Open index.html in a text editor such as Notepad, Notepad++, or Visual Studio Code.
• Copy the full HTML code from that file. (CTRL + A - to select all, then, CTRL + C - to copy)

Extract the file into a folder you can work with. It should look something like this:

Now we have everything we need for the custom Kit email campaign.

Create a custom email template in Kit

To create a custom email template in Kit, from the main Dashboard, select “Send”, and then choose “Email Templates” from the drop-down menu.

Next, you’ll be redirected to the Email Templates page. From there, click on “New Email Template”.

Once the Templates page opens, scroll to the bottom and choose “Import Code / Create HTML Template”.

You are now in the Editor. Give your template a name and paste in the code from the Postcards template you created. It should look like this:

After you finish editing the template, click on "Save" in the bottom right corner.

At this point, your template is ready to go!

Step 3. Test your template

Your template is now ready to use. You can send yourself a test by creating a new broadcast in Kit.

Here's a test I sent myself:

What we covered

• How to add the required Kit tags to a Postcards template
• How to connect your Kit account and send a template in one click
• How to export your Postcards template as HTML or copy the email code
• How to create a custom HTML email template in Kit and paste in your code