Share this
Programming Email Templates for Drip Campaign Marketing
by Michael Evans on Thu, Jan 14, 2016 @ 05:14
Designing and developing custom email templates is not a simple task. The frustration of spending countless hours coding a file that perfectly matches a design template, only to see it break inexplicably in Gmail or Outlook can crush even the most seasoned of developers.
With that in mind, knowing some of the various rendering issues specific to the most popular email clients will help alleviate the pain at the outset. Recent findings by Litmus show that the five most-used email clients are Apple Mail (for iOS devices, as well as the desktop), Gmail, the Google Android mail application, Outlook, and Yahoo. Here are some potential problems an email developer might encounter with the top five mail clients:
1. Apple Mail
Apple Mail, in general, does a good job rendering HTML mail as expected, which may help account for its popularity. One issue to be aware of is the lack of support for font tags. To make life easier, use span tags to style fonts for best results.
2. Gmail
Gmail, on the other hand, can be quite frustrating to deal with. The Gmail client blocks images by default and clips long newsletters, resulting in the apparent need for users to click the dreaded "View as Webpage" link. Keeping email newsletters to a reasonable length and using background colors for image containers help minimize the problems, here. Worse, though, is the lack of support for responsive designs: Gmail doesn't always honor CSS declarations and ignores media queries altogether. Given Gmail's market share, reliance on intricate CSS and media queries is not recommended.
3. Google Android Mobile App
By contrast, the native Google Android mobile app demonstrates excellent support for HTML and CSS, including most CSS3 properties. Stay away from box-shadows and everything else should go smoothly.
4. Outlook
All the Outlook clients seem to have their own sets of limitations, frustrations, and issues: CSS floats and positioning are not supported, nor are border colors. In addition, the Outlook client tends to do strange things to unordered lists (leaving empty bullets at the end, for instance) and defaults links to blue.
Fixes include adding the code "<div style="display:none;"> </div>" before the closing </ul> tag to clean up the empty bullets, and making sure all text is specifically color-formatted to help force styled link colors.
5. Yahoo Mail
Finally, Yahoo Mail forces a margin around email, regardless of style coding, sometimes breaking fonts, and duplicating content for no apparent reason. The client also ignores paragraph padding by default, so manual line breaks may be necessary to keep paragraph integrity.
In the end, contemporary HTML and CSS are still not fully supported, even in the most popular email clients, so keeping things simple and straightforward are still the best practices. The wow factor of a cutting edge design is lost when mail clients ignore the code necessary to create them.
Do you have anything to add about email templates? Comment below!
Share this
- Inbound Marketing (126)
- Manufacturing (82)
- Lead Generation (70)
- Website Design & Development (58)
- Social Media (46)
- Online Brand Strategy (38)
- eCommerce (33)
- B2B Marketing (29)
- Expert Knowledge (28)
- Digital Marketing (27)
- Company Culture (22)
- Content Marketing (16)
- Customer Experience (15)
- Metrics & ROI (15)
- Search Engine Optimization (15)
- Marketing and Sales Alignment (12)
- Transportation and Logistics (10)
- Content Marketing Strategy (9)
- Email Marketing (9)
- SyncShow (9)
- Digital Sales (8)
- Lead Nurturing (8)
- Digital Content Marketing (7)
- Mobile (7)
- Brand Awareness (6)
- General (6)
- Digital Marketing Data (4)
- Video Marketing (4)
- LinkedIn (3)
- Professional Services (3)
- Transportation Insights (3)
- Demand Generation (2)
- News (2)
- PPC (2)
- SEO (2)
- SSI Delivers (2)
- Value Proposition (2)
- Account-Based Marketing (1)
- Facebook (1)
- High Performing Teams (1)
- Instagram (1)
- KPI (1)
- Marketing Automation (1)
- Networking (1)
- Paid Media (1)
- Retargeting (1)
- StoryBrand (1)
- Storytelling (1)
- Synchronized Inbound (1)
- November 2024 (1)
- October 2024 (4)
- September 2024 (4)
- August 2024 (4)
- July 2024 (1)
- June 2024 (1)
- May 2024 (4)
- April 2024 (1)
- March 2024 (3)
- January 2024 (2)
- December 2023 (4)
- November 2023 (3)
- October 2023 (1)
- September 2023 (4)
- August 2023 (3)
- July 2023 (2)
- June 2023 (2)
- August 2022 (2)
- July 2022 (2)
- June 2022 (1)
- March 2022 (2)
- February 2022 (1)
- January 2022 (2)
- October 2021 (1)
- June 2021 (1)
- May 2021 (1)
- March 2021 (1)
- December 2020 (1)
- October 2020 (2)
- September 2020 (1)
- August 2020 (3)
- July 2020 (3)
- June 2020 (4)
- May 2020 (2)
- April 2020 (3)
- March 2020 (9)
- February 2020 (5)
- January 2020 (6)
- December 2019 (5)
- November 2019 (7)
- October 2019 (6)
- September 2019 (8)
- August 2019 (5)
- July 2019 (5)
- June 2019 (3)
- May 2019 (2)
- April 2019 (1)
- March 2019 (2)
- February 2019 (1)
- January 2019 (2)
- November 2018 (1)
- October 2018 (1)
- September 2018 (1)
- August 2018 (1)
- May 2018 (2)
- March 2018 (1)
- November 2017 (1)
- October 2017 (1)
- September 2017 (1)
- August 2017 (2)
- July 2017 (2)
- May 2017 (1)
- April 2017 (1)
- February 2017 (1)
- January 2017 (1)
- December 2016 (1)
- November 2016 (8)
- October 2016 (7)
- September 2016 (2)
- August 2016 (2)
- July 2016 (6)
- June 2016 (3)
- May 2016 (4)
- April 2016 (6)
- March 2016 (6)
- February 2016 (7)
- January 2016 (7)
- December 2015 (6)
- November 2015 (2)
- October 2015 (3)
- September 2015 (2)
- August 2015 (4)
- July 2015 (9)
- June 2015 (9)
- May 2015 (8)
- April 2015 (8)
- March 2015 (9)
- February 2015 (7)
- January 2015 (8)
- December 2014 (7)
- November 2014 (7)
- October 2014 (5)
- September 2014 (4)
- August 2014 (4)
- July 2014 (5)
- June 2014 (4)
- May 2014 (5)
- April 2014 (4)
- March 2014 (7)
- February 2014 (9)
- January 2014 (7)
- August 2013 (2)
- July 2013 (4)
- June 2013 (6)
- May 2013 (7)
- April 2013 (7)
- March 2013 (8)
- February 2013 (5)
- January 2013 (7)
- December 2012 (4)
- November 2012 (4)
- October 2012 (2)
- September 2012 (1)
- July 2012 (1)
- April 2012 (4)
- March 2012 (5)
- February 2012 (2)
- January 2012 (3)
- November 2011 (1)
- May 2011 (3)
- April 2011 (1)
- March 2011 (1)
- February 2011 (1)
- December 2010 (2)
- November 2010 (3)
- August 2010 (1)
- July 2010 (1)
- May 2010 (2)
- April 2010 (1)
- January 2010 (1)