开始使用 Litmus 进行模块化构建

已发表: 2021-11-10

我们最近一直在谈论模块化建筑——这是有充分理由的。 这是简化和加速电子邮件开发的好方法。

随着对电子邮件团队的需求不断增加，是时候部署可扩展的系统来帮助我们跟上（而不是精疲力竭）了。

这就是模块化建筑发挥作用的地方。 它利用可以以不同组合方式组合在一起的可重用内容块。 把它们想象成乐高积木，但用于电子邮件。

如果您是这个概念的新手，请查看我们的模块化建筑 101 博客以获取概述。

在此博客中，我们将帮助您入门 - 为您的业务制定业务案例和在 Litmus 中构建模块。

Litmus 中有哪些不同的模块化组件？

在我们深入研究之前，让我们先介绍一些在 Litmus 中讨论模块化构建时参考的一些术语。

片段

片段是可重用内容的模块，非常适合电子邮件设计中常用的元素。 它们是最灵活的模块类型，可在包含它们的电子邮件或模板中进行编辑。

以下是一些可以制作好的片段的组件：英雄块、主要/次要、第三级内容块和 CTA。

部分

Partials 是全局的、动态的、可重用的模块，可以在多封电子邮件中使用。 对部分所做的更改将应用​​于引用该部分的每封电子邮件或模板，从而节省时间并消除忘记更新电子邮件或模板的可能性。

构成良好部分的组件包括：页眉、页脚、CSS 重置和基本样式、响应断点和样式以及间隔元素。

模板

模板使您的团队能够快速创建品牌一致、无错误的电子邮件。 您不必为每次发送都从头开始重写整个电子邮件，只需在测试并将其发送给订阅者之前，只需将副本、图像和链接添加到现有模板。

设计库

设计库是您将代码模块存储在一个集中位置的地方。 在 Litmus 中构建时，您可以将保存在设计库中的片段和部分提取到您的电子邮件中。

我如何获得支持以开始模块化构建？

到目前为止，采用模块化建筑的最大障碍是时间。 为了在日历上腾出时间来创建可重用的代码库，您需要获得领导团队的支持。

每个组织都有不同的方法来确保支持，但我们希望以下内容可以帮助您展示投资模块化建筑的价值和重要性。

以下是您希望与营销主管一起带回家的一些主要好处：

  • 大规模提供品牌体验，无需大量增加员工人数
  • 节省时间，让您可以更快地将更多电子邮件发送出去
  • 让您摆脱杂草，因此您可以更多地关注电子邮件策略而不是开发

来自 2021 年电子邮件状况报告的这些统计数据也应该有助于证明这一点：

  • 自大流行以来，电子邮件量增加了 61%，但员工人数没有增加。 模块化构建可以帮助您在不增加员工人数的情况下更快地构建。
  • 58% 的电子邮件营销人员有 2 周的制作时间。 模块化构建可以帮助您加快电子邮件开发并缩短发送电子邮件所需的时间。
  • 43% 的电子邮件营销人员目前使用摘要，另有 12% 计划使用。 这是电子邮件营销的未来，您希望保持领先地位。
  • 电子邮件营销的投资回报率为 36:1。 成功的电子邮件营销的关键是一致的品牌体验——模块化构建可以帮助您实现这一点。

我如何开始模块化建筑？

有几种不同的方法可以解决这个问题。

在 Litmus，我们从审计开始。 这包括记录我们当前的电子邮件模板并确定所有这些模板中的通用模块。 然后，我们使用 Figma 为我们的模块设计和创建线框，而不是跳到编码中。 这使我们能够构建我们实际一次又一次使用的代码模块，使其成为我们推荐的方法。

或者，您可以从构建模板开始，然后逐步构建模块。 这就是我们的一位客户 Ferguson Enterprises 开始模块化构建的方式——让他们能够快速启动并随着时间的推移进行迭代。

正如我们所提到的，模块化构建的最大障碍是时间。 即使您没有足够的时间和资源来创建完整的电子邮件设计系统，采用迭代方法也可以让您开始。

如何使用 Litmus 构建模块？

您可以通过两种方式在 Litmus 中构建模块：

  1. 直接在设计库中
  2. 从 Builder 中保存模块

让我们来看看每个选项和入门选项。

在设计库中创建模块

导航到设计库，然后单击右上角的新建模块按钮。 您将看到两个选项：New Snippet 和 New Partial。

要创建代码段，请单击新建代码段 。 在下一个屏幕上，为您的代码片段命名和触发器。 触发器是一串文本，您将用于在 Litmus Builder 的代码编辑器（例如 p-list）中插入片段。 在代码段内容部分，复制并粘贴您的代码。

要创建新的分音，请单击“新建分音”。 为您的 Partial 命名，将打开一个新的编辑器窗口。 插入您的代码，然后单击保存。 （注意：部分只能在设计库中创建。）

从 Litmus Builder 创建模块

从 Litmus Builder 创建模块的第一步是开始一封新电子邮件。 单击任何文件夹中的“新建电子邮件”按钮即可开始。 为您的电子邮件命名，然后选择“选择模板”。 从这里，选择空白电子邮件模板。

如果您有现有的电子邮件模板，请将您的 HTML 或 CSS 复制并粘贴到 Builder 的代码编辑器中。 突出显示一段代码，您将看到一个按钮，上面写着将选择保存为模块。 就像从设计库创建代码段时一样，您将为代码段指定名称和触发器。 单击创建模块以保存您的代码段。 等等！ 就这么简单。

如果您当前没有要从中提取的代码，那也没关系！ 这就是电子邮件社区的用途。 我们自己的 Carin Slater 精心制作了这些示例片段和部分供您窃取。 Litmus 社区分享了一些您可以使用的他们最喜欢的片段。

石蕊标志

尝试模块化电子邮件创建

Litmus 使模块化变得容易。 在设计库中存储和组织您的片段和部分。 然后，使用 Litmus Builder 中的可视化编辑器快速构建和 QA 测试电子邮件。 它甚至预装了带有模块的完全优化的电子邮件模板，因此您可以直接进入。

开启免费体验