内容模块:产品、折扣、倒计时、追踪等
1.17 版本为可视化构建器新增了 13 个内容块和 2 个布局块。其中的每个文本字段均支持 Liquid 语法,因此产品标题或物流单号可通过 {{ variables.xxx }} 从工作流程中获取,画布上会显示每个块使用您的测试变量渲染后的效果。
由零件组成的积木
产品卡片、折扣框、用户评价、签名、视频和订单跟踪模块都是由您已经熟悉的基本模块构建而成的,这与“图片+文本”模块的构建方式相同。打开其中一个模块,设置面板中会列出其组成部分:图片、标题、文本、价格和按钮。 点击某个组件即可进入该组件的完整设置界面进行编辑(包括图片宽度和对齐方式、标题级别、富文本格式、按钮样式和圆角半径);点击眼睛图标可隐藏不需要的组件。组件下方是该组件本身的设置,例如卡片布局或边框样式。
产品
一张产品卡片。组成部分:图片(上传,或提供链接,例如 {{ variables.product_image }})、标题、描述(默认隐藏,需手动开启)、价格(可选显示带删除线的原价)以及一个按钮。 链接将图片和标题包裹在一起;按钮拥有独立的链接。布局可将图片置于文本上方或旁边,并可设置图片宽度及行内垂直对齐方式。适用于订单邮件或客户回流邮件中的特色产品展示。
价格
独立的价格行:加粗显示的价格,其前方可选地以划线形式标注原价,以及尺寸、颜色和对齐方式。这是产品卡片中的价格部分,可在任何位置显示。
产品网格
、、、、。 每个条目都会变成一张卡片,上面带有您所选样式和圆角的按钮;若缺少图片或链接,则该部分将直接省略。您可以通过**“运行代码**”步骤或订单的订单项,将列表内容从 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传递数据 - 提供数值。
- 权限:该应用可以从您的商店读取哪些信息 - “折扣”权限。

