How to upload an email template in Aweber

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

Prerequisites

• A Designmodo account
• An Aweber account
• A text editor that can open HTML files

Steps

1. Create a Postcards template with the required Aweber tag

The first thing we need is a template to work with. We’ll be creating a template in Postcards and adding the required Aweber tag to it.

We want to add the required tags in the Postcards editor so we can just copy and paste the code once we get to Aweber.

There is 1 required tag from Aweber and it looks like:

<AW:BODY>

This is called a dropzone and it’s where your message content goes.

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

We’ll be adding the Aweber body tag to the Header subtitle so click on the Header and that’ll open up the menu to edit the content. Then click “TEXT.”

Replace the contents in the editor with the Aweber body tag like this:

Then press “Done” in the top left of the menu.

Now our template is ready to go.

Press “Export” in the top right corner. Select “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 manually.

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

2. Create an email template in Aweber

In your Aweber dashboard under messages, select “Email Template Manager.”

In the new page, select “Import a template.”

Now open your index.html file in a text editor. I’m using Visual Studio Code so my file looks like:

Give your template a name and paste in all the code from this file in the Aweber editor. Your page should look like:

Next, press the “Pick Dropzones” button at the bottom of the page.

We already added the required dropzone so we can continue onto the “Template Builder” page. Press the “Template Builder” button at the bottom of the page or at the top of the page.

Press “Save As Template” and give it a name.

At this point, your template is ready to go.

I sent myself a test email and the template looks like:

What we covered

1. How to create a Postcards template with Aweber tags.
2. How to create an email template in Aweber using HTML code.