How do I add my own HTML to my message?

Once you start creating your follow up or broadcast using our Drag & Drop Email Builder, you may want to add your own HTML elements to your message. With our Drag & Drop Email Builder, you can easily accomplish this!

Our Drag & Drop Email Builder provides the option to modify text blocks in your message to add your own custom HTML code. If you're looking to fully code your own HTML without using the Drag & Drop Email Builder, our HTML Editor is available for you to use. This article explains how you can add your own HTML using the Drag & Drop Email Builder.

Step By Step Instructions

  1. To access the Drag & Drop Email Builder first hover your mouse over the Messages tab and select Drafts. From there, click the button to Create a Message and select Drag & Drop Email Builder.

    Select Drag and Drop Email Builder

  2. When creating your message, you will see the different blocks available for use in your message. You'll be dragging and dropping these blocks into your message.

    Drag & Drop Editor elements

  3. You can add your own HTML coding to any of the following blocks: Headline, Paragraph, Article, Product, Coupon, and Signature. Once you drag and drop one of those blocks into your message, click on the block, and then choose the "Source" icon from the toolbar.

    Click the Source icon from the toolbar

  4. A window will pop up where you can add in your HTML coding. Click "OK" once complete.

    Add code to the Source window and click OK

That's it! Now your block will be replaced with the custom HTML coding that you added into the source. If you need to make adjustments to that coding, just click the block where you added the custom HTML and complete the steps listed above again.

Please Note

The following HTML tags are not allowed and will be stripped out by the Drag & Drop Email Builder if added:

script, style, input, button, html, body, head, meta, link, iframe, form,
select, article, aside, bdi, details, dialog, figcaption, figure, footer,
header, main, mark, menuitem, meter, nav, progress, rp, rt, ruby,
section, summary, time, wbr, datalist, keygen, output, embed, video,
audio, object, track, source

The following HTML attributes are reserved for AWeber use and will be stripped out by the Drag & Drop Email Builder if added:

aw-variable, aw-attributes, contenteditable on*

The following classes are reserved for AWeber use and will be stripped out by the Drag & Drop Email Builder if added:

definition-parent, aw-canvas-element, aw-element-group, activeGroup, drag-handle, contenteditable, aw-image-link

What if I have issues designing my messages?

Our design team is pretty awesome!

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