使用 Liquid 自定义 Shopify Email 宣传活动

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

您可以创建完全自定义编码的电子邮件或向模板添加自定义 Liquid 分区,使用自定义 Liquid 来增强 Shopify Email 消息。通过这些选项,您可以输入自定义 Liquid 或 HTML。

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

注意事项

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

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

自定义 Liquid 中支持的 Liquid 变量

您可以使用支持的变量通过 Liquid 定制您的 Shopify 电子邮件消息。您可以查看以下类型模板支持的 Liquid 变量列表:

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

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

Shopify Email 支持的 Liquid 变量的描述
变量描述
all_products
您商店中的所有产品
unsubscribe_link
此变量授予对预先设置格式的取消订阅链接块的访问权限。如果您创建自定义编码的电子邮件,则需要包含 unsubscribe_linkunsubscribe_url 变量。
unsubscribe_url
此变量授予对原始取消订阅 URL 的访问权限,可以自定义。如果您创建自定义编码的电子邮件,则需要包含 unsubscribe_urlunsubscribe_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
    • line_items.components 显示弃单的组件。此外,每个 components 对象还包含有关每个组件的以下属性:
      • image_url
      • quantity
      • product_title
      • variant_title
    • 如果弃单中包含超过 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

    从登陆网站提取引用参数。引用参数可以为:refsourcer

    如果 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_linkunsubscribe_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>
    没有找到您需要的答案?我们将为您提供帮助。