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. With our easy template importer, it is easy to import in a custom template that has been created outside of our service.

Step By Step Instructions

  1. Start by going to the "Messages" tab and click on "Email Template Manager." Next, you will be taken to the "Create A New Template" page. Here, click "Design My Own Template" and select "Import a Template."

    Click Import a Template

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

    name your 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:"

    add any HTML code you have

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

    then choose pick dropzones

  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 before the dropzones have been added

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

    message after the dropzones have been added

    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" arrow at the bottom of the page.

    click on template builder
  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.

    Click the block you would like to delete and click the Delete button

    To add new elements to your message, simply drag them from the toolbar at the left hand side of the message editor into the body of the message.

    To add new elements to your message, simply drag them from the toolbar at the
    left hand side of the message editor into the body of the message

    Screen_Shot_2022-01-10_at_12.24.04_PM.png The "Text" element creates a block of text. click on the block once you've placed it to edit the text.

    Article block The "Article" element 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" element 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.

    Button block The "Button" element 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.

    Follow Me block The "Follow Me" element adds buttons to allow readers to follow you on Facebook and Twitter - simply add the social media accounts using the menu to the right.

    Product block The "Product" element 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 menu.

    Coupon block The "Coupon" element 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" element, the Logo element inserts an image, but automatically loads your logo if you've set one up on the "List Settings" page.

    Signature block The "Signature" element adds your signature file to your message. Learn how to edit your signature file.

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

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

    Video block The "Video" element 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.

    Row blockThe "Row" element allows you to add a row in your message. You can fill that row with any of the other elements, such as images, text, headlines, etc. You can even add columns to position different elements side by side.

  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 once your template is complete

    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?

Custom Template Design information

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