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

您可以通过添加自定义 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

    从登陆网站提取引用参数。引用参数可以为: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_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>

    准备好开始使用 Shopify 进行销售了吗?

    免费试用