如何在电子邮件中使用表格块

你将会学到

了解如何在电子邮件中使用表格块。这些块可以并排显示图像和文本。表块也可以是动态的，迭代数据以个性化发送给每个收件人的电子邮件。

理解表块

表块有两种类型：

• 静态

这种类型的表格块显示您选择的确切行数和列数。每个收件人都会看到相同的表格布局，但如果您使用个性化、事件、目录或其他标签，内容可能会有所不同。 – 动态 这些表块允许您迭代数据列表（例如，废弃购物车或订单确认流程中的项目列表）。行数由列表项的数量决定：如果有人订购 1 项，则他们将有 1 行；如果有人订购 1 项，则他们将有 1 行；如果他们订购了 5 件商品，那么他们将有 5 行。动态表块最常见的用例是突出显示废弃购物车消息中的产品。这使用动态块来显示多行，其中包含每个废弃项目的图像、产品名称和价格。

何时使用表块

表格块是并排放置 2 个或更多内容的多种方法之一。替代方案包括分割块和柱。在下表中详细了解并排放置内容的不同选项。 | | | | | |

表格对于可访问性来说可能具有挑战性，因为屏幕阅读器很难解析它们。

静态表块

这里的“静态”一词仅意味着表中的内容和行数对于每个收件人都保持相同。内容更改的唯一时间是在静态表块中添加动态内容（例如个性化、日期和目录标签）。

静态表块的用例

使用静态表块可以：

• 显示特定商品，例如限时抢购或产品发布。 – 始终包含相同数量的项目（例如，在浏览放弃消息中显示最近查看的项目。 – 创建事件数据仅包含 1 个项目的流消息，其中包括：
• 废弃的购物车流程（添加到购物车触发器）
• 浏览放弃流程
• 恢复库存和价格下降流
• 您想要并排放置静态文本和图像

如何创建静态表块

1. 导航至电子邮件（即营销活动电子邮件、模板或流程电子邮件）。
2. 从 Blocks 菜单中，将 Table** 块拖到画布中。

3. 打开该块的样式菜单。请注意，Static 已被选中，因为这是表块的默认设置。

4. 在“列”下，单击“添加列”以添加其他列。

5. 在 行 下，单击 添加行 以添加其他行。

6. 返回块的内容选项卡。
7. 使用单元格选择器区域选择您要编辑的单元格。

8. 使用单元格内容菜单选择该单元格应该是文本还是图像。对每个单元格重复此操作。
9. 在 单元格内容 菜单下方添加内容（即文本或图像）。
10. 将内容添加到每个单元格后，单击后退箭头返回主内容菜单并继续构建电子邮件。

动态表块

如果您的电子商务平台与 Klaviyo 有标准集成，则无需构建动态表块。 相反，请使用在默认废弃购物车中找到的表块或在流程库中找到的已下订单流程。动态表块迭代数据集，以根据其中的条目数重复内容。该块迭代直到到达列表的末尾。例如，您可以显示某人购物车中产品的确切数量。为了使用动态块，您必须引用格式化为嵌套列表的数据，其中每个列表条目都遵循相同的格式。最常见的用例是在流程的触发事件（例如，开始结账、下订单）中找到产品信息，但您也可以使用网络源来列出博客文章，或参考格式化为列表的个人资料数据。

动态表块的元素

创建动态内容块需要 3 个元素：

• 行集合

要迭代的数据的位置。查看源数据（例如，开始结帐 事件元数据中的项目）时，这是相关模板标签的一部分，每个标签都相同。 – 行别名 当表迭代数据集时引用行集合的简写方式。行别名通常是 item，但您可以使用任何文本。 – 动态内容 将出现在每一行中的内容。例如，您可能想要显示购物车中留下的每件商品的图像、产品名称、价格和款式信息。

动态表块的用例

如果您要动态引用数据列表并且列表中的每个条目都以相同的方式格式化，请使用动态表块。这包括：

• 废弃的购物车流程（结账开始触发）
• 订单确认流程
• 向上或交叉销售流程

如何创建动态表块

这些说明中使用的所有标签均为示例，可能与您帐户的正确标签不同。消息的正确标签取决于数据的来源和结构（通常是电子商务平台），这对于许多 Klaviyo 帐户来说是不同的。本节涵盖了高层动态表块。有关此过程的更多详细说明，请了解如何在流电子邮件中构建动态块。

1. 导航至电子邮件编辑器。如果您正在使用事件数据（例如，废弃的购物车详细信息），请导航至相关事件触发的流程中的电子邮件。
2. 从 Blocks 菜单中，将 Table** 块拖到画布中。

3. 打开该块的样式菜单并选择动态。

4. 设置您的行集合：使用您想要显示的每个项目中一致的个性化标签部分。 – 例如，如果 {{ event.products.0.imageURL }} 是第一个项目图像的标签，而 {{ event.products.1.name }} 是第二个项目名称的标签，那么您的行集合应该是 event.products。 – 行集合几乎总是第一个数字之前的标记部分（例如，如果完整标记为 {{ event.extra.line\_items.0.product.name }}，则为 event.extra.line\_items）。
5. 将您的行别名设置为项目。
6. 返回块的内容选项卡。 – 将内容添加到表格的每个单元格。通常，左侧的单元格是图像，右侧的单元格是包含带有产品信息的动态标签的文本。
7. 将表中每个标签中第一个数字之前的所有内容替换为行别名（即“item”）。例如：

• {{ event.extra.line\_items.0.imageURL }} 变为 {{ item.imageURL }}
• {{ event.items.0.product.name }} 变为 {{ item.product.name }}

8. 单击预览和测试 预览您的电子邮件。 – 确保您使用正确的数据进行预览（例如，如果这是废弃的购物车消息，请使用 开始结帐 事件进行预览），否则表格将不会显示任何内容。此过程允许开发人员和精通代码的营销人员创建高度定制的内容。如果您的团队中没有开发人员并且不方便自己创建此块，请考虑联系 Klaviyo 合作伙伴 寻求帮助。 详细了解如何创建废弃购物车流 或使用事件数据个性化电子邮件和短信流。

动态表块如何工作

动态表块的工作方式与大多数编程语言中的 for 循环完全相同。 – 行集合标识要循环的数据部分。 – 行别名 是用于标识动态内容出现位置的别名。 – 每个使用 行别名 的标签将根据事件数据中出现的行来引用事件数据中的正确行。呈现电子邮件时，Klaviyo 会循环访问数据集中的每个项目。第一次，行别名被替换为 [行集合].0.，引用数据集中的第一项。第二次，行别名替换为[行集合].1.，表示数据集中的第二项。然后继续此过程，直到没有任何项目剩余，并且数据集中的每个项目都有一行。

其他资源

• 课程：使用 Django 自定义和个性化电子邮件
• 如何在电子邮件中垂直显示产品