Introduction
With eTrigue's Drag and Drop Email Builder, users enjoy the ease of quickly crafting nice responsive Email Messages for their Email Campaigns.
Now users can take it one step further when designing emails. Introducing HTML Content Blocks, these blocks allow users to add custom HTML to their email messages. Benefits of adding custom HTML blocks include, but are not limited to:
- Get more granular control of your styling.
- Supports HTML 5, such as HTML 5 video and anchors.
- Supports CSS animations. Please note that animations may not be supported by some email
clients, but when supported correctly, your emails will dazzle even more.
NOTE: For experienced HTML users only: Adding custom code may affect how your Email Message is rendered by email clients.
This can affect the built-in "responsiveness" of emails, such as screen adjustments or resizing on mobile devices. Custom HTML should be email compliant and responsive as possible.
How to Add HTML Blocks
- Open your Email Message in DemandCenter.
- Add a Row to your Email Message.
- Drag and place the HTML content block into Row, or place it next to existing content blocks.
- Locate the default placeholder text that says "I'm a new HTML block", then click on it to access its properties.
- You can start coding your own HTML directly into this area, or paste over the placeholder text.
NOTE: The Drag and Drop Email Builder will automatically correct minor issues like incomplete tags and will remove code that cannot be used by the Drag and Drop Email Builder.
For example, tags such as <script> or <iframe> tags are not allowed. This is partly due to the facts that these tags: are not fully supported by all email clients; can impact readability; and are considered security risks for email clients and applications that runs them.
Information About Specific HTML Tags
Allowed HTML Tags
The table below lists what HTML tags are supported by HTML Content Blocks.
HTML 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 |
Allowed Attributes
The table below lists what attributes are supported for the most common HTML tags.
HTML Tag |
Allowed Attributes |
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 |
th |
align, bicolor, colspan, height, rowspan, valign, width |
tfoot |
align, valign |
thead |
align, valign |
li |
type |
map |
name |
area
|
alt, coords, href, shape, target |