How do I add my own HTML to my message?

Once you start creating your campaign 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. 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.

    Hover over Create a Message and select the Drag & Drop 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.

    Elements are highlighted on the left side of the editor

  3. You can add your own HTML coding to any of the following blocks: 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 Paragraph toolbar.

    Gif of selecting the paragraph symbol, then source button

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

    Pop Up window to add custom HTML

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.

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?

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