将自动化添加到电子邮件工作流程中的 7 种方法

已发表: 2018-05-31

电子邮件的设计和编码通常涉及手动、费力的编辑过程,这些过程不仅单调乏味,而且很容易出错。

不必如此。 电子邮件营销人员和开发人员可以使用多种工具来自动化他们的电子邮件工作流程,让您消除平凡的工作,并在按下发送之前捕获那些代价高昂的错误。

正如我们在 2018 年电子邮件工作流状态报告中发现的那样,电子邮件程序有很多活动部件,而一封电子邮件的生产周期通常需要几周或更长时间。

49_百分比的品牌花费数周时间制作电子邮件

有了如此长的生产周期,就有很多机会在这里和这里节省时间并提高效率。 您可以通过以下七种方法将自动化添加到电子邮件工作流程中:

创建标准化模板

节省的时间:30-60分钟

如果您希望简化工作流程,模板是一个不错的起点。 交换副本或设计元素,但保留关键的品牌特定部分,可以启动电子邮件创建过程。 它对非编码人员也有帮助。

根据我们的 2017 年电子邮件创意状况报告,大多数电子邮件设计师报告称,他们只为大型活动(例如新产品)或关键季节性活动(例如黑色星期五)创建一次性电子邮件设计。 其余时间使用标准化模板可提高生产效率。

这正是我们构建 Litmus 社区模板的原因——一组优雅的、经过预先测试的模板,涵盖了从帐户管理和电子商务到发布和营销产品的一系列用途。

下载 Litmus 社区模板

使用 Litmus 预先测试的模板之一启动您的下一个营销活动。

访问模板 →

编码时走捷径

利用片段

节省的时间:10-15分钟

片段是可重用代码的模块。 它们非常适合电子邮件设计中常用的元素,例如文档类型、防弹按钮和链接。 每次使用这些元素之一时不必重新编写代码,您可以使用代码段。 这减少了电子邮件设计中常见元素的冗余和潜在的编码错误。

石蕊建造者片段

我们以防弹按钮为例。 防弹按钮是号召性用语 (CTA) 电子邮件中的主要内容。 但是,每个按钮都需要针对每封电子邮件进行自定义:不同的副本、不同的链接和不同的位置。

这是我们用于防弹按钮的 HTML 片段:

 <table border="0" cellspacing="0" cellpadding="0"> <tr>   <td>     <table border="0" cellspacing="0" cellpadding="0">       <tr>         <td align="{align}" bgcolor="{bgcolor}" <a href="{link}" target="_blank">I am a button &rarr; </a> </td>        </tr>      </table>    </td>  </tr> </table>

Snippets解决了手动不断重新创建防弹按钮代码的问题,您可以将其保存在Snippet库中作为快捷触发器。 在此示例中,我们将其命名为“bb”,即防弹按钮的缩写。

bb-gif

现在,每当您想添加防弹按钮时,只需使用快捷方式“bb”即可生成代码。

您可以在以下情况下使用代码段:

  • 石蕊建造者
  • 崇高的文字
  • 原子
  • 织梦者
  • 结尾

想要更多片段? 你有一些最喜欢的东西想要分享吗?
加入社区以从我们的片段库中搜索和贡献片段。

利用部分

节省的时间:30 分钟 — 几个小时,取决于您更新的电子邮件模板数量

部分是全局的、动态的、可重用的代码块,可以在多封电子邮件中使用。 对部分所做的更改将应用​​于引用该部分的每封电子邮件。

根据我们的 2018 年电子邮件工作流状态报告,22% 的营销人员使用部分。 这在 2017 年增长了 18.2%。随着自动电子邮件的使用持续增长,部分使用也应该如此。

部分使用增加

Partials 适用于代码部分,例如页眉、页脚、重置 CSS 和常用 CTA——任何在多封电子邮件中重复的内容,使其成为触发和事务性电子邮件的理想工具。

例如,在 Litmus,我们在大多数电子邮件中使用相同的标题:

 <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td bgcolor="#33373e" align="center"> <!--[if (gte mso 9)|(IE)]> <table width="500" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <![endif]--> <table cellpadding="0" cellspacing="0" width="100%" border="0" align="center"> <tr> <td align="center"> <a href="http://litmus.com" target="_blank"> <img src="logo.png" width="130" height="48" alt="Litmus" border="0"> </a> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </table>

我们不使用电子邮件中标题的实际 HTML 和 CSS,而是使用部分引用:

 <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td align="center"> {{header}} </td> </tr> </table>

