The Drag and Drop editor supports other features such as Dynamic images and custom HTML for customization of your email message.
When you insert an image in the editor, you can mark it as ‘Dynamic.’ Dynamic images are the images that change depending on one or more values that are passed to the system that delivers them. The link to the image is no longer a static URL but rather a URL that contains some variables, such as an email, a customer ID, a date, and so on.
The variables are the merge tags in the URL and are replaced with actual values (for example, the ID of a customer, the email of the recipient, the name of the person) at the time the email is sent, or the landing page is rendered. For example, you can use the dynamic images feature when you are using a third-party service that displays a different image in each contact’s own email client depending upon the personalized information dynamically provided in the full URL of the image.
The Custom HTML content block allows you to add your own HTML code to an email message that you are designing with the editor. It’s as simple to use as a text block.
📋 Note: Using your own code may affect how the message is rendered in email clients, preventing it from adjusting to the screen size (that is, the responsiveness of the message). Make sure to use HTML that is email compliant and responsive.
How do I add my HTML code?
To add your code, just drag an HTML content element into your message. It can be positioned alone, with other HTML content items, or mixed with other types of content.
The newly inserted content block shows a default placeholder text. Click on it and the right-side property panel displays the HTML code editing panel. 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 automatically corrects minor issues (such as HTML tags that are left open) and strips out the code that cannot be used (such as script tags or iframe tags – these code tags are not allowed by most email clients and therefore, can cause deliverability problems or security risks.)
The following is the list of supported 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
The following is the list of supported 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
- li: type
- map: name
- area: alt, coords, href, shape, target