仅在第一次访问时添加自定义脚本并运行脚本

注意

这属于高级教程，Shopify 不提供相关支持。使用者需要具备 Web 设计语言（例如 HTML、CSS、JavaScript 和 Liquid）的知识。如果您觉得自己不太适合进行以下教程，我们建议 雇用一位 Shopify 合作伙伴。

备注

用于自定义订单状态页面的自定义脚本已被弃用。

使用 Basic、Shopify 和 Advanced 套餐的商家可以使用结账和账户编辑器对订单状态页面执行自定义。Shopify Plus 商家可以使用 Checkout Extensibility 来自定义订单状态页面。

您可以通过添加自定义脚本来自定义订单状态页面。 您还可以将脚本设置为仅在第一次访问时运行。

添加自定义脚本

注意

这属于高级教程，Shopify 不提供相关支持。使用者需要具备 Web 设计语言（例如 HTML、CSS、JavaScript 和 Liquid）的知识。如果您觉得自己不太适合进行以下教程，我们建议 雇用一位 Shopify 合作伙伴。

自定义脚本框用于将代码插入到订单状态页面的模板中。您可以添加以下任何内容：

• HTML - 您可以使用任何有效的 HTML5 代码，例如脚本、样式、iframe 和对象元素。

• Liquid 代码 - 您可以访问 checkout 和 shop Liquid 对象。若要了解有关其属性的详细信息，请参阅 checkout 对象和 shop 对象。请注意，如果订单创建尚未完成，则 checkout.order、checkout.order_name 和 checkout.order_number 值可能不存在。如果您需要订单的唯一跟踪 ID 在所有时间可用，请使用 checkout.order_id。

使用自定义脚本的示例自定义

以下是一些使用自定义脚本字段的自定义示例：

• 在使用特定的发货方式时显示内容
• 在订单中包含特定产品时显示内容
• 根据客户的地点显示内容
• 使用 JavaScript 对象向您的订单状态页面添加消息

访问自定义脚本

桌面

要访问其他脚本，请使用 Shopify 后台，转到设置 > 结账。在订单状态页面下，您将会看到其他脚本部分。

Mobile

要访问其他脚本，请使用 Shopify 应用，转到商店 > 结账。在商店设置下轻触结账。在订单状态页面下，您将会看到其他脚本部分。

将脚本设置为仅在第一次访问时运行

订单状态页面上通常包括用于跟踪销售转化的脚本，因为它是结账流程的最后一页。但是，返回查看订单状态的客户可能会在您的分析中被计为第二次销售。

若要防止在分析时多次对客户计数，可以在部分或全部自定义脚本处添加 first_time_accessed 属性。为此，请使用 Liquid if 语句，并在 {% if first_time_accessed %} 和 {% endif %} 标签之间放置只想运行一次的脚本。

步骤：

桌面

1. 在 Shopify 后台中，转至设置 > 结账。
2. 在订单状态页面部分，转至自定义脚本文本框。
3. 将以下代码粘贴到自定义脚本框中：

{% if first_time_accessed %}
  // Conversion scripts you want to run only once
{% endif %}

  // Scripts you want to run on every visit

1. 如果您希望在第一次访问订单状态页面时运行脚本，则将此代码粘贴在 {% if first_time_accessed %} 和 {% endif %} 标签之间。如果您希望每次访问订单状态页面时都运行脚本，则将此代码粘贴在 {% endif %} 标签下方。
2. 点击保存。

iPhone

1. 在 Shopify 应用中，点击 ... 按钮，然后点击设置。
2. 在商店设置部分中，点击结账。
3. 在订单状态页面部分，转至自定义脚本文本框。
4. 将以下代码粘贴到自定义脚本框中：

{% if first_time_accessed %}
  // Conversion scripts you want to run only once
{% endif %}

  // Scripts you want to run on every visit

1. 如果您希望在第一次访问订单状态页面时运行脚本，则将此代码粘贴在 {% if first_time_accessed %} 和 {% endif %} 标签之间。如果您希望每次访问订单状态页面时都运行脚本，则将此代码粘贴在 {% endif %} 标签下方。
2. 点击保存。

Android

1. 在 Shopify 应用中，点击 ... 按钮，然后点击设置。
2. 在商店设置部分中，点击结账。
3. 在订单状态页面部分，转至自定义脚本文本框。
4. 将以下代码粘贴到自定义脚本框中：

{% if first_time_accessed %}
  // Conversion scripts you want to run only once
{% endif %}

  // Scripts you want to run on every visit

1. 如果您希望在第一次访问订单状态页面时运行脚本，则将此代码粘贴在 {% if first_time_accessed %} 和 {% endif %} 标签之间。如果您希望每次访问订单状态页面时都运行脚本，则将此代码粘贴在 {% endif %} 标签下方。
2. 点击保存。