基于条件在订单状态页面上显示内容

已于 Sep 11, 2024 打印了此页面。若要查看当前版本，请访问 https://help.shopify.com/zh-CN/manual/fulfillment/setup/order-status-page/customization/displaying-content-based-on-criteria。

您可以基于以下条件在订单状态页面上显示内容：

客户地点
特定产品的订单
发货方式

本页相关主题

根据客户地点显示内容
根据特定产品的订单显示内容
根据发货方式显示内容

根据客户地点显示内容

您可以在订单状态页面中添加自定义消息，并仅对收货地址位于特定区域内的客户显示。例如，您可以选择仅对居住在美国纽约的客户显示某条消息。您可以指定任意数量的地点。

步骤：

在 Shopify 后台中，转至设置 > 结账。
在自定义脚本文本框中，粘贴以下示例代码：

<script>
{% if checkout.shipping_address.country_code == 'US' and checkout.shipping_address.province_code == 'NY' %}
    Shopify.Checkout.OrderStatus.addContentBox(
    '<h2>YOUR TITLE HERE</h2>',
    '<p>YOUR MESSAGE HERE</p>'
    )
{% endif %}
</script>

编辑代码以指定位于哪些地点的客户将收到自定义消息。为此，您需要编辑代码块顶部 Liquid {% if %} 语句内的国家/地区和州名缩写。上述示例中的消息设置为仅向居住在美国纽约的客户显示。
- 若要对位于不同州的客户显示消息，请将 NY 替换为您选择的州的州名缩写。若要查找美国州采用的邮政缩写，可以查看 USPS 的此州名缩写列表。
- 若要向纽约以及其他州的客户显示消息，请添加 and checkout.shipping_address.province_code == 'XX'，其中 XX 是所选的州名称缩写。若要添加更多州，请重复此步骤。
- 若要对位于不同国家/地区的客户显示消息，请将 US 替换为您选择的国家/地区的国家/地区名缩写。您还需要将 NY 替换为新的国家/地区中的州或省/直辖市/自治区名称缩写。如果您不想指定州，则请删除 and checkout.shipping_address.province_code == 'NY'。
- 有关撰写 Liquid if 语句的其他指导，请参阅有关控制流标签的 Liquid 参考。
下测试订单以在订单状态页面上查看结果。

在 Shopify 应用中，点击 ... 按钮，然后点击设置。
在商店设置部分中，点击结账。
在自定义脚本文本框中，粘贴以下示例代码：

<script>
{% if checkout.shipping_address.country_code == 'US' and checkout.shipping_address.province_code == 'NY' %}
    Shopify.Checkout.OrderStatus.addContentBox(
    '<h2>YOUR TITLE HERE</h2>',
    '<p>YOUR MESSAGE HERE</p>'
    )
{% endif %}
</script>

编辑代码以指定位于哪些地点的客户将收到自定义消息。为此，您需要编辑代码块顶部 Liquid {% if %} 语句内的国家/地区和州名缩写。上述示例中的消息设置为仅向居住在美国纽约的客户显示。
- 若要对位于不同州的客户显示消息，请将 NY 替换为您选择的州的州名缩写。若要查找美国州采用的邮政缩写，可以查看 USPS 的此州名缩写列表。
- 若要向纽约以及其他州的客户显示消息，请添加 and checkout.shipping_address.province_code == 'XX'，其中 XX 是所选的州名称缩写。若要添加更多州，请重复此步骤。
- 若要对位于不同国家/地区的客户显示消息，请将 US 替换为您选择的国家/地区的国家/地区名缩写。您还需要将 NY 替换为新的国家/地区中的州或省/直辖市/自治区名称缩写。如果您不想指定州，则请删除 and checkout.shipping_address.province_code == 'NY'。
- 有关撰写 Liquid if 语句的其他指导，请参阅有关控制流标签的 Liquid 参考。
下测试订单以在订单状态页面上查看结果。

在 Shopify 应用中，点击 ... 按钮，然后点击设置。
在商店设置部分中，点击结账。
在自定义脚本文本框中，粘贴以下示例代码：

<script>
{% if checkout.shipping_address.country_code == 'US' and checkout.shipping_address.province_code == 'NY' %}
    Shopify.Checkout.OrderStatus.addContentBox(
    '<h2>YOUR TITLE HERE</h2>',
    '<p>YOUR MESSAGE HERE</p>'
    )
{% endif %}
</script>

