使用 Liquid 自定义 Shopify Email 宣传活动
Liquid 是 Shopify 的简单易用的编程语言,也是构建 Shopify 模板商店中的模板时所采用的编程语言。
您可以创建完全自定义编码的电子邮件或向模板添加自定义 Liquid 分区,使用自定义 Liquid 来增强 Shopify Email 消息。通过这些选项,您可以输入自定义 Liquid 或 HTML。
您可以使用自定义 Liquid 显示自定义资产,例如并排图片、自定义按钮、自定义大小的图片和自定义分区大小。
注意事项
在开始向 Shopify Email 消息中添加自定义 Liquid 之前,请查看以下注意事项:
- 代码中包含的变量需要受自定义 Liquid 支持。
- 您只能使用台式设备创建自定义 Liquid 分区。
- 自定义 Liquid 电子邮件中需要包含
unsubscribe_link
或unsubscribe_url
变量。如果您激活了打开情况跟踪,则还需要open_tracking
变量。详细了解如何向电子邮件中添加所需变量。 - 您输入的代码具有以下限制:
- 自定义 Liquid 分区的最大大小为 50 千字节 (KB)。
- 自定义编码的 Liquid 电子邮件的最大大小为 500 KB。
自定义 Liquid 中支持的 Liquid 变量
您可以使用支持的变量通过 Liquid 定制您的 Shopify 电子邮件消息。您可以查看以下类型模板支持的 Liquid 变量列表:
所有电子邮件模板支持的 Liquid 变量
您可以通过 Liquid 使用以下变量来自定义任何 Shopify Email 消息。
变量 | 描述 |
---|---|
all_products | 您商店中的所有产品。 |
unsubscribe_link | 此变量授予对预先设置格式的取消订阅链接块的访问权限。如果您创建自定义编码的电子邮件,则需要包含 unsubscribe_link 或 unsubscribe_url 变量。 |
unsubscribe_url | 此变量授予对原始取消订阅 URL 的访问权限,可以自定义。如果您创建自定义编码的电子邮件,则需要包含 unsubscribe_url 或 unsubscribe_link 变量。 |
open_tracking | 此变量授予对预先设置格式的打开情况跟踪块的访问权限。如果您创建自定义编码的电子邮件并激活打开情况跟踪,则此变量是必填项。 |
data.customer.* |
此变量可提供以下客户数据属性的访问权限: first_name last_name email city 状态 国家/地区 这些属性不能用在 Liquid 筛选条件或 Liquid 条件中。 |
email.* |
此变量可提供以下电子邮件属性的访问权限: subject 显示电子邮件的主题行。preview_text 显示电子邮件的预览文本。 |
shop.* | 此变量可提供以下商店属性的访问权限:
name 显示商店名称。domain 显示商店主域名。url 显示商店 URL。shopify_domain 显示商店 Shopify 域名。
|
弃单营销邮件支持的 Liquid 变量
您可以通过 Liquid 使用以下变量来自定义弃单 Shopify Email 消息。
变量 | 描述 |
---|---|
abandoned_checkout.* |
此变量可提供对弃单的以下属性的访问权限:
|
id(checkout ID) | 供内部使用的结账唯一 ID。 |
shop | 您的 Shopify 商店名称。 |
name | 弃单的名称,也称为结账编号。 |
total_price | 订单的总价(小计 + 运费 - 运费折扣 + 税金)。 |
shipping_price |
运费。 示例: |
shipping_address | 收货地址。 |
billing_address | 账单地址。 |
line_items | 弃单中所有订单项目的列表。 |
unavailable_line_items | 弃单中不可售的所有订单项目的列表。 |
note | 附加到弃单的备注。 |
landing_site |
客户使用的登陆网站的路径。这是客户到达商店时访问的第一个页面。 示例: |
landing_site_ref |
从登陆网站提取引用参数。引用参数可以为: 如果 {% if landing_site_ref == 'my-tracking-token' %} My action... {% endif %} |
referring_site |
将客户引导至您商店的推荐来源的 URL。 示例: |
created_at | 客户创建弃单的日期和时间。 |
closed_at | 关闭结账的日期和时间。 |
customer_locale | 客户区域设置的两个字母或三个字母的语言代码,可后跟区域修饰符。例如, cn, en-CA |
item_count | 所有商品的数量总和。 |
unique_gateways | 结账时可用的唯一支付服务提供商的列表。 |
discount | 应用于购物车或弃单中的订单项目的折扣。 |
discounts | 应用于结账的折扣列表。 |
successfully_applied_discounts | 成功应用于结账的折扣。 |
discounts_amount |
所有折扣应用的折扣金额。 示例:+5.00 美元 |
discounts_savings |
使用所有折扣所节省的金额。 例如:-5.00 美元 |
buyer_accepts_marketing | 退货数量 true或 false取决于客户在弃单期间是否接受营销。 |
subtotal_line_items | 结账时用于计算小计价格的订单项目,不包括任何小费订单项目。 |
requires_shipping | 退货数量 true结账时是否至少有一件商品需要发货。 |
subtotal_price | 结账时订单项目的小计价格。 |
与弃单关联的邮箱。 | |
shop_name | 商店名称。 |
tax_lines |
按税种划分的税费: {% for tax_line in tax_lines %} {{ tax_line.title }} ({{ tax_line.rate_percentage }}%) : {{ tax_line.price | money_with_currency }} {% endfor %} |
tax_price | 结账中所有商品的综合税费。 |
attributes |
附加到弃单的任何属性。 示例: |
shipping_method | 有关结账时第一种可用发货方式的信息。 |
shipping_methods | 结账时可用的发货方式。 |
free | 退货数量 true 如果结账总价为零。 |
free_shipping | 退货数量 true如果结账时不需要发货,或者运费为零。 |
different_billing_address | 退货数量 true或 false基于收货地址是否与账单地址相同。 |
customer | 包含 customer 输出属性的 customer 对象。 |
gift_cards | 结账时应用的礼品卡。 |
gift_cards_amount | 使用礼品卡支付的结账价格金额。 |
transactions | 结账交易。 |
shareable_url | 订单项目中第一件产品的 URL。 |
shareable_title | 第一个订单项目的产品标题。 |
total_tip | 客户在结账时添加的总小费金额。 |
discount_applications | 描述在结账时对商品打折的原因和方式。 |
cart_level_discount_applications | 针对购物车的购物车特定折扣申请。 |
currency | 弃单的相应货币。 |
line_items_subtotal_price | 应用任何订单项目折扣后,结账中所有订单项目的价格总额。 |
用于浏览产品但未加购和弃购营销邮件的 Liquid 变量
abandoned_visit.*
变量只有在此情况下才会填充:电子邮件包含在弃购或浏览产品但未加购营销自动化中。查看此变量可授予访问权限的以下属性。
变量 | 描述 |
---|---|
abandoned_visit.* |
此变量可提供对弃单或浏览的以下属性的访问权限:
|
使用所需变量
创建自定义 Liquid 电子邮件时,需要包含 unsubscribe_link
或 unsubscribe_url
变量。如果您激活了打开情况跟踪,则还需要 open_tracking
变量。
虽然可将这些变量插入电子邮件代码中的任何位置,但最常见的添加位置是电子邮件的页脚部分,示例如下所示:
<div id="footer">{{ unsubscribe_link }} {{ open_tracking_block }}</div>
自定义 Liquid 代码的示例
您可以在代码编辑器中添加自定义 Liquid 或 HTML。以下代码是添加 Liquid 代码的示例,目的是在电子邮件消息中显示您的商店名称、自定义按钮和自定义大小的图片。
<style>
body {
text-align: center;
}
p#welcome {
margin: 0;
padding: 3rem;
color: white;
font-weight: 700;
font-size: 26px;
font-family: 'Futura';
}
div#image_wrapper img {
max-width: 70%;
border-radius: 60px;
box-shadow: -2px 6px 0px rgba(227, 111, 59, 0.7);
}
div#button_wrapper {
padding: 1rem;
}
div#button_wrapper a {
padding: 1rem 2rem;
border-radius: 24px;
display: inline-block;
background: linear-gradient(120deg, #F6A179, #865CFF);
box-shadow: -2px 4px 0px rgba(96, 54, 173, 0.9);
font-weight: 700;
font-size: 16px;
font-family: 'Futura';
color: white;
}
div#footer {
font-weight: 700;
font-size: 16px;
font-family: 'Futura';
padding: 2rem;
}
div#button_wrapper:hover a {
box-shadow: -4px 6px 0px rgba(96, 54, 173, 0.8);
}
div#custom_section {
background: linear-gradient(120deg, #FF9F73, #FFC7AD);
padding:0 0 2rem 0;
border-radius: 4rem;
}
</style>
<div id="custom_section">
<p id="welcome">
Hello from {{shop.name}}<strong></strong>!
</p>
<div id="image_wrapper">
<img src="https://burst.shopifycdn.com/photos/a-trio-of-natural-soaps.jpg" alt="" />
</div>
<div id="button_wrapper">
<a href="">Shop now</a>
</div>
<div id="footer">{{ unsubscribe_link }} {{ open_tracking_block }}</div>
</div>