Adding HTML snippets into your emails

If you want to build some creative email layouts that our drag-and-drop editors can't do, you can always use the Custom HTML content block to add your custom HTML code.

Important: We only recommend user that are expert in HTML to do this. Using your own code may affect how the message is rendered in email clients. Also, try to open the email in different email clients before sending to your subscriber.

Why using custom HTML snippets

You can consider using HTML content block if you need:-

• More customization
  With custom HTML snippets, you are not limited to the parameters that what the editor offers. Therefore you can have more controls on the styles applied.
• Add HTML video, anchor links, etc
   You can add HTML video, anchor links and other components that is not currently available in the editor.
• Add advanced CSS effects
  You may want to add some CSS animations into your email. Although CSS animation is not widely supported, it can really help in email marketing if you use it right.
• Add live content from external parties
  You can add product recommendations, dynamic ads, personalized maps, countdowns...all the advanced content into your email. Just copy and paste the HTML code that provided to you.

How to add HTML content block

To add HTML code, follow these steps below:-

1. Simply drag a HTML content block to your message to add HTML code. 
2. You'll see a default placeholder text. Click on it and you'll see the side property panel that display HTML code.
3. Replace the placeholder HTML code by pasting your own HTML code or edit directly on it. 
4. Done!

Which HTML tags are allowed?

The editor will automatically correct some common issues like HTML tags that left open and stripped out the code that cannot be used, such as scripts tag and iframe tags.

Allowed tags list

a, abbr, acronym, address, area, b, bdo, big, blockquote, button, caption, center, cite, code, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, i, ins, kbd, label, legend, li, map, menu, ol, optgroup, option, p, pre, q, s, samp, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, u, tr, tt, u, ul, var

Allowed attributes list

general attributes: style, id, class, data-*, title

a: href, name, target

img: align, alt, border height, hspace, src, vspace, width, usemap

table: align, bgcolor, border, cellpadding, cellspacing, width

tbody: align, valign

td: align, bgcolor, colspan, height, rowspan, valign, width

tr: align, bgcolor, valign

tfoot: align, valign

th: align, bicolor, colspan, height, rowspan, valign, width

thead: align, valign

li: type

map: name

area: alt, coords, href, shape, target