注意:以上参考使用的是在 Litmus Builder 中使用的 Handlebars 语法。

每当需要更改标题时,我们可以避免手动修改出现标题的每封电子邮件。 我们不更新单个电子邮件,而是简单地更新部分,这会将更改应用于使用该部分的每封电子邮件。 Partials 使管理和维护您的电子邮件更容易、更快、更可扩展。

为了使用部分,您需要利用构建系统和静态站点生成器,例如 Handlebars、Middleman 或 Assemble。 我们强烈建议使用 Litmus Builder(无需设置)或 Lee Munroe 的 Grunt Email Workflow 来使用 Partials。

使用 Emmet 获取代码快捷方式

节省的时间:10-15分钟

Emmet 是文本编辑器的免费插件,允许您键入键盘快捷键,然后将其扩展为完整的代码段。

通过使用 Emmet,电子邮件创建者可以减少键入次数,从而在构建营销活动时节省击键次数和时间。 此外,依靠 Emmet 的自动完成意味着更少的错别字和丢失的标签,从而产生更强大的电子邮件。

Emmet 可用于各种文本编辑器,并内置于 Litmus Builder。 Emmet 深受网页设计师的欢迎,但在希望简化工作流程的电子邮件设计师中越来越多地采用,尽管使用量仍然很小。

Emmet 插件的使用仍然是利基

了解 Emmet 的最简单方法是查看示例。 假设您想要一个包含三行的表格,每行包含一个表格单元格,在一段文本和一个链接上方有一个图像。

无需手动键入或复制和粘贴每一行、表格单元格、图像、段落和链接标签,您可以将其压缩为一行,让 Emmet 为您完成大部分工作。

 table>tr*3>td>img+p+a

点击 TAB 按钮触发 Emmet 后,上面的一行代码被扩展为完整的 HTML。

 <table> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> <tr> <td> <img src="" alt="" /> <p></p> <a href=""></a> </td> </tr> </table>

消除重复性任务并加快构建速度

使用任务运行器

节省的时间:30-60分钟

任务运行器自动执行重复性任务,例如内联 CSS 和发送测试电子邮件。 根据我们的 2018 年电子邮件工作流状态报告,8.9% 的电子邮件营销人员使用任务运行器作为其电子邮件制作工作流的一部分。

在欧洲人的推动下,Task Runner 的使用率攀升

查看以下选项,看看任务运行器是否可以帮助您:

  • 咕噜声
  • 吞咽
  • 代码包

使用静态站点生成器

节省的时间:30 分钟 — 几个小时,取决于您更新的电子邮件模板数量

静态站点生成器是用于平面文件的构建系统,允许您模板化和分解电子邮件元素。

这使电子邮件创建者可以更轻松地编辑和控制这些电子邮件元素。 根据我们的 2018 年电子邮件工作流状态报告,近 9% 的电子邮件营销人员正在使用静态站点生成器作为其电子邮件制作工作流的一部分。

Static_Site Generator 使用高原

查看以下选项,看看静态站点生成器是否可以帮助您:

  • 车把
  • 中间人
  • 集合

任务运行器和静态站点生成器历来被用作 Web 开发工具,但可以在电子邮件中用于设置包含布局、变量和部分的框架,以帮助优化端到端的工作流程。

预处理器和后处理器

节省的时间:10-15分钟

预处理器和后处理器本质上是编写 CSS 的不同方式。 虽然它不是直接的节省时间,但它们可以通过更改格式来帮助自动化您的工作流程,以便它可以由浏览器呈现。

预处理器的使用继续增加

预处理器将用预处理语言编写的代码转换为可以由浏览器呈现的符合标准的 HTML 或 CSS。

查看以下选项,看看预处理器是否可以帮助您:

  • 萨斯
  • 哈姆勒
  • 较少的

后处理器清理您的 CSS 并将其转换为符合标准的 CSS,以确保跨电子邮件客户端的兼容性。

后处理使用略有下滑

使用 Litmus 将自动化添加到您的电子邮件工作流程中

无论您是创建模板,使用 Snippets、Partials 或 Emmet 等快捷方式,还是使用任务运行器来编写电子邮件,您都可以将各种自动化功能整合到 Litmus Builder 中。 使用 Litmus,您将能够加快制作时间 — 让您专注于设计和构建出色的电子邮件。

收听我们的电子邮件自动化网络研讨会,或试一试 Litmus。

自动化您的工作流程 →