Working with custom HTML

Overview
The Custom HTML content block allows you to easily add your own HTML code to an email message that you are designing with BEE. It’s as simple to use as a text block.
 

HTML experts only: Using 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). Make sure to use HTML that is email compliant and responsive.

 

BEE Plugin users: premium plans only. If you are embedding the our email editor into your application by using the Plugin, please note that enabling the Custom HTML content block is a server-side configuration available only on BEE Plugin Premium Plans.

 
 
Why using custom code
There are many scenarios in which it makes sense to add your own HTML code:
 
Adding more customized content
You are not limited by a set of predefined parameters and can therefore have more granular control of the styles applied.
 
Adding HTML 5 video, anchor links, etc.
You can now add content that is not available as a standard content element in the editor (HTML 5 video, anchor links, etc.).
 
Adding advanced effects with CSS
Get creative with animations! Animation effects are not widely supported by the email clients, but managed correctly they can help your message get viral.
 
Adding live content from external providers
Product recommendations, dynamic ads, personalized maps, countdowns… all of this advanced content can now be easily included in a message created with BEE. Just copy and paste the code provided to you by the vendor that you are working with.
 
 
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 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 (this code tags are not allowed by the major part of email clients, can cause deliverability problems or security risks for the editor an the applications that runs it).
 
Allowed tags list:
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 list:
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
 

 

Have more questions? Submit a request

Comments

  • Avatar
    Lijen Tan

    Hey there, I'm not seeing the HTML component with the latest version of Bee Plugin, is there something we need to do to enable it? Has it been released for the plugin? Thanks!

  • Avatar
    Sergio M.

    Hi Lijen, the custom HTML content setting is found under Dashboard > Application details > Application configuration > Content in your developer portal: https://developers.beefree.io/login. Please note that this feature is only available in the BEE Plugin paid plans. Hope this helps!

  • Avatar
    Lijen Tan

    Got it, thanks!

  • Avatar
    Sanath Yapatla

    Hey, We have a lot of existing email Templates(HTML) in our database. Lets say if I add the entire of it in the custom html tag. Will it be editable as the other drag and drop components ?. If not Is there any algorithm or a piece of code which converts normal email html into your JSON format ?. I am justing waiting for this piece as its crucial in our case.

  • Avatar
    Guille Padilla

    Hi Sanath, the HTML content work as an HTML editor, you enter code and edit code.
    About template conversion, the output, the BEE JSON, is an strict format, so may work perfectly in a conversion tool. The problem is the input format, the HTML usually change a lot from an email to the other, and you need to manage too many exceptions.
    The most used approach with this is:
    - Maintain the old templates and editor as a legacy mode
    - Offer the new editor and invest a little of time in creating new awesome templates

    Edited by Guille Padilla
  • Avatar
    Guille Padilla

    The HTML content has beed updated to support link maps on images 😄

    Edited by Guille Padilla
  • Avatar
    Nick

    Hi,
    Does the HTML content exist on BeeFree ? If it does, how to enable it ? Couldn't find out this page Dashboard > Application details > Application configuration > Content.
    Thanks.

  • Avatar
    Guille Padilla

    Hi Nick, all the information about the configuration are available here:
    http://help.beefree.io/hc/en-us/articles/204783212-Server-side-configurations

  • Avatar
    Darshan

    We have multiple accounts If i upload the images is it visible to all other accounts.??
    For Ex:For a account if i upload some image like a.png.
    If b account if i upload some image like b.png.
    One More How to get the local path of image uploaded and save to my folder???

  • Avatar
    Guille Padilla

    Hi Darshan, please, take a look at this article about the UID (user identifier):
    http://help.beefree.io/hc/en-us/articles/208185235-How-does-the-UID-parameter-work-

    The complete list on FAQ articles may help you with related doubts:
    http://help.beefree.io/hc/en-us/sections/201929242-FAQs-on-BEE-Plugin

  • Avatar
    Aude Aprolis

    Hi,
    The HTML editor not allow to add bgcolor for that is a problem when i want to add color in my table.

    What can I do and why can not we do this ?

    Thx

  • Avatar
    Aude Aprolis

    Actually I can not apply any color in any element of my table.

  • Avatar
    Sergio M.

    Hi Aude, you should be able to add the bgcolor attribute in the HTML content block. If not, can you please clarify what you're trying to design?

  • Avatar
    Shane Weightman

    Hi,

    Once I've downloaded an HTML file from BeeFree, how do I then email that out to someone?

  • Avatar
    Sergio M.

    Hi Shane, the BEE editor is simply a design tool. You can send a test send to a few email address within the editor, but for a bulk send you'll need a separate emailing/sending tool, such as Sendy - http://help.beefree.io/hc/en-us/articles/115000830169-Exporting-to-Sendy - or via your Gmail/Outlook inbox, as explained in http://help.beefree.io/hc/en-us/community/posts/207279869-Import-into-Outlook-and-problems.