Creating Your Template

Coding Your 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

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.
    <td colspan="2" class="header"><aw:header></td>
    <td class="body"><aw:body></td>
    <td class="sidebar"><aw:sidebar></td>
    <td colspan="2" class="footer"><aw:footer></td>

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, making it available in the template gallery for you or your client to use when creating messages.

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

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.

Using Your Template

Once you've saved your template you can access it in the template gallery whenever you work in our Drag & Drop Editor.

To find your template click on the Templates button.

Next, click on the My Templates button.

Then click on your template as presented below:

And finally, click the Apply button.