Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

In the BEE editor you will find the "HTML block" content, which allows you to add your own custom HTML to messages created with the editor. To use it, drag the HTML block available in the "Content" tab, and drop it in the message. 

You just need to copy and paste your HTML in the text area under "Content properties". HTML syntax will be automatically highlighted and code will be formatted for better readability.

Benefits

There are many scenarios in which the HTML content block comes in handy.

  • Customized content: You are not limited by a set of predefined parameters and can, therefore, have more granular control.
  • Content not available natively in BEEYou can now add content that is not available as a standard content element in the editor (e.g. HTML 5 video, anchor links and a table of contents that leverages them etc.).
  • Advanced graphic effects with CSSAnimation effects are not widely supported by all email clients, but managed correctly they can help your message get viral.
  • Live content from external providersProduct recommendations, dynamic ads, personalized maps, countdowns etc. Just copy and paste the code provided by the vendor that you are working with. There are many vendors that provide this kind of innovative content for email.

Limitations

When using this feature, please note that adding your own code may affect how the message is rendered in email clients, preventing it from adjusting to the screen size (i.e. the “responsiveness” of the message could be impacted).

  • Make sure to use HTML that is email compliant and responsive.
  • Do extra testing on the message to ensure that things are working well.
  • You may not use certain HTML tags – such as “script” and “iframe” – as they are blocked in email clients, for security reasons.

For more technical users, here is a list of the HTML tags that are allowed

Allowed tags

a, abbr, acronym, address, 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

Here is the list of allowed attributes:

general attributesstyle, id, class, data-*, title
ahref, name, target
imgalign, alt, border height, hspace, src, vspace, width
tablealign, bgcolor, border, cellpadding, cellspacing, width
tbodyalign, valign
tdalign, bgcolor, colspan, height, rowspan, valign, width
tralign, bgcolor, valign

tfoot

align, valign

thalign, bicolor, colspan, height, rowspan, valign, width
theadalign, valign
litype
  • No labels