{"id":3470,"date":"2017-09-20T08:58:59","date_gmt":"2017-09-20T08:58:59","guid":{"rendered":"http:\/\/freshinbox.com\/blog\/?p=3470"},"modified":"2017-11-08T10:02:00","modified_gmt":"2017-11-08T10:02:00","slug":"microsoft-interactive-email-that-does-not-work-on-microsoft-email-clients","status":"publish","type":"post","link":"https:\/\/freshinbox.com\/blog\/microsoft-interactive-email-that-does-not-work-on-microsoft-email-clients\/","title":{"rendered":"Microsoft Interactive Email That Does Not Work on Microsoft Email Clients"},"content":{"rendered":"<p>I came across this interactive email featuring Microsoft Surface computers. The email uses an interactive accordion to display a list of Surface devices that expand and collapse when the recipient taps or clicks on an arrow within the accordion. I thought that this email was very well executed &#8211; it was simple and the interactivity enhanced the experience of the email.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/freshinbox.com\/blog\/wp-content\/uploads\/2017\/09\/surface2.gif\" alt=\"surface\" width=\"300\" class=\"aligncenter size-full \" \/><BR><BR><\/p>\n<p><center><strong><a href=\"https:\/\/codepen.io\/freshinbox\/pen\/aLormR\" target=\"_blank\">View the email here<\/a>.<\/strong><\/center><\/p>\n<p>Here&#8217;s the irony. Besides Outlook for the Mac, this interactive email does not work on ANY of Microsoft&#8217;s email clients <u>including Windows Mail on the Surface<\/u>! <\/p>\n<div style=\"background-color:#dddddd;border:1px solid #555555;border-radius:5px;padding:10px;\">\n<B>&lt;rant&gt;<\/B><br \/>\nMicrosoft, its time to support modern HTML in Outlook for Windows!<\/p>\n<p>I understand Outlook uses Word to render emails for Office compatibility, but as I&#8217;ve written <a href=\"https:\/\/www.linkedin.com\/pulse\/microsoft-its-time-address-outlooks-proprietary-email-justin-khoo\" target=\"_blank\">over and over again<\/a>, the solution is simple &#8211; support a HTML5 header in Outlook. If that header is present, render the email in IE or Edge or Chrome, anything but Word. <\/p>\n<p><span style=\"font-family:courier;\"><br \/>\n&lt;meta http-equiv=&quot;X-Email-Render&quot; content=&quot;HTML5&quot;&gt;<br \/>\n<\/span><\/p>\n<p>Emails generated by Outlook won&#8217;t contain the header and will continue to be rendered in Word with all the Office compatibility goodness &#8211; and everyone is happy. Plus, I KNOW modern HTML support in Outlook is possible&#8230; because&#8230; <a href=\"https:\/\/docs.microsoft.com\/en-us\/outlook\/add-ins\/\">Outlook add-ins<\/a> already enjoy that capability<\/a>!<\/p>\n<p>It seems that Microsoft&#8217;s strategy is to <a href=\"https:\/\/blogs.office.com\/en-us\/2017\/09\/26\/the-next-perpetual-release-of-office\/\">phase out<\/a> &#8220;on premise&#8221; or desktop software so there&#8217;s no urgency in actually addressing this issue. Even though Outlook for Windows may start to dwindle, email developers still have to deal with Outlook&#8217;s poor HTML support and that means less time for innovation.<\/p>\n<p>Doing nothing goes against Microsoft&#8217;s mission to &#8220;empower every person and every organization on the planet to achieve more&#8221;. Guys, its time to <a href=\"http:\/\/www.npr.org\/sections\/alltechconsidered\/2017\/09\/25\/553431516\/how-do-you-turn-around-a-tech-giant-with-empathy-microsoft-ceo-says\" rel=\"noopener\" target=\"_blank\">#HitRefresh<\/a>.<\/p>\n<p><B>&lt;\/rant&gt;<\/B>\n<\/div>\n<p><BR><BR><BR><br \/>\n<div style=\"padding:10px; border: 2px solid #99C731;background-color:#FFF8DC;border-radius:5px;\">\n<form action=\"https:\/\/freshinbox1.createsend.com\/t\/i\/s\/adrmi\/\" method=\"post\" id=\"subForm\">\n<span class=\"fisub_header\" style=\"font-weight:bold;\">Subscribe to the #EmailGeeks Newsletter<\/span>\n<p><input id=\"fieldEmail\" name=\"cm-adrmi-adrmi\" type=\"email\" style=\"width:90%\" required placeholder=\"Your Email Address\" \/><\/p>\n<p><button type=\"submit\">Subscribe<\/button><\/p>\n<\/form>\n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I came across this interactive email featuring Microsoft Surface computers. The email uses an interactive accordion to display a list of Surface devices that expand and collapse when the recipient taps or clicks on an arrow within the accordion. I thought that this email was very well executed &#8211; it was simple and the interactivity [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":3353,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[24,46],"tags":[],"_links":{"self":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/3470"}],"collection":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/comments?post=3470"}],"version-history":[{"count":37,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/3470\/revisions"}],"predecessor-version":[{"id":3527,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/posts\/3470\/revisions\/3527"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/media\/3353"}],"wp:attachment":[{"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/media?parent=3470"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/categories?post=3470"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/freshinbox.com\/blog\/wp-json\/wp\/v2\/tags?post=3470"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}