电子邮件模块：如何自信地实际扩展独特的电子邮件

多年来，您可能已经听说过模块化电子邮件模板，但还没有真正实现。 或者，您可能不熟悉这个想法。 那么究竟什么是电子邮件模块，您应该使用它们吗？ 简单的答案是肯定的，并且与电子邮件中的其他问题不同，没有“视情况而定”。

根据我们的电子邮件工作流状态报告，52% 的电子邮件团队从头到尾花费两周或更长时间来制作电子邮件。 模块化电子邮件可加快流程以提高效率——因此您可以将更少的时间花在重复的代码上，而将更多的时间花在创新上。 这是一个明智的选择。

继续阅读以了解：

• 什么是电子邮件模块？
• 模块化电子邮件的好处
• 如何开始模块化设计

什么是电子邮件模块？

电子邮件模块是可重复使用的内容块，可以以不同的组合方式组合在一起以创建电子邮件或一系列完整的电子邮件模板。 也称为组件，模块有多种类型，例如片段（针对特定电子邮件量身定制，如号召性用语按钮）和部分（在多封电子邮件中保持一致，如电子邮件页脚）。

作为更广泛的电子邮件设计系统或品牌指南的一部分，您的所有模块都可以放在一个模式库中。 因此，您的团队确切地知道如何混合搭配以构建不会中断的符合品牌标准的电子邮件。 本质上，模块化电子邮件设计围绕较小的部分或模块组合在一起以创建更大的设计。 就像乐高积木可以放在一起建造任何东西一样。

模块化电子邮件有什么好处？

模块化有很多好处，我已经暗示了一些。 如果您仍有疑问，这里有好处。

标准化又名保持品牌和无错误

您的徽标或品牌颜色是否因电子邮件而异？ 模块化设计处理了这样的不一致。 由于这些块都经过预编码和测试，您可以放心，它们将创建在所有电子邮件中保持您的品牌标准的电子邮件。 没有错误。

节省时间并加快电子邮件工作流程

根据我们的 2020 年电子邮件现状调查数据，大约 35% 的营销人员在每封电子邮件上花费 1-2 个小时进行编码和开发。 另有 34% 需要至少 3 小时。 由于超过一半的受访者一次处理六封或更多电子邮件，这些开发时间很快就会增加。

随着电子邮件设计标准化，您不必再担心从头开始编写电子邮件。 这为您节省了大量时间，因此您可以更快地将电子邮件发送出去。 就个人而言，我现在可以在 10 分钟内创建电子邮件。

灵活性和创造力

模板往往给人一种僵硬和无聊的感觉。 但是模块化模板呢？ 他们很有趣。 因为它们只是电子邮件的一部分，您可以混合搭配它们以满足您的需求，这样您就不会每次都坚持相同的旧布局。

您的块是实时电子邮件设计系统的一部分。 这意味着您可以随着设计系统的发展不断添加新的，以保持灵活性和创造力。

可用于拖放式电子邮件构建器

电子邮件模块的另一个好处？ 它们基本上是“即插即用”，因此，非常适合像 Litmus Builder 的拖放式可视化编辑器这样的拖放式电子邮件构建器。 只需设置它们，您就可以开始了。

非编码人员也可以创建电子邮件

在可视化编辑器中设置可重用内容块后，您无需接触代码即可构建电子邮件。 这意味着即使您的非编码人员也可以创建电子邮件！ 再也不用担心会不小心弄坏东西了。

扩展电子邮件生产

由于每个人（无论其技术能力如何）都能够快速创建模块化电子邮件，因此您可以轻松扩展整个电子邮件制作流程并发展您的电子邮件营销计划。 专注于诸如针对不同订阅者群体的个性化电子邮件之类的事情——这在以前是永远需要做的。

快速创建品牌上无错误的电子邮件 使用 Litmus Builder 在一个无缝流程中构建、预览和 QA 测试您的电子邮件。 不再在工具之间来回跳跃。 了解如何 →

如何开始模块化设计

