Dev标志蓝绿色的注释

开发人员备注:使用Word呈现引擎增强Outlook电子邮件


距离《Dev笔记》的上一集已经有一分钟了,但这一集值得等待。我们有史以来最知名的电子邮件极客之一,马克·罗宾斯。他将向我们展示如何利用Microsoft Word呈现引擎增强Outlook电子邮件。

如果这听起来很疯狂,我明白了。但请稍候。

你可能会遇到马克·罗宾斯,这要归功于他命名得当的网站,GoodEmailCode.com。除了是一名成功的电子邮件开发人员外,Mark还是一名软件工程师,曾在Salesforce工作,目前正在与我们的朋友合作地块.io此外,他还是电子邮件标记联盟(EMC),该公司倡导电子邮件行业标准,以改善收件箱体验。

虽然我们这些编写电子邮件的人都知道桌面版本的Outlook可能是一个很大的痛苦,但马克在这片沮丧的阴云中找到了一线希望。准备好怀念早期的美好时光。看看下面的这一集,继续阅读以了解更多信息。

文字呈现引擎:Outlook电子邮件的大问题

电子邮件呈现指不同的电子邮件客户端在您的活动中支持和处理HTML和CSS代码的方式。使用不同的渲染引擎通常会导致不同收件箱中的结果不一致。例如,Apple Mail使用WebKit作为其渲染引擎,该引擎具有一些最好的支持,并允许电子邮件中的交互元素.

然而,桌面版本的Outlook使用Microsoft Word呈现电子邮件。单词呈现引擎是导致许多最常见的电子邮件编码挑战的原因。这包括随机的所有内容Outlook中的白线动画GIF的问题。

Outlook电子邮件的MSO样式

单向电子邮件开发人员地址Outlook中HTML电子邮件的问题正在使用Microsoft Office(MSO)样式属性<mso->前缀。这允许我们为桌面版本的Outlook创建回退使用条件代码.

注意:Outlook for Mac、iOS和Android不使用Word渲染引擎,这意味着不支持MSO样式。

马克的网站收集了MSO风格的代码片段,包括设置Outlook电子邮件文本格式的方法。这就是我们下一步的方向。。。

使用艺术字轻松增强Outlook电子邮件

准备好创建1999年的电子邮件设计了吗?25年前,如果你使用Microsoft Word设计生日聚会的邀请函,或者想让你的家庭作业更漂亮,你可能会使用WordArt。

如果这听起来只是似曾相识,也许这会让你恢复记忆:

通过Redditr/怀旧

在这一集中,Mark向我们展示了一种进入文字处理器并快速生成代码的简单方法,这些代码可以将文字呈现引擎变成一种超级能力。您可以使用它将受艺术字启发的排版等内容添加到Outlook电子邮件中。

为什么?你想这样做吗?好吧,我的朋友们,90年代又回来了。你可能已经注意到了平面设计趋势让人想起周六早上你最喜欢的卡通片中播放的商业广告。这些形象也出现在电子邮件营销活动中。查看一些非常好的电子邮件上最受欢迎的选项自己看看。

使用Word渲染引擎制作酷东西的5个步骤

虽然您可以始终使用MSO样式为Outlook电子邮件手动编写样式化文本,但有一种更快的方法可以生成代码。信不信由你,你基本上是用Word设计的。

以下是Mark如何通过五个步骤解释该过程:

  1. 打开Microsoft Word并创建一些样式化的文本。
    • 马克选择了一种带有反光的黄色浮雕字体。
  2. 将带有样式化文本的Word文档另存为网页。
  3. 在web浏览器中打开该HTML文件,以便查看代码。
  4. 右键单击并选择“查看页面源”,从HTML文件中查找并复制MSO样式和文本。
  5. 将代码粘贴到您希望其出现的电子邮件编辑器中。

之后,您需要向Outlook发送一封测试电子邮件,或使用电子邮件测试工具查看如何呈现样式化文本。以下是Mark的测试电子邮件中显示的内容:

电子邮件中Mark Robbins和WordArt的开发笔记场景

Mark指出,你从Word中抓取的代码片段将包含一堆不必要的代码,你可以并且应该去掉这些代码来清理东西。他还补充说,因为它仍然是实时文本,屏幕阅读器对于那些关注可访问性的接收者来说,选择它就好了。

