• Resources
  • Infographics
  • Podcast
  • Authors
  • Events
  • Advertise
  • Contribute

Martech Zone

Skip to content
  • Adtech
  • Analytics
  • Content
  • Data
  • Ecommerce
  • Email
  • Mobile
  • Sales
  • Search
  • Social
  • Tools
    • Acronyms and Abbreviations
    • Analytics Campaign Builder
    • Domain Name Search
    • JSON Viewer
    • Online Reviews Calculator
    • Referrer SPAM List
    • Survey Sample Size Calculator
    • What’s My IP Address?

Understanding The Challenges (And Frustrations) of HTML Email Design

Wednesday, March 23, 2022Monday, May 16, 2022 Douglas Karr
Design, Build, and Import Email From Templates

If you open up a content management system to build web pages, it’s a pretty simple process. Modern web browsers support HTML, CSS, and JavaScript to a strict set of web standards. And, they’re really just a handful of browsers that designers need to worry about. There are exceptions, of course… and some simple workarounds or functions specific to those browsers.

Because of the overall standards, it’s really easy to develop page builders in content management systems. Browsers comply with HTML5, CSS, and JavaScript… and developers can build incredibly robust solutions to build web pages that are responsive to devices and consistent across browsers. Two decades ago, virtually every web designer was using desktop software to develop web pages. Now, it’s pretty uncommon for a web designer to develop a web page – more often than not, they’re developing templates and using editors in content systems to fill in the content. Website editors are fantastic.

But email editors are woefully behind. Here’s why…

Designing HTML Emails Is Far More Complex Than For A Website

If your company wants a beautiful HTML email designed, the process is exponentially more complex than building out a web page for a number of reasons:

  • No Standards – There is NO strict adherence to any web standards by email clients that display HTML email. In fact, virtually every email client and every version of every email client acts differently. Some will honor CSS, external fonts, and modern HTML. Others honor some inline styling, will only display a collection of fonts, and ignore everything but table-driven structures. It’s actually quite ridiculous at this point that no one is working on this issue. As a result, designing templates that render across clients and devices consistently has become big business and can be quite expensive.
  • Email Client Security – Just this week, Apple Mail updated to block all images in HTML emails by default that are not embedded in the email. You either give permission to load them an email at a time, or have to enable the settings to disable this setting. Along with email client security settings, there are also corporate settings.
  • IT Security – Your IT team may deploy strict rulesets on what objects can actually be rendered in an email. If your images, for example, come from a specific domain that’s not whitelisted in a corporate firewall, images simply won’t show up in your email. At times, we’ve had to develop emails and host all the images on the corporation’s server so that their own employees could see the images.
  • Email Service Providers – To make matters worse, the email builders that email service providers (ESPs) actually introduce problems rather than constrain them. While they promote their editor is What You See Is What You Get (WYSIWYG), the opposite is often true with email design. You’ll preview the email in their platform, then the email recipient sees all kinds of design problems. Companies often unknowningly opt for a feature-rich editor instead of a locked-down editor thinking that one has more features than the other. The opposite is true… if you want emails that render consistently across all email clients, the simpler the better because less can go wrong.
  • Email Client Rendering – There are hundreds of email clients, each rendering HTML differently across desktop, apps, mobile, and webmail clients. While your nifty text editor on your email service provider may have a setting to put a heading in your email… the padding, margins, line-height, and font-size may differ on every single email client. As a result, you have to dumb down the HTML and code every single element differently (see the example below) – and often write in exceptions that are email client specific – to get an email to render consistently. There’s no simple block types, you have to do table-driven layouts that are the equivalent of building for the web thirty years ago. It’s why any new layout requires both development and cross-email client and device testing. What you see in your inbox may be totally different what I see in my inbox. It’s why rendering tools like Email On Acid or Litmus are a must to ensure your new designs work across all email clients. Here’s a short list of popular email clients and their rendering engines:
    • Apple Mail, Outlook for Mac, Android Mail and iOS Mail use WebKit.
    • Outlook 2000, 2002 and 2003 use Internet Explorer.
    • Outlook 2007, 2010 and 2013 use Microsoft Word (yes, Word!).
    • Webmail clients use their browser’s respective engine (for example, Safari uses WebKit and Chrome uses Blink).