编辑代码以指定位于哪些地点的客户将收到自定义消息。为此，您需要编辑代码块顶部 Liquid {% if %} 语句内的国家/地区和州名缩写。上述示例中的消息设置为仅向居住在美国纽约的客户显示。
- 若要对位于不同州的客户显示消息，请将 NY 替换为您选择的州的州名缩写。若要查找美国州采用的邮政缩写，可以查看 USPS 的此州名缩写列表。
- 若要向纽约以及其他州的客户显示消息，请添加 and checkout.shipping_address.province_code == 'XX'，其中 XX 是所选的州名称缩写。若要添加更多州，请重复此步骤。
- 若要对位于不同国家/地区的客户显示消息，请将 US 替换为您选择的国家/地区的国家/地区名缩写。您还需要将 NY 替换为新的国家/地区中的州或省/直辖市/自治区名称缩写。如果您不想指定州，则请删除 and checkout.shipping_address.province_code == 'NY'。
- 有关撰写 Liquid if 语句的其他指导，请参阅有关控制流标签的 Liquid 参考。
下测试订单以在订单状态页面上查看结果。

根据特定产品的订单显示内容

了解如何遍历您的 checkout.line_items 以查看您的特殊产品是否在订单中。

步骤：

在 Shopify 后台中，转至设置 > 结账。
向下滚动至自定义脚本部分。
将以下代码复制到剪贴板（在 Mac 上为 command + c，在 PC 上为 ctrl + c）。

<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>

将代码粘贴到自定义脚本框中。（按 ctrl + V (PC) 或 command + V (Mac)）
完成测试订单以查看您的订单状态页面。

在 Shopify 应用中，点击 ... 按钮，然后点击设置。
在商店设置部分中，点击结账。
向下滚动至自定义脚本部分。
将以下代码复制到剪贴板（在 Mac 上为 command + c，在 PC 上为 ctrl + c）。

<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>

将代码粘贴到自定义脚本框中。（按 ctrl + V (PC) 或 command + V (Mac)）
完成测试订单以查看您的订单状态页面。

在 Shopify 应用中，点击 ... 按钮，然后点击设置。
在商店设置部分中，点击结账。
向下滚动至自定义脚本部分。
将以下代码复制到剪贴板（在 Mac 上为 command + c，在 PC 上为 ctrl + c）。

<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>

将代码粘贴到自定义脚本框中。（按 ctrl + V (PC) 或 command + V (Mac)）
完成测试订单以查看您的订单状态页面。

根据发货方式显示内容

当订单使用了特定发货方式时，您可以使用具有 checkout.shipping_method.title 变量的条件脚本来在订单状态页面上显示内容。

例如，您可以为离您的实体店足够近的客户提供门店自提。如果客户选择门店自提选项，则您可以在订单状态页面上向他们提供商店的零售店地址。

步骤：

在 Shopify 后台中，转至设置 > 结账。
向下滚动至自定义脚本部分。
将以下代码复制到剪贴板（在 Mac 上为 command + c，在 PC 上为 ctrl + c）。

  <script>
    // DEBUG {{ checkout.shipping_method.title }} has been used
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
      )
    {% endif %}
  </script>

将代码粘贴到自定义脚本框中。（Mac 上为 command + v，PC 上为 ctrl + v）
完成测试订单以查看您的订单状态页面。

在 Shopify 应用中，点击 ... 按钮，然后点击设置。
在商店设置部分中，点击结账。
向下滚动至自定义脚本部分。
将以下代码复制到剪贴板（在 Mac 上为 command + c，在 PC 上为 ctrl + c）。

  <script>
    // DEBUG {{ checkout.shipping_method.title }} has been used
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
      )
    {% endif %}
  </script>

将代码粘贴到自定义脚本框中。（Mac 上为 command + v，PC 上为 ctrl + v）
完成测试订单以查看您的订单状态页面。

在 Shopify 应用中，点击 ... 按钮，然后点击设置。
在商店设置部分中，点击结账。
向下滚动至自定义脚本部分。
将以下代码复制到剪贴板（在 Mac 上为 command + c，在 PC 上为 ctrl + c）。

  <script>
    // DEBUG {{ checkout.shipping_method.title }} has been used
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
      )
    {% endif %}
  </script>

将代码粘贴到自定义脚本框中。（Mac 上为 command + v，PC 上为 ctrl + v）
完成测试订单以查看您的订单状态页面。

基于条件在订单状态页面上显示内容

本页相关主题

根据客户地点显示内容

步骤：

根据特定产品的订单显示内容

步骤：

根据发货方式显示内容

步骤：

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