你可能已经注意到,最新版本的Microsoft Word中的小艺术字图标并没有给你提供与90年代那些非常时髦的字体完全相同的选项。别担心。你也可以让时间倒流,重温你早期的设计。

贾斯汀·波特写了一篇科普文章解释如何回到复古艺术字。只需将文件保存为Word 97-2004文件(或.doc而不是.docx)并在兼容模式下打开即可。

“这让你可以做出真正疯狂的文字艺术效果,这是我们从20世纪90年代起一直怀念的。在社交媒体和在线体育博彩等事情分散我们的注意力之前,我们都是这样做的,而不是做我们的家庭作业或工作。”

贾斯汀·波特,作家,科普

优点:使用MS Word轻松创建VML

马克的小费也没有到此为止。他还向我们展示了如何使用文字处理器中的形状和绘图生成矢量标记语言(VML)图像,以便word渲染引擎在电子邮件中显示。

大多数电子邮件开发人员在每封电子邮件的HTML标签支持在Outlook电子邮件中使用矢量图像。使用Mark的技巧,您可以使用Word快速将星形等形状添加到Outlook电子邮件中,也可以尝试添加图标、图表等。

马克说,他才刚刚开始探索单词呈现引擎的可能性,他鼓励你也尝试一下。

包裹的马克·罗宾斯

“看看你能做什么,再多尝试一下,因为Outlook太容易被人遗忘了。你只是想让一些东西过得去。但实际上,我们可以增强它,用它做一些很酷的事情。”

Mark Robbins,包裹公司软件工程师

为什么Word呈现引擎的日子屈指可数

我们应该提到的是,电子邮件的未来可能最终会结束Word渲染引擎的使用。那是因为用于桌面的新Microsoft Outlook与其他电子邮件客户端一样使用web浏览器引擎。

这并不意味着使用Word呈现引擎的Outlook版本很快就会消失。我们都知道更新软件需要多长时间,而传统的Outlook安装将持续多年。

Mark在他的2023年Email Camp演讲会议还鼓励电子邮件开发人员“不要把Outlook放在第一位”。这是因为它可能会限制你在电子邮件收件箱中实现所有可能的目标。然而,即使您不优先考虑Outlook,您仍然可以为Outlook用户设计一种很酷的体验。

Mark Robbins和Parcel.io提供的更多信息

在电子邮件行业活动中寻找马克,关注他推特/X@M_J_Robbins,(他最近切换到马斯托顿相反)。你还会发现他在给Geeks Slack社区发送电子邮件.

下面是Mark的一些其他视频:

最后,Parcel.io为NFTD观众提供了一个特别的款待:

正如您在本集末尾所听到的,马克·罗宾斯和帕塞尔正在为我们的粉丝提供免费的帕塞尔专业版试用。包裹是我最喜欢的东西之一电子邮件开发工具,我强烈建议您去看看。

Acid上的电子邮件如何帮助处理Outlook电子邮件

当我们谈论电子邮件开发人员的工具时,我必须提到Acid上的电子邮件是如何带来巨大好处的,特别是在优化Outlook的电子邮件时。

当您想要测试电子邮件在Outlook或任何最流行的客户端和设备中的呈现方式时,我们的电子邮件预览提供准确的屏幕截图供您审阅。通过对每个计划进行无限制测试,您可以随意使用Word并预览任意数量的电子邮件。

如果您想知道专门为Outlook用户编写电子邮件是否值得您花费时间,我们的高级电子邮件分析可以帮上忙。您将获得用户用来查看电子邮件的客户端和设备的细分,以及许多其他高级见解,如阅读、略读和删除率,以衡量电子邮件参与度。此外,我们的电子邮件辅助功能检查确保每个订阅者都能参与您发送的内容。

最后,感谢您成为Notes for the Dev的粉丝。我们喜欢制作这个节目,并且我们计划在未来几个月内进行修改和重新发布。确保您订阅Acid YouTube频道上的电子邮件这样你就不会错过了。

让Acid上的电子邮件改进您的电子邮件工作流

无论您是小型营销团队还是大型通信部门,Acid上的Sinch Email都可以帮助改进您的电子邮件工作流程。将您的电子邮件直接从ESP发送到我们的平台预览设计在100多个电子邮件客户端和流行设备中。此外,我们的共享和标记工具允许您轻松与团队成员和利益相关者协作。免费试用我们七天,自己看看吧!

免费注册