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

How to Upload an Email Template in Aweber

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:

How to Upload an Email Template in Aweber

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.”

Aweber body tag

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

Replace the contents

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.

Create a Postcards template with the required Aweber tag

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

Extract the file

2. Create an email template in Aweber

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

Create an email template in Aweber

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

Import a template

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

Now open your index.html file

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

Aweber email editor

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.

Pick Dropzones

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

Save As Template

At this point, your template is ready to go.

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

Test email

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.

 

Updated on June 6, 2023
Was this article helpful?

Related Articles