将自定义 Liquid 添加到 Shopify Email 宣传活动

拓展您的业务

如果您需要有关为 Shopify Email 消息创建自定义代码的帮助，那么您可以聘请 Shopiy 合作伙伴。

您可以通过添加自定义 Liquid 分区或创建完全自定义编码的电子邮件来向 Shopify Email 邮件中添加自定义编码。通过这些选项，您可以输入自定义 Liquid 或 HTML。

Liquid 是 Shopify 的简单易用的编程语言，也是构建 Shopify 模板商店中的模板时所采用的编程语言。

您可以使用自定义 Liquid 显示自定义资产，例如并排图片、自定义按钮、自定义大小的图片和自定义分区大小。

注意事项

在开始向 Shopify Email 消息中添加自定义 Liquid 之前，请查看以下注意事项：

• 代码中包含的变量需要受自定义 Liquid 支持。
• 您只能使用台式设备创建自定义 Liquid 分区。
• 自定义 Liquid 电子邮件中需要包含 unsubscribe_link 变量。如果您激活了打开情况跟踪，则还需要 open_tracking 变量。详细了解如何向电子邮件中添加所需变量。
• 您输入的代码具有以下限制：
  • 自定义 Liquid 分区的最大大小为 50 千字节 (KB)。
  • 自定义编码的 Liquid 电子邮件的最大大小为 500 KB。

自定义 Liquid 中支持的 Liquid 变量

您可以通过 Liquid 使用以下变量来自定义 Shopify Email 邮件。

所有电子邮件模板支持的 Liquid 变量

您可以通过 Liquid 使用以下变量来自定义任何 Shopify Email 消息。

Shopify Email 支持的 Liquid 变量的描述

变量	描述
all_products	您商店中的所有产品。
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 域名。 address 显示商店地址，授予对以下地址属性的访问权限： address1 address2 city 国家/地区 电话 province 邮编 branding 显示商店品牌营销内容，授予对以下属性的访问权限： accent_section_color background_primary_color background_border_color body_text_color button_background_and_link_color button_label_color footer_link_color footer_text_color footer_background_color social_link_facebook social_link_twitter social_link_instagram social_link_pinterest shop_name logo，直接呈现为 img 标签。

弃单营销邮件支持的 Liquid 变量

您可以通过 Liquid 使用以下变量来自定义弃单 Shopify Email 消息。

只有当电子邮件包含在弃单营销自动化中时，变量 abandoned_checkout 才会填充。否则，变量将为 null。

适用于浏览产品但未加购、弃购或弃单的 Shopify Email 支持的 Liquid 变量的描述

变量	描述
abandoned_checkout.*	此变量可提供对弃单的以下属性的访问权限： url 显示弃单的 URL。 line_items 显示弃单的前五个订单项目。此外，每个 line_items 对象还包含有关每种产品的以下属性： image_url product_title variant_title quantity 如果弃单中包含超过 5 个订单项目，remaining_products_count 将显示剩余的订单项目计数。
id (checkout ID)	供内部使用的结账唯一 ID。
shop	您的 Shopify 商店名称。
name	弃单的名称，也称为结账编号。
total_price	订单的总价（小计 + 运费 - 运费折扣 + 税金）。
shipping_price	运费。 示例：{{ shipping_price | money }}
shipping_address	收货地址。
billing_address	账单地址。
line_items	弃单中所有订单项目的列表。
unavailable_line_items	弃单中不可售的所有订单项目的列表。
note	附加到弃单的备注。
landing_site	客户使用的登陆网站的路径。这是客户到达商店时访问的第一个页面。 示例：/products/great-product?ref=my-tracking-token
landing_site_ref	从登陆网站提取引用参数。引用参数可以为：ref、source、r。 如果 landing_site 为 /products/great-product?ref=my-tracking-token，则 landing_site_ref 将为 my-tracking-token。如果您的引用参数等于某个特定值，则您可以执行某个特定操作： {% if landing_site_ref == 'my-tracking-token' %} My action... {% endif %}
referring_site	将客户引导至您商店的推荐来源的 URL。 示例：https://www.google.com/?s=great+products
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	结账时订单项目的小计价格。
email	与弃单关联的邮箱。
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	附加到弃单的任何属性。 示例：{{ attributes.gift-note }}
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.* 只有在此情况下才会填充：电子邮件包含在弃购或浏览产品但未加购营销自动化中。查看此变量可授予访问权限的以下属性。

Shopify Email 支持的 Liquid 变量的描述

变量	描述
abandoned_visit.*	此变量可提供对弃单或浏览的以下属性的访问权限： url 显示弃购或浏览产品但未加购的 URL。 products_added_to_cart 显示弃单访问中添加的前五个产品订单项目。此外，每个 products_added_to_cart 对象还包含有关每种产品的以下属性： title image_url variant_title quantity products_viewed 显示弃单访问期间查看的前五种产品。此外，每个 products_viewed 对象还包含有关每个产品的以下属性： title 描述 image_url URL image_alt_text 如果弃单中包含超过 5 个订单项目，remaining_cart_products_count 将显示剩余的订单项目计数。

使用所需变量

创建自定义 Liquid 电子邮件时，需要包含 unsubscribe_link 变量。如果您激活了打开情况跟踪，则还需要 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>