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:-
- Simply drag a HTML content block to your message to add HTML code.
- You'll see a default placeholder text. Click on it and you'll see the side property panel that display HTML code.
- Replace the placeholder HTML code by pasting your own HTML code or edit directly on it.
- 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