The custom HTML content block allows you to easily add your own HTML code to an email or landing page that you are designing. It’s as simple as using a text block.
Please note: Using your own code may affect how the message renders in email clients including preventing it from adjusting to the screen size (i.e. the “responsiveness” of the message). Make sure to use HTML that is email responsive.
Why use custom code?
Here are the benefits of using your own HTML code:
- Add more customised content - You aren’t limited by a set of predefined parameters meaning you will have more control of the email/landing page design.
- Add HTML 5 video, anchor links, etc. - You can add content that isn’t available as a standard content element in the editor (HTML 5 video, anchor links, etc.).
- Add advanced effects with CSS - Get creative with animations! Animation effects aren’t widely supported by the email clients, but managed correctly they can enhance your message.
- Add live content from external providers - Product recommendations, dynamic ads, personalised maps, countdowns… All of this advanced content can be easily included in your campaign. Just copy and paste the code required.
How do I add my HTML code?
To add your code just drag the ‘HTML’ content block into your campaign. It can be positioned alone, with other HTML content items, or mixed with other types of content:
The newly inserted content block will show some default placeholder text. Click on it and the right-side property panel will display the HTML code editing pane. You will find some placeholder code inside the editing area:
Paste your own HTML code or write it directly in the editing area. The system will highlight your syntax and indent your code to make it more readable.
Which HTML tags are allowed?
The HTML content will automatically correct some issues like HTML tags that are left open, and strip out code that cannot be used, such as script tags or iframe tags (these code tags are not allowed by the major part of email clients, can cause deliverability problems or security risks).
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