How to Upload an Email Template in ActiveCampaign

In this tutorial, we’ll be taking the HTML code from a Postcards template and adding it to an email template in ActiveCampaign.

We have released new email templates for ActiveCampaign.

Prerequisites

A Designmodo account
An ActiveCampaign account
A text editor that can open HTML files(NotePad, NotePad++, Visual Studio Code, Sublime, etc.)

Steps

1. Create and export a Postcards template

The main thing we need is a Postcards template for the HTML code.

In the Postcards app, create a template. Mine looks like this:

Next, we want to export this and use the HTML code that’s generated.

In the top right corner of the app, press “Export” and press “Copy Email Code.”

There is a "locked" option "Host image", that's fine, leave it as it is. Your screen should look like this:

Press “Copy Email Code”. And you should get a confirmation message. Now, we have everything we need to add this template to an ActiveCampaign email template.

2. Create a new template in ActiveCampaign

In the Email page, first select the “CampaignTemplates” option in the left side menu.

Then, in the new templates page, select the “Create template " button in the top right corner.

A new modal will open with form options to create a new template.

Make sure the “Custom HTML” option is selected for the template type and then press “Continue” like this:

Step 3: Add the Postcards template code to the custom HTML template

After you press “Continue”, that should take you to a page that looks like this:

Now we need the HTML code of the Postcards template.

Since the code is already copied to your clipboard, just press CTRL + V in the left side editor.

Your screen should look like this:

Press “Save and exit” in the top right corner, and then you’re done!

Your screen should look like this:

You can now create a campaign and use the new template you created. In the templates list, your template will likely be the last in the list.

In addition to this. there is an alternative way.

In the top right corner of the app, press “Export” and press “Download as zip”

There will be an option called “Host images online.” Make sure this option is checked. Your screen should look like this:

Press “Download Zip” and extract the file into a folder. My folder looks like this:

Open the index.html file you downloaded from Postcards in a text editor. I’m using Notepad so I’ll right-click my file and select “Open with Notepad”.

You should be seeing the HTML code that looks like this:

Now, you need to select everything — press CTRL+A to select all, then CTRL+C to copy. After that, just repeat the steps from Steps 2 and 3.

What we covered

How to export a Postcards template.
How to create a new template in ActiveCampaign.
How to add the Postcards template code in a custom HTML template in ActiveCampaign in two ways.