内容模块：产品、折扣、倒计时、追踪等

1.17 版本为可视化构建器新增了 13 个内容块和 2 个布局块。其中的每个文本字段都支持 Liquid 语法，因此产品标题或物流单号可以通过 {{ variables.xxx }} 从工作流程中获取，画布上会显示使用您的测试变量渲染后的每个块。

由零件组成的积木

产品卡片、折扣框、客户评价、签名、视频和订单跟踪模块都是由您已经熟悉的基本模块构建而成的，其原理与“图片+文本”模块相同。打开其中一个模块，设置面板中会列出其组成部分：图片、标题、文本、价格和按钮。 点击某个组件即可进入该组件的完整设置界面进行编辑（包括图片宽度和对齐方式、标题级别、富文本格式、按钮样式和圆角半径）；点击眼睛图标可隐藏不需要的组件。各组件下方是该组件本身的设置，例如卡片布局或边框样式。

产品

一张产品卡片。组成部分：图片（上传，或提供链接，例如 {{ variables.product_image }}）、标题、描述（默认隐藏，需手动开启）、价格（可选显示带划线标记的原价）以及一个按钮。 链接将图片和标题包裹在一起；按钮拥有独立的链接。布局可将图片置于文本上方或其侧边，并可设置图片宽度及行内垂直对齐方式。适用于订单或客户回流邮件中的特色产品展示。

价格

独立的价格行：加粗显示的价格，其前方可选地以划线形式标注原价，以及尺寸、颜色和对齐方式。这是产品卡片中的价格部分，可在任何位置显示。

产品网格

从变量中的列表中每行选取两到三张卡片，其工作原理与“订单项”表格相同。将**“列表**”指向该变量（例如 variables.products），然后为存储每个字段的属性命名：title、price、compare_at_price、image、url。 每个条目都会变成一张卡片，上面带有您所选样式和圆角的按钮；若缺少图片或链接，则该部分将直接省略。您可以通过**“运行代码**”步骤或订单的订单项，将列表内容从 Shopify Flow 中填入。

折扣码

一个代码框，其中包含标题、描述和按钮等部件，外框可为虚线、实线或无边框。有两种填充方式：

• 已存在的代码：输入该代码（或一个变量）。该按钮将跳转至您的商店，并在结账时自动应用该代码，除非您为其设置独立的链接。
• 为每封电子邮件生成一个唯一代码：当电子邮件发送时，应用会在您的商店中生成一个一次性折扣码，名称为PREFIX-XXXXXX，其中包含您设置的折扣百分比或金额、有效期（以天为单位）、最低小计金额以及“每位客户限用一次”的规则。该代码会随发送记录显示在**“历史记录**”中，且电子邮件的**“重新发送**”选项中也会显示相同的代码。 每封营销邮件为每位收件人生成一个专属代码。

创建优惠码需要**“折扣**”权限，该模块会在此处请求此权限，您可以在“权限”页面（权限：该应用可以从您的商店读取哪些信息）中撤销该权限。该应用仅用于创建优惠码；绝不会读取、修改或删除其他折扣。测试邮件中会显示占位符，而非生成优惠码。

倒计时

一个显示日期和时间的实时倒计时。在电子邮件中，这是一种动画图片，当邮件被打开时，应用会渲染该图片，因此它会在收件箱中进行倒计时；如果客户端屏蔽了图片，则会显示图片旁边的文本。Ends at 参数接受带时区的日期（2026-12-24T23:59:00+01:00）或一个变量。 提供四种样式：方框、翻转卡片、极简和文本；三种尺寸；自定义标签和颜色；以及在倒计时结束时替换倒计时内容的文本。

订单追踪

承运商和运单号、一条进度条，以及两个部分：一个**“追踪”**按钮（除非您提供另一个链接，否则它会打开默认的追踪链接）和一条备注（例如预计送达时间），该备注在您需要时才会显示。 “发货状态”功能会根据 Shopify Flow 中 Shopify 状态（IN_TRANSIT、OUT_FOR_DELIVERY、DELIVERED 等）或步骤编号，点亮该状态之前的步骤。步骤标签由您自定义，数量为 2 至 6 个。

星级评分

从一个数字（{{ variables.rating }}）中提取的星级评分，四舍五入为整数星，其余部分显示为灰色；旁边配有文字说明和一个可选链接（例如指向您的评论页面）。可将其与评论请求邮件搭配使用。

用户评价

将一句名言和作者简介作为文本内容，可选配一张照片，制作成卡片，可添加彩色装饰条，也可保持素雅风格。

社交链接

一排社交媒体图标（Instagram、Facebook、X、LinkedIn、YouTube、TikTok、Pinterest 等），带有指定的大小和间距。与页脚中使用的图标相同。

视频

由于电子邮件无法播放视频，因此该组件会显示带有播放按钮的缩略图（链接至视频页面），并在下方显示可选的字幕部分。播放按钮可选深色、浅色或品牌色，并可自定义缩略图的高度和宽度。Windows 版的 Outlook 不会显示播放按钮后面的缩略图，但链接仍可正常使用。

签名

一张照片、一个姓名（标题）以及详细信息（正文：职位、公司、电话、电子邮箱、网站），照片可为圆形或方形，位于左侧或上方。默认使用 {{ shop.name }} 和 {{ shop.email }}。

表格

一个用于存储订单详情或规格的小型数据表。每个单元格对应一个变量，第一行可作为表头，行与行之间可交错排列。

在浏览器中查看

常见的“在浏览器中查看此邮件”提示。点击该链接将打开该邮件的网页版本，该版本基于原始邮件的版式和数据生成，有效期为30天。测试邮件中包含一个链接，可跳转至包含测试变量的邮件版式。

专栏

两列、三列或四列等宽，每列都有自己的模块：三张产品卡片并排显示，或者每个图标下方配有一行文字。

显示如果

仅当变量满足某个条件时才会显示的代码块。请按照 Liquid 的语法输入条件：variables.total > 100、language == "de"、variables.tags contains "vip"。Canvas 会使用测试变量对条件进行求值，并在该代码块应被省略时将其变暗。请像在列中一样将代码块放置于此。

相关

• 设计电子邮件版面 - 构建器以及其他所有模块。
• 从Shopify Flow传递数据 - 提供数值。
• 权限：该应用可以从您的商店读取哪些信息 - “折扣”权限。