Coding your Email Template

When creating a template, you'll need to include our variables for drop zones (e.g. header, body, sidebar 1,2,3, and footer). Drop zones are the editable parts of your email template in which drag and drop elements can be placed. The only drop zone required by our editor to create a working template is <aw:body> . All other drop zones are optional.

In order to place any content within a drop zone you must use our drag and drop editor.

All other content outside of a drop zone will be treated as though it was meant to be hard coded un-editable HTML.

Email Layout and Drop Zones

basic frame of email template example

Consider this the structural frame of your email. This is where you determine where drop zones for things like your header, body, sidebars and footer will be. We've provided you with multiple sidebars for added flexibility.

Note: Using drop zones appropriately adds convenience when switching between templates.

<aw:body> This is a placeholder for your body drop zone.
<aw:header> This is a placeholder for your header drop zone.
<aw:footer> This is a placeholder for your footer drop zone.
<aw:sidebar> This is a placeholder for your sidebar drop zone.
<aw:sidebar2> This is a placeholder for another sidebar drop zone.
<aw:sidebar3> This is a placeholder for a third sidebar drop zone.

<table>
 <tr>
  <td colspan="2" class="header"><aw:header></td>
 </tr>
 <tr>
  <td class="body"><aw:body></td>
  <td class="sidebar"><aw:sidebar></td>
</tr>
<tr>
 <td colspan="2" class="footer"><aw:footer></td>
 </tr>
</table>

Saving Your Template

Once you've created this basic structure for your template and defined the drop zones, you have a functional template. If that's all you need, you can stop here and save the template, which will make that available in the template gallery to use.

Or, to further customize your template, click the Template Builder button at the bottom of the page.

be sure to save once you have made changes. if you want to further edit the template, you can access the template builder

Now you'll be able to use the AWeber message editor interface to insert any default content you'd like to have in place when the template is loaded. All the changes you make at this stage will be editable by the user.

Click Save & Exit at the bottom of the page when you're done.

Once you've saved your template you can access it in the template gallery whenever you work in our Drag & Drop Editor. For how to apply a template you created, you can view our article here.

What if I have issues designing my messages?

custom template design

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
Powered by Zendesk