An Example of HTML for Web Vs. Email

If you want an example that illustrates the complexity of designing in email versus the web, here’s a perfect example from Mailbakery’s article 19 Big Differences Between Email and Web HTML:

Email

We have to build a series of tables that incorporate all the inline styling necessary to properly place the button and ensure it looks good across email clients. There’s also going to be an accompanying style tag at the top of this email to incorporate the classes.

<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td align="left">
         <table border="0" cellspacing="0" cellpadding="0" bgcolor="#43756e">
            <tr>
               <td class="text-button"  style="padding: 5px 20px; color:#ffffff; font-family: 'Oswald', Arial, sans-serif; font-size:14px; line-height:20px; text-align:center; text-transform:uppercase;">
                  <a href="#" target="_blank" class="link-white" style="color:#ffffff; text-decoration:none"><span class="link-white" style="color:#ffffff; text-decoration:none">Find Out More</a>
               </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

Web

We can utilize an external stylesheet with classes to define the case, alignment, color, and size of an anchor tag that appears as a button.

<div class="center">
   <a href="#" class="button">Find Out More</a>
</div>

How to Avoid Email Design Issues

Email design issues can be avoided by following a decent process:

  1. Template Design – Build out a template with different layouts and content blocks that encompass every style that you’d ever want to produce in your email designs. When we implement a client, we always push them to design an email for the future – not just the next email campaign that’s sent out. That way, we can fully design, develop, test, and implement the necessary workarounds before they ever send out that first email.
  2. Template Testing – Understanding the email clients that your subscribers are utilizing and ensuring that your HTML email is fully tested across mobile and desktop is critical before deploying any template. We can design an email literally from a photoshop layout… but slicing and dicing it into table-driven, cross-email client is essential to deploying email designs that are optimal and consistent.
  3. Internal Testing – Once your template is designed and tested, it should be sent to an internal seed list within the organization to review and approve. You may even want to start with a very limited subset of individuals to first ensure there aren’t firewall or security issues associated with rendering the email internally. If this is building out an instance on a new email service provider, you may even find some filtering or blocking issues associated with even getting your email to the inbox.
  4. Template Versioning – Don’t change your layouts or designs without working on a new version of your template that can be designed, properly tested, and deployed. Many businesses love one-off designs for every campaign… but that requires every email be designed, developed, and deployed for each campaign. This adds a ton of time to the email marketing process internal. And, you risk not understanding what elements in your email are performing well over what elements are not. Consistency isn’t just a way to make the process easier, it’s also important to the behavior of your subscribers.
  5. Email Service Provider Exceptions – Virtually every email service provider has a means of working around the issues that their email builder introduces. We can often add raw CSS to an account – or even have a content block that has to be included in every email – in order for the company to utilize the built-in email editor and not have it break the design of your email. Of course, that may require some training and process control to deploy those steps to ensure they’re complied with. Or – you may literally just want to develop your email design in a solution that is proven to work across clients and devices, then paste it back into your email service provider.

Email Design Platforms

Because email service platforms have done a poor job at building out and maintaining cross-client and cross-device consistently rendered builders, a number of great platforms have come to market. One that we’ve used extensively is Stripo.

Stripo is not just an email builder, they also have a library of over 900 templates that can be easily imported. Once you design the email, you can the email to 60+ ESPs, and email clients, including Mailchimp, HubSpot, Campaign Monitor, AWeber, eSputnik, Outlook, and Gmail. Best of all Stripo templates come with the email rendering tests included so you can ensure they’ve been tested and work consistently across over 40 email clients.

