Custom content blocks allow you to easily add your own html code to the email message you are designing.
using your own code may affect the way your message is displayed in email clients, preventing it from fitting the size of the screen.
Why use a custom code?
There are many scenarios where it makes sense to add your own HTML code:
Add more custom content
You are not limited by a set of predefined parameters and can therefore have more granular control over the styles applied.
Add HTML 5 video, hyperlinks, etc.
You can add content that is not available as standard content elements in the editor (HTML 5, video, hyperlinks, etc.)
Add Advanced Effects with CSS
Be creative with animations. Animation effects may not be fully supported by email clients, but if managed correctly, they can help your message go viral.
Add live content from external providers
Product recommendations, dynamic ads, custom maps, countdown markers... All this advanced content can easily be included in a message created with our editor. Just copy and paste the code provided by the supplier you are working with.
How do I add my HTML code?
To add your code, just drag an HTML content element into your message. You can place it alone, with other HTML elements, or mixed with other types of content.
The new content block will show you some default text placeholders. Click on the properties panel in the right-hand panel and the html code editing properties will be displayed. You will find some text placeholders within the editing area.
Paste your own HTML code or type directly into the editing area. The system will highlight and mark your code to make it more readable.
Which HTML tags are allowed?
HTML content will automatically fix some problems, such as HTML tags that are left open, and remove code that cannot be used, such as script or iframe tags (these code tags are not allowed by most email clients, they can cause security risks for the publisher on running applications).
|List of allowed tags|
|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|
|List of allowed attributes|
|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|
|area: alt, coords, href, shape, target|