How do I import my custom message template?

When starting your campaign, you may already have a message template that you have created in another service, or you may have had a designer create a custom template for you that you would like to use with our message editor. In this article, we will review how to import a custom template that has been created outside of our service.

Step By Step Instructions

  1. Within the Email Template Manager tab, click "Design My Own Template" and select "Import a Template."

    Import a template option

  2. You will then be taken to a page where you can first name your template.

    Text box to name template

  3. Next, you will want to copy the HTML code for your custom template that you are trying to import, and paste it into the box under the header for "Paste in your HTML below:"

    Text box to paste HTML code

    Then, click the "Pick Dropzones" button at the bottom of the page.

    Pick Dropzones button

  4. On the following page, you will then be prompted to pick the dropzones for the template. First, click on the area of your template that you would like to use for a particular dropzone to highlight it. This is important in making sure your dropzone is placed in the right part of your template. Then, click and drag the dropzone to the corresponding part of your template that you would like for it to be associated with.

    drop zone icons for body, header, footer, and sidebar

    The dropzones are used to define the parts of the template that you will be able to edit whenever you create a message from it.

    <AW:BODY> - Defines the body of your message. Usually where the main content for your message is.

    - Defines header text for your message.

    <AW:FOOTER> - Defines the footer for your message. Usually contains your contact information.

    <AW:SIDEBAR> - Defines editable sidebars, columns or rows for your template.

    Here is an example of a message before the dropzones have been defined:

    Message template with no labeled dropzones

    Here is that same template after the dropzones after the dropzones have been defined by being dragged down into it:

    Message template with labeled dropzones

    Note: Each dropzone can only be used once. So when importing in a template you may want to consider each of the different areas that you want to be editable for that template.

    When you are finished picking your dropzones, you will want to click the "Template Builder" button at the bottom of the page.


  5. Finally you will be taken to the "Template Builder" page. Here, you can edit the template even further from those dropzones that you defined. You can drag and drop different blocks into the template to replace the blocks that were placed into it, or you can just keep it the way that it looks.

    To delete a block, first click on the block you would like to delete. Then, click the "Delete" button for the block.

    Delete Icon Next to Paragraph Element on Message Canvas

    To add new blocks to your message, simply drag them from the left hand toolbar into the body of the message.

    Example of Elements in Message Editor

    Paragraph block The "Paragraph" block creates a block of text. Click to edit the text once you've placed the paragraph block.

    Article block The "Article" block creates a headline, a text area, and a "read more" link. Click the text to edit it, and set the URL of the link in the window to the right. Some templates may include an image as well - if that's the case, you can edit the image via the window to the right as well.

    Image block The "Image" block allows you to insert an image into your message. The window to the right allows you to upload an image directly to AWeber or enter the URL of the image you'd like to display. You can also have the image link to another page when clicked, and provide the text that will appear when someone hovers their cursor over the image.

    Video block The "Video" block allows you to add a YouTube video to your message. This will take a screenshot of your YouTube video and hyperlink the image with the URL of the YouTube video.

    Button block The "Button" block creates a clickable button. To the right, you can change the URL the button is linked to, change the button label, text style, button color, or replace the button with another image.

    Social_Button.png The "Social" block adds buttons to allow audience to follow you on social mediaadd the links to your social media accounts using the menu to the right.

    Product block The "Product" block creates an image which you can replace with an image of your product, along with text for the product's name, description, and price. Finally, it comes with a button that can take customers to your order page. The image and button can be edited via the right side window.

    Coupon block The "Coupon" block is ideal for special offers or discounts, with a text area and a dashed border (think a cut-out coupon) by default. On the right, you can add a background image or change the border.

    Logo block Similar to the "Image" block, the Logo block inserts an image, but automatically loads your logo if you've set one up on the "List Settings" page.

    Signature block The "Signature" block adds your signature file to your message. 

    Divider block The "Divider" block allows you to add visible separation elements to your message with borders that are dotted, dashed, or solid.

    Share_Button.png The "Share" block allows your readers to share your broadcast to popular social networking sites like Facebook, Twitter, and LinkedIn. Add which services you would like to share to from the Share menu to the right.

    Row element The "Row" block allows you to add new rows to the body of your message.

    Carousel_Button.png The "Carousel" block allows you to add an Image Carousel powered by AMP to the body of your message. In order for the use the Image Carousel, be sure to install AMP for Email.

    Feed_Button.png The "Feed" block allows you to add the RSS feed of your blog to your message.

  6. Beyond that, you can continue to edit the template like you normally would. Among other things, you can edit the formatting of the text within the element and insert any images that you would like to insert as well.

  7. Once you have your template looking the way you like just click on the "Save & Exit" button at the bottom of the page.

    Click Save & Exit to save your template

    Note: As you are working on the template you may want to save your progress by clicking the green "Save" button.

  8. When you go to create a new message, click the "Templates" button.

    When you create a new message click Templates

    From here, click "My Templates."

    Click My Templates to view any custom templates you've saved

    You will then see your template as a template that you can apply and use. Just click the thumbnail for your custom template to apply it, or click on your template and then click "Apply" below.

    Select the template you would like to apply and click Apply
    Note: If you are having trouble importing your template, please contact our Customer Solutions Team and they will be able to assist you!

What if I have issues designing my messages?

AWeber offers hundreds of templates you’re welcome to use! If you would ever find yourself wanting to modify an existing template or would like a custom template built for you to reflect your branding, our Template Team would be happy to modify existing templates or design a custom template for you!

Have more questions? Submit a request