October 2021: HTML for Email 3.0

Summary

We are happy to announce the release of BEE HTML for Email 3.0!

This latest build offers several improvements over the previous version, including:

Faster design rendering
Reduced output file size
Simpler, cleaner HTML output
Wider email client compatibility, including reduced Gmail clipping

As of the date of publishing, this release is ongoing and may not have reached your BEE Pro account yet. We are making this available to small groups of BEE Pro customers at a time. The BEE Free editor was updated to BEE HTML for Email 3.0 on August 30th, 2021.

About the BEE HTML for Email

When you create a design, BEE saves it as a JSON file. The HTML for Email component transforms these files into ready-to-use HTML emails. This is a core service for all BEE products (Free, Pro, and Plugin).

In the past, we have adapted to changes with minor modifications to the output of BEE's HTML for email. On occasion, though, we find that a more comprehensive change is necessary. This update is the product of a long-term research and experimentation process. Optimized cross-platform email client compatibility is the ultimate goal.

BEE HTML for Email 3.0 represents a major revision to this component. Our main priority with this update is to reduce the size of HTML generated by the BEE editor without sacrificing the quality of the source code.

New Features

HTML File Compression

Our average exported HTML data footprint content has considerably decreased over the previous builds. We've based these findings on extensive testing of over 600 designs.

Summary of Key Improvements:

Faster loading and rendering
Reduced mobile clipping
Reduced bandwidth consumption

Improved HTML Rendering

This is a basic overview of the updated architecture. Please check our Plugin documentation for full technical details.

In version 3.0, we have moved from a DIV element-based fluid hybrid design to a more standard table layout. This minimizes the number of conditional comments and CSS media queries. As a result, HTML files are smaller and more efficiently coded.

Summary of Key Changes:

Migration from <div> to <table> formatted codebase
Most Content Blocks have been re-coded for conciseness
Final HTML code is now compressed to remove whitespace between tags
Transparent dividers are now automatically converted into padding

Bug Fixes

HTML for Email 3.0 includes some minor bug fixes. Many of these bug fixes addressed minor rendering inconsistencies across different versions of Outlook. Some of the most noticeable bug fixes include:

Enhanced in-editor email preview
Better icon text alignment on mobile devices
Improved pasted text behavior (particularly when content includes linebreaks)
Improved button rendering in dark mode (Outlook only)

If you're interested in learning more about the previous version of BEE's HTML for emails, you can learn more in our article HTML for Email 2.0.

Comments

2 comments

Aris Gatoudis (FE Developer

October 26, 2021 14:36
Hey this is a great update that we were waiting!

If you can do something for the complex button code too it will be a life saver.

Maybe an option to the UI to sacrifice the round corners on the buttons and have one button/link for all email clients.
0
Melania

October 27, 2021 08:13
Hi Aris and thanks for your feedback. We are going to forward it to our Product Team!
0

Article is closed for comments.

Articles in this section

In this article

Summary

About the BEE HTML for Email