There are e-mail builders all all over the world with just a few additional grey hairs and wrinkles because of challenges that Microsoft Outlook causes us. However take coronary heart my associates! There could also be an finish to the nightmare of coding emails for desktop variations of Outlook.
Final yr, Microsoft introduced it plans to launch a brand new Outlook for Home windows. The announcement was primarily geared towards Outlook customers, and it invited beta testers to begin taking part in round with the up to date model. Nevertheless, there was a line added to the article that was music to the ears of e-mail geeks:
“Immediately, we’re taking our subsequent step by sharing a preview of the brand new Outlook for Home windows, designed to deliver consistency throughout our Home windows and net codebases…”
Margie Clinton, Microsoft 365 Insider article
The important thing phrase in that citation above is “consistency.” So, why is that such a giant deal? We’ll clarify.
Why Outlook for Home windows is a large headache
In the event you’ve been within the e-mail advertising and marketing world for some time, you’re most likely conscious of the largest problem for individuals who code campaigns: e-mail purchasers don’t render HTML and CSS constantly.
There are various ranges of assist for sure types of HTML and CSS. Which means the way in which one thing seems to be on Gmail could look fairly totally different in Yahoo Mail. To see simply how difficult this will get for e-mail builders, take a look at the web site CanIEmail.com and evaluate assist amongst e-mail purchasers.
The greatest wrongdoer of all has been the desktop variations of Outlook (for Home windows 2003 – 2019). That’s why our tongue-in-cheek article on e-mail consumer stereotypes labeled Outlook “The Troublemaker.”
The primary purpose for all that bother is that Outlook for Home windows has been utilizing Microsoft Phrase as its rendering engine for years. And in case you suppose it appears odd to make use of a phrase processor to render e-mail code, you’re not fallacious. To be taught extra about this, take a look at Rémi Parmentier’s publish on the present Outlook rendering engine.
It’s seemingly that Outlook customers make up a a lot smaller proportion of your record compared to mailbox suppliers like Gmail and Apple Mail. Nevertheless it’s an vital e-mail consumer for B2B manufacturers and large enough that B2C senders can’t ignore it both.
Outlook coding points are such a giant drawback that they majorly affect the way in which we develop emails. Hussein Al Hammad defined why in a publish for the Electronic mail Markup Consortium (EMC):
“Given the broad use of Outlook for Home windows globally, e-mail builders caught with patterns solely wanted to make sure their HTML emails render properly on Outlook for Home windows. As a result of these patterns should not wanted for emails to render properly elsewhere, it’s an Outlook-first method and never a user-first one.”
~ Hussein Al Hammad, Electronic mail Markup Consortium
The truth that we’ve typically needed to code what works for in Outlook fairly than what’s greatest for subscribers has been a bummer – to say the least. However that would change as individuals and companies undertake the brand new Outlook for home windows.
What to anticipate from the brand new Outlook for Home windows
When Microsoft said that it was going to “deliver consistency throughout our Home windows and net codebases,” it signaled that the brand new desktop model of Outlook would render code in the identical manner as web-based variations of Outlook.
Which means the brand new Outlook for Home windows would use a web-based rendering engine identical to most different purchasers do. So, there will probably be extra assist for HTML and CSS, which is able to clear up fairly just a few issues for e-mail builders. Listed here are a few of the greatest modifications to count on:
1. No extra utilizing tables to code emails
As soon as the desktop variations of Outlook are lastly laid to relaxation, the necessity to use tables to code e-mail layouts will not be a necessity. The first purpose e-mail builders have been doing that’s due to Outlook and its Phrase rendering engine.
Tables offered one of the best ways to successfully measurement and place e-mail components in Outlook for Home windows. However additionally they created a variety of additional work for e-mail coders who could want to make use of <div>s as an alternative. Sadly, since Outlook ignores inline styling, we are able to’t fashion <div>s with CSS.
The excellent news is, with the brand new Outlook for Home windows and its web-based rendering engine, we are able to count on fewer damaged layouts and the power to make use of extra CSS. It could additionally imply the top of utilizing ghost tables to repair Outlook alignment points.
2. Coding margin and padding will get simpler
Among the many many issues Outlook brought on for e-mail coding, points with spacing had been a few of the most irritating.
For starters, apart from Outlook 2003, builders are unable to make use of CSS properties like “margin” or “padding” in code for the opposite desktop variations. Outlook removes padding in some conditions. That may embody picture padding, which when ignored could trigger textual content to look flush towards an e-mail graphic.
For the reason that margin and padding CSS properties have higher assist in Outlook net and cell functions, it’s secure to imagine that we’ll be capable to use them for the brand new Outlook for Home windows.
3. Assist for CSS background photos
As a result of Outlook.com and Outlook 365 use a web-based rendering engine, CSS background photos are not any drawback in any respect. Nevertheless it’s been a special story for the desktop variations. Whereas Outlook does assist the background-color property, e-mail builders have been pressured to make use of desk background picture attributes as an alternative of the CSS property background-image.
The opposite choice has been to make use of vector markup language (VML) for background photos in Outlook emails.
As soon as the brand new Outlook for Home windows replaces its outdated ancestors, we’ll be capable to measurement and place e-mail backgrounds and use bigger photos for retina shows.
4. Fewer conditional statements in emails
When e-mail builders wish to embody code that’s just for sure variations of Outlook, or they wish to conceal content material from Outlook subscribers (as a result of it received’t work), conditional statements have executed the trick.
As the present desktop variations fade away and make room for a brand new Outlook for home windows, e-mail coding received’t require as lots of these <!--if [mso]> statements. In actual fact, that is one thing to bear in mind as issues progress, since you’ll wish to take away these MSO conditional statements to simplify your code and cut back bloat.
What does this imply for the way forward for e-mail coding and testing?
There are a lot of different rendering points which will disappear together with adoption of the brand new Outlook for Home windows. However don’t get too excited simply but. First, companies and e-mail customers might want to replace their variations of Outlook. And it ought to come as no shock that this received’t occur mechanically. In any case, that’s why we’re nonetheless ensuring emails look okay in Outlook 2010 proper now.
The date to mark in your calendars is October 2026. That’s when Microsoft says it is going to formally finish its assist for desktop variations that use the Phrase rendering engine. As soon as that occurs, those that are gradual to undertake must begin utilizing the brand new Outlook for Home windows.
Since its earliest days, Electronic mail on Acid by Sinch has taken on the mission of simplifying the complexities of e-mail improvement. We’ve executed that by offering e-mail testing instruments together with e-mail previews that present you ways your campaigns render on dozens of purchasers and dwell units.
After all, discovering and fixing Outlook points earlier than hitting “ship” are among the many greatest causes individuals use our platform. However the reality is, we’re excited that this modification is coming. Similar to everybody concerned with the EMC, we consider that the e-mail business wants outlined requirements, and this can be a massive step in the fitting route.
Within the meantime, desktop variations of Outlook will dwell on, and different e-mail coding and design challenges resembling darkish mode and accessibility will nonetheless must be addressed. So, in case you’re prepared to begin placing your greatest e-mail ahead, give Electronic mail on Acid a strive.
Writer: Megan Boshuyzen
Megan is a graphic designer turned e-mail developer who’s labored on all points of e-mail advertising and marketing. She believes good emails for good causes make a constructive distinction on the planet. Megan is at the moment working as an e-mail developer for Sinch Electronic mail. Go to her web site and be taught extra at megbosh.com.
Writer: Megan Boshuyzen
Megan is a graphic designer turned e-mail developer who’s labored on all points of e-mail advertising and marketing. She believes good emails for good causes make a constructive distinction on the planet. Megan is at the moment working as an e-mail developer for Sinch Electronic mail. Go to her web site and be taught extra at megbosh.com.