Login To The Stripo Editor Demo

Disclosure: I am linking to my marketing consulting firm who designs and deploys cross-client emails for leading brands in virtually any email service provider. I’m also an affiliate of Stripo and I’m using my link in this article.

Related Martech Zone Articles

Tags: blinkemail builderemail clientsemail designEmail Marketingemail renderingemail service provider editoremail service providersemail template designemail template testingemail template versioningemail templatesemail testingemail text editorhtml emailinternet explorermailbakerymarketing cloudmicrosoft wordstripowebkitwebmailwysiwyg

Douglas Karr 

Douglas Karr is the founder of the Martech Zone and recognized expert on digital transformation. Doug is a Keynote and Marketing Public Speaker. He's the VP and cofounder of Highbridge, a firm specializing in assisting enterprise companies to digitally transform and maximize their technology investment utilizing Salesforce technologies. He's developed digital marketing and product strategies for Dell Technologies, GoDaddy, Salesforce, Webtrends, and SmartFOCUS. Douglas is also the author of Corporate Blogging for Dummies and co-author of The Better Business Book.

Post navigation

Elfsight Apps: Easily Embeddable Ecommerce, Form, Content, And Social Widgets For Your Website
How to Optimize Your Title Tags (With Examples)

Our Latest Podcasts

  • Kate Bradley Chernis: How Artificial Intelligence Is Driving The Art Of Content Marketing

    Listen to Kate Bradley Chernis: How Artificial Intelligence Is Driving The Art Of Content Marketing In this Martech Zone Interview, we speak to Kate Bradley-Chernis, the CEO at Lately (https://www.lately.ai). Kate has worked with the largest brands in the world to develop content strategies that drive engagement and results. We discuss how artificial intelligence is helping to drive organizations' content marketing results. Lately is a social media AI content management…

    https://podcast.martech.zone/link/16572/14650912/cb66d1f0-c46d-49d8-b8ea-d9c25cfa3f0f.mp3

  • Cumulative Advantage: How to Build Momentum for Your Ideas, Business and Life Against All Odds

    Listen to Cumulative Advantage: How to Build Momentum for Your Ideas, Business and Life Against All Odds In this Martech Zone Interview, we speak to Mark Schaefer. Mark is a great friend, mentor, prolific author, speaker, podcaster, and consultant in the marketing industry. We discuss his newest book, Cumulative Advantage, which goes beyond marketing and speaks directly to the factors that influence success in business and life. We live in a world…

    https://podcast.martech.zone/link/16572/14618492/245660cd-5ef9-4f55-af53-735de71e5450.mp3

  • Lindsay Tjepkema: How Video and Podcasting Have Evolved Into Sophisticated B2B Marketing Strategies

    Listen to Lindsay Tjepkema: How Video and Podcasting Have Evolved Into Sophisticated B2B Marketing Strategies In this Martech Zone Interview, we speak to co-founder and CEO of Casted, Lindsay Tjepkema. Lindsay has two decades in marketing, is a veteran podcaster, and had a vision to build a platform to amplify and measure her B2B marketing efforts... so she founded Casted! In this episode, Lindsay helps listeners understand: * Why video…

    https://podcast.martech.zone/link/16572/14526478/8e20727f-d3b2-4982-9127-7a1a58542062.mp3

  • Marcus Sheridan: Digital Trends That Businesses Aren't Paying Attention To... But Should Be

    Listen to Marcus Sheridan: Digital Trends That Businesses Aren't Paying Attention To... But Should Be For almost a decade, Marcus Sheridan has been teaching the principles his book to audiences around the globe. But before it was a book, the River Pools story (which was the foundation) was featured in multiple books, publications, and conferences for its incredibly unique approach to Inbound and Content Marketing. In this Martech Zone Interview,…

    https://podcast.martech.zone/link/16572/14476109/6040b97e-9793-4152-8bed-6c8f35bd3e15.mp3

  • Pouyan Salehi: The Technologies That Are Driving Sales Performance

    Listen to Pouyan Salehi: The Technologies That Are Driving Sales Performance In this Martech Zone Interview, we speak to Pouyan Salehi, a serial entrepreneur and has dedicated the last decade to improving and automating the sales process for B2B enterprise sales reps and revenue teams. We discuss the technology trends that have shaped B2B sales and explore the insights, skills and technologies that will drive sales…

    https://podcast.martech.zone/link/16572/14464333/526ca8bb-c04d-46ab-9d3f-8dbfe5d356f9.mp3

  • Michelle Elster: The Benefits and Complexities Of Market Research

    Listen to Michelle Elster: The Benefits and Complexities Of Market Research In this Martech Zone Interview, we speak to Michelle Elster, the President of Rabin Research Company. Michelle is an expert in both quantitative and qualitative research methodologies with extensive experience internationally in marketing, new product development, and strategic communications. In this conversation, we discuss: * Why do companies invest in market research? * How can…

    https://podcast.martech.zone/link/16572/14436159/0d641188-dd36-419e-8bc0-b949d2148301.mp3

  • Guy Bauer and Hope Morley of Umault: Death To The Corporate Video

    Listen to Guy Bauer and Hope Morley of Umault: Death To The Corporate Video In this Martech Zone Interview, we speak to Guy Bauer, founder and creative director, and Hope Morley, chief operating officer of Umault, a creative video marketing agency. We discuss Umault's success at developing videos for businesses that thrive in an industry rife with mediocre corporate videos. Umault have an impressive portfolio of wins with clients…

    https://podcast.martech.zone/link/16572/14383888/95e874f8-eb9d-4094-a7c0-73efae99df1f.mp3

  • Jason Falls, Author of Winfluence: Reframing Influencer Marketing To Ignite Your Brand

    Listen to Jason Falls, Author of Winfluence: Reframing Influencer Marketing To Ignite Your Brand In this Martech Zone Interview, we speak to Jason Falls, author of Winfluence: Reframing Influencer Marketing To Ignite Your Brand (https://amzn.to/3sgnYcq). Jason speaks to the origins of influencer marketing through to today's best practices that are providing some superior results for the brands that are deploying great influencer marketing strategies. Aside from catching up and…

    https://podcast.martech.zone/link/16572/14368151/1b27e8e6-c055-485f-b94d-32c53098e346.mp3

  • John Voung: Why The Most Effective Local SEO Starts With Being Human

    Listen to John Voung: Why The Most Effective Local SEO Starts With Being Human In this Martech Zone Interview, we speak to John Vuong of Local SEO Search, a full-service organic search, content, and social media agency for local businesses. John works with clients internationally and his success is unique among Local SEO consultants: John has a degree in finance and was an early digital adopter, working in traditional…

    https://podcast.martech.zone/link/16572/14357355/d2713f4e-737f-4f8b-8182-43d79692f9ac.mp3

  • Jake Sorofman: Reinventing CRM To Digitally Transform the B2B Customer Lifecycle

    Listen to Jake Sorofman: Reinventing CRM To Digitally Transform the B2B Customer Lifecycle In this Martech Zone Interview, we speak to Jake Sorofman, President of MetaCX, the pioneer in a new outcomes-based approach for managing the customer lifecycle. MetaCX helps SaaS and digital product companies transform how they sell, deliver, renew and expand with one connected digital experience that includes the customer at every stage. Buyers at SaaS…

    https://podcast.martech.zone/link/16572/14345190/44129f8f-feb8-43bd-8134-a59597c30bd0.mp3

Subscribe to the Martech Zone Newsletter

Subscribe to the Martech Zone Interviews Podcast

  • Martech Zone Interviews on Amazon
  • Martech Zone Interviews on Apple
  • Martech Zone Interviews on Google Podcasts
  • Martech Zone Interviews on Google Play
  • Martech Zone Interviews on Castbox
  • Martech Zone Interviews on Castro
  • Martech Zone Interviews on Overcast
  • Martech Zone Interviews on Pocket Cast
  • Martech Zone Interviews on Radiopublic
  • Martech Zone Interviews on Spotify
  • Martech Zone Interviews on Stitcher
  • Martech Zone Interviews on TuneIn
  • Martech Zone Interviews RSS

Check Out our Mobile Offerings

We’re on Apple News!

MarTech on Apple News

Most Popular Martech Zone Articles

© Copyright 2022 DK New Media, All Rights Reserved
Back to Top | Terms of Service | Privacy Policy | Disclosure
  • Martech Zone Apps
  • Categories
    • Advertising Technology
    • Analytics & Testing
    • Content Marketing
    • Ecommerce and Retail
    • Email Marketing
    • Emerging Technology
    • Mobile and Tablet Marketing
    • Sales Enablement
    • Search Marketing
    • Social Media Marketing
  • About Martech Zone
    • Advertise on Martech Zone
    • Martech Authors
  • Marketing & Sales Videos
  • Marketing Acronyms
  • Marketing Books
  • Marketing Events
  • Marketing Infographics
  • Marketing Interviews
  • Marketing Resources
  • Marketing Training
  • Submissions
How We Use Your Information
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Do not sell my personal information.
Cookie settingsAccept
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT

Our Latest Podcasts

  • Kate Bradley Chernis: How Artificial Intelligence Is Driving The Art Of Content Marketing

    Listen to Kate Bradley Chernis: How Artificial Intelligence Is Driving The Art Of Content Marketing In this Martech Zone Interview, we speak to Kate Bradley-Chernis, the CEO at Lately (https://www.lately.ai). Kate has worked with the largest brands in the world to develop content strategies that drive engagement and results. We discuss how artificial intelligence is helping to drive organizations' content marketing results. Lately is a social media AI content management…

    https://podcast.martech.zone/link/16572/14650912/cb66d1f0-c46d-49d8-b8ea-d9c25cfa3f0f.mp3

  • Cumulative Advantage: How to Build Momentum for Your Ideas, Business and Life Against All Odds

    Listen to Cumulative Advantage: How to Build Momentum for Your Ideas, Business and Life Against All Odds In this Martech Zone Interview, we speak to Mark Schaefer. Mark is a great friend, mentor, prolific author, speaker, podcaster, and consultant in the marketing industry. We discuss his newest book, Cumulative Advantage, which goes beyond marketing and speaks directly to the factors that influence success in business and life. We live in a world…

    https://podcast.martech.zone/link/16572/14618492/245660cd-5ef9-4f55-af53-735de71e5450.mp3

  • Lindsay Tjepkema: How Video and Podcasting Have Evolved Into Sophisticated B2B Marketing Strategies

    Listen to Lindsay Tjepkema: How Video and Podcasting Have Evolved Into Sophisticated B2B Marketing Strategies In this Martech Zone Interview, we speak to co-founder and CEO of Casted, Lindsay Tjepkema. Lindsay has two decades in marketing, is a veteran podcaster, and had a vision to build a platform to amplify and measure her B2B marketing efforts... so she founded Casted! In this episode, Lindsay helps listeners understand: * Why video…

    https://podcast.martech.zone/link/16572/14526478/8e20727f-d3b2-4982-9127-7a1a58542062.mp3

  • Marcus Sheridan: Digital Trends That Businesses Aren't Paying Attention To... But Should Be

    Listen to Marcus Sheridan: Digital Trends That Businesses Aren't Paying Attention To... But Should Be For almost a decade, Marcus Sheridan has been teaching the principles his book to audiences around the globe. But before it was a book, the River Pools story (which was the foundation) was featured in multiple books, publications, and conferences for its incredibly unique approach to Inbound and Content Marketing. In this Martech Zone Interview,…

    https://podcast.martech.zone/link/16572/14476109/6040b97e-9793-4152-8bed-6c8f35bd3e15.mp3

  • Pouyan Salehi: The Technologies That Are Driving Sales Performance

    Listen to Pouyan Salehi: The Technologies That Are Driving Sales Performance In this Martech Zone Interview, we speak to Pouyan Salehi, a serial entrepreneur and has dedicated the last decade to improving and automating the sales process for B2B enterprise sales reps and revenue teams. We discuss the technology trends that have shaped B2B sales and explore the insights, skills and technologies that will drive sales…

    https://podcast.martech.zone/link/16572/14464333/526ca8bb-c04d-46ab-9d3f-8dbfe5d356f9.mp3

  • Michelle Elster: The Benefits and Complexities Of Market Research

    Listen to Michelle Elster: The Benefits and Complexities Of Market Research In this Martech Zone Interview, we speak to Michelle Elster, the President of Rabin Research Company. Michelle is an expert in both quantitative and qualitative research methodologies with extensive experience internationally in marketing, new product development, and strategic communications. In this conversation, we discuss: * Why do companies invest in market research? * How can…

    https://podcast.martech.zone/link/16572/14436159/0d641188-dd36-419e-8bc0-b949d2148301.mp3

  • Guy Bauer and Hope Morley of Umault: Death To The Corporate Video

    Listen to Guy Bauer and Hope Morley of Umault: Death To The Corporate Video In this Martech Zone Interview, we speak to Guy Bauer, founder and creative director, and Hope Morley, chief operating officer of Umault, a creative video marketing agency. We discuss Umault's success at developing videos for businesses that thrive in an industry rife with mediocre corporate videos. Umault have an impressive portfolio of wins with clients…

    https://podcast.martech.zone/link/16572/14383888/95e874f8-eb9d-4094-a7c0-73efae99df1f.mp3

  • Jason Falls, Author of Winfluence: Reframing Influencer Marketing To Ignite Your Brand

    Listen to Jason Falls, Author of Winfluence: Reframing Influencer Marketing To Ignite Your Brand In this Martech Zone Interview, we speak to Jason Falls, author of Winfluence: Reframing Influencer Marketing To Ignite Your Brand (https://amzn.to/3sgnYcq). Jason speaks to the origins of influencer marketing through to today's best practices that are providing some superior results for the brands that are deploying great influencer marketing strategies. Aside from catching up and…

    https://podcast.martech.zone/link/16572/14368151/1b27e8e6-c055-485f-b94d-32c53098e346.mp3

  • John Voung: Why The Most Effective Local SEO Starts With Being Human

    Listen to John Voung: Why The Most Effective Local SEO Starts With Being Human In this Martech Zone Interview, we speak to John Vuong of Local SEO Search, a full-service organic search, content, and social media agency for local businesses. John works with clients internationally and his success is unique among Local SEO consultants: John has a degree in finance and was an early digital adopter, working in traditional…

    https://podcast.martech.zone/link/16572/14357355/d2713f4e-737f-4f8b-8182-43d79692f9ac.mp3

  • Jake Sorofman: Reinventing CRM To Digitally Transform the B2B Customer Lifecycle

    Listen to Jake Sorofman: Reinventing CRM To Digitally Transform the B2B Customer Lifecycle In this Martech Zone Interview, we speak to Jake Sorofman, President of MetaCX, the pioneer in a new outcomes-based approach for managing the customer lifecycle. MetaCX helps SaaS and digital product companies transform how they sell, deliver, renew and expand with one connected digital experience that includes the customer at every stage. Buyers at SaaS…

    https://podcast.martech.zone/link/16572/14345190/44129f8f-feb8-43bd-8134-a59597c30bd0.mp3

 Tweet
 Share
 WhatsApp
 Copy
 E-mail
 Tweet
 Share
 WhatsApp
 Copy
 E-mail
 Tweet
 Share
 LinkedIn
 WhatsApp
 Copy
 E-mail