我们建议从创建电子邮件设计系统开始。 您不必从这一步开始，但这是确保您的电子邮件模块分类和标准化的好方法。 如果不这样做，那么您可以创建非常基本的模块，这些模块在使用时需要很多样式。 或者您可以创建风格化的块，知道可能需要大量维护来维护它们。

一旦设计系统最终确定——实际上，不要等待。 设计系统是有生命的东西，会随着您继续构建电子邮件而发生变化。 不要等到整个系统完成后，一旦有足够的块来制作模板就开始编码。

以下是如何开始。

1. 审核您的电子邮件，看看哪些部分是常用的

完成对电子邮件的审核，以查看是否发现任何模式。 您在电子邮件中看到哪些部分重复出现？ 是否有您反复使用的页眉和页脚块？ 一栏和两栏内容块怎么样？ 这些都是模块的良好候选者。

列出或记录您计划模块化的部分以及它们的使用方式（包括参与规则）。 从一开始就组织您的组件，使您可以更轻松地在整个团队中找到和正确使用它们，尤其是在您继续扩展模式库时。 它可以像为页眉、正文和页脚标记内容块一样基本。 或按团队或客户分类。

我喜欢使用 Litmus 设计库中的类别按部分和电子邮件类型组织我的。

2. 确定标准和品牌指南

设计人员和开发人员在创建模块时应携手合作，以确保创建和维护标准（例如元素之间的间距和模块之间的间距）。

并确保利益相关者在继续之前就特定于电子邮件的品牌准则达成一致，例如字体和颜色。

3. 构建电子邮件样板

您的所有模块都需要放入框架或样板 HTML 中。 这为您在如何布置电子邮件方面提供了最大的灵活性。 有几种不同的方式可以配置样板，但所有样板都在顶部包含一个部分，其中包含开始标签、标题内容、任何重置和品牌样式以及结束标签。

马克罗宾斯创建了一个很棒的精简基本电子邮件模板来帮助您入门。 将其与 Jay Oram 最新的电子邮件标准 CSS 重置样式存储库相结合，您将拥有一个不错的样板文件。

4. 构建你的模块

可以通过多种方式创建模块。 只要您与模块保持一致，那么它们在组合时就会协同工作。 我将介绍两种不同的方法：基于 <table> 的模块和基于 <tr> 的模块。

使用基于 <table> 的模块

您可以将每个模块包装在一个表中，以便在添加模块时将这些表堆叠起来。 基于表的模块看起来像这样：

优点：模块整洁且独立。 一张表中的任何布局样式都不会影响其他模块。

缺点：堆叠表格有时会导致 Outlook 中的呈现问题，例如细白线。

使用基于 <tr> 的模块

基于表行的模块需要放置在包含表中。 然后，可以将行放置在包含表中，将行堆叠在一起，如下所示：

优点：Outlook 中的白线问题较少。

缺点：一个模块中的渲染问题可能会导致另一个模块中的渲染问题。 并且可能需要更多代码来在行内嵌套表以解决问题。

5. 测试，测试，再测试！

这两种模块方法都要求您进行一些质量保证 (QA) 测试，以确保一个组件不会破坏整封电子邮件。

我发现同时构建模块和测试的最佳方法是创建一个包含 Litmus Builder 中所有模块的大模板。

这允许 QA 测试模板中的模块以查看它们如何相互影响。 它还确保保持模块之间的间距。 添加所有模块后，它们可以无缝复制并作为片段或部分保存在 Litmus 的设计库中。

6. 开始在电子邮件制作过程中使用模块

创建模块后，只需在构建过程中使用它们即可。 大多数代码编辑器都为您提供了一种向代码或样板添加片段的方法。

我使用 Litmus Builder。 在代码编辑器视图中，您可以使用代码段触发词或插入菜单将代码段直接添加到代码中。 使用 Litmus Builder 中的拖放式可视化编辑器，只需将代码片段拖放到位即可。

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

让我们模块化

如果您想在不牺牲灵活的电子邮件设计的情况下保持敏捷和高效，您会喜欢电子邮件模块。 它们可以节省大量时间，让您既符合品牌要求又具有创意。 谁不想要那个？ 试一试——你以后会感谢我的。