根據條件在訂單狀態頁面上顯示內容

此頁面列印時間為 Sep 12, 2024。如須最新版本，請至 https://help.shopify.com/zh-TW/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>

將程式碼貼上至「其他指令碼」方塊。(在 PC 上按下 ctrl + V 或在 Mac 上按下 command + V)
完成測試訂單以檢閱您的訂單狀態頁面。

在 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>

將程式碼貼上至「其他指令碼」方塊。(在 PC 上按下 ctrl + V 或在 Mac 上按下 command + V)
完成測試訂單以檢閱您的訂單狀態頁面。

在 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>

將程式碼貼上至「其他指令碼」方塊。(在 PC 上按下 ctrl + V 或在 Mac 上按下 command + V)
完成測試訂單以檢閱您的訂單狀態頁面。

根據運送方式顯示內容

當訂單使用了特定運送方式時，您可以使用具有 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 銷售商品了嗎？