使用 Checkout Blocks 的常見結帳頁面自訂內容

您可以透過多種方式使用 Checkout Blocks 自訂結帳頁面。此頁面包含簡要指南說明如何使用 Checkout Blocks 自訂一些常見結帳頁面內容。

針對特定購物車金額建立運費折扣層級

如果您想建立運費折扣層級，例如「訂單金額超過 $50 可享五折運費折扣」和「訂單金額超過 $100 免運費」，那麼您可以根據購物車小計規則建立多個自動運費折扣。針對符合多個折扣條件的結帳作業，系統將套用最高運費折扣。

步驟如下：

1. 在您的 Shopify 管理介面中，依序前往「應用程式」>「Checkout Blocks」。
2. 按一下「折扣」>「新增折扣」>「運費折扣金額」。
3. 在運費折扣金額區段，選取「自動折扣」，然後新增折扣訊息（例如：訂單金額超過 $50 可享五折運費折扣）。

4. 在折扣設定區段，建立自訂折扣規則集：

   1. 在「折扣值」下拉式選單，選取「百分比」，然後新增「50%」。
   2. 在折扣規則區段，設定您的規則集：
      1. 按一下「⊕ 新增規則」。
      2. 設定規則為 Cart subtotal > Is greater than or equal to > 50.00。

5. 可選：您可以設定下列選項：

   • 配送選項，指定您希望套用折扣的配送選項。選取特定選項時，您可以選擇按標題、價格或配送類型套用到選項。
   • 組合，讓顧客組合折扣代碼與商品或訂單折扣。
   • 啟用日期，指定折扣開始時間，以及折扣是否過期。

6. 在摘要區段，檢查您的折扣詳情以確認其設定正確。

7. 按一下「儲存」。

8. 在您的 Shopify 管理介面中，依序前往「應用程式」>「Checkout Blocks」。

9. 按一下「折扣」>「新增折扣」>「運費折扣金額」。

10. 在運費折扣金額區段，選取「自動折扣」，然後新增折扣訊息（例如：$100 以上訂單 免運費）。

11. 在折扣設定區段，建立自訂折扣規則集：

    1. 在「折扣值」下拉式選單，選取「免運費」。
    2. 在折扣規則區段，設定您的規則集：
       1. 按一下「⊕ 新增規則」。
       2. 設定規則為 Cart subtotal > Is greater than or equal to > 100.00。

12. 可選：您可以設定下列選項：

    • 配送選項，指定您希望套用折扣的配送選項。選取特定選項時，您可以選擇按標題、價格或配送類型套用到選項。
    • 組合，讓顧客組合折扣代碼與商品或訂單折扣。
    • 啟用日期，指定折扣開始時間，以及折扣是否過期。

13. 在摘要區段，檢查您的折扣詳情以確認其設定正確。

14. 按一下「儲存」。

變更快速結帳作業方式下方的「OR」文字

您可以移動運送和付款圖示區塊以便顯示於加速結帳作業付款選項下的「---- OR ----」分隔線下方，然後將「OR」文字變更為您偏好的任何自訂文字，例如「接受的付款類型」或「支援的運送供應商」。

步驟如下：

1. 在結帳頁面和帳戶編輯器建立和設定運送和付款圖示區塊。
2. 拖放運送和付款圖示區塊，以便顯示於錢包區段下方。
3. 在 Shopify 管理介面中，前往「網路商店」>「佈景主題」。
4. 在當前佈景主題，按一下「...」>「編輯預設佈景主題內容」。
5. 使用搜尋列搜尋「其他」一詞。
6. 在結帳頁面其他付款方式橫幅，變更「OR」欄位以包含您的自訂文字。
7. 按一下「儲存」。

在特定運送方式下方顯示訊息

在結帳期間，您可以使用動態內容區塊在特定運送方式下方顯示訊息。

例如，如果您提供標準、快捷和國際快遞運費費率，那麼您可能需要在「國際」運送選項下方顯示簡短訊息，說明顯示的運費不包含海關和關稅費用。

步驟如下：

1. 在您的 Shopify 管理介面中，依序點選「應用程式」>「Checkout Blocks」。
2. 按一下「區塊」，然後按一下「建立區塊」。
3. 按一下「動態內容」。
4. 在區塊名稱區段，輸入區塊名稱。這不會向您的顧客顯示。
5. 在應用程式區塊 ID 區段，將 ID 設定為「動態」或套用特定 ID 編號。深入瞭解應用程式區塊 ID。

6. 在顯示規則區段，將區塊顯示規則設定為僅在包含特定運送方式時顯示。在此範例，將規則設定為在國際快遞下方顯示：

   1. 按一下「⊕ 新增顯示規則」。
   2. 在「選取規則」對話方塊 ，選取「運送方式標題」。
   3. 將規則設定為「包含」>「國際」。

7. 在內容區段，新增並自訂區塊內容：

   1. 在內容項目區段，按一下「⊕ 新增內容項目」，然後選取「文字」。
   2. 在「內容項目」對話方塊，新增您的簡短訊息，例如「可能需支付額外關稅與稅金。」，然後按一下「完成」。

8. 可選：在發布區段，按一下鉛筆圖示以選取您希望該區塊顯示的市場和結帳頁面。

9. 按一下「儲存」，然後將區塊狀態設定為「啟用」。

10. 在結帳頁面和帳戶編輯器， 新增動態區塊至結帳頁面的運費費率區段。

11. 按一下「儲存」。

在訂單裝箱單上包含自訂欄位

Checkout Blocks 可讓您的商店使用自訂欄位區塊收集顧客資料，並將資料儲存至訂單中繼欄位。

步驟如下：

1. 在 Checkout Blocks，建立和設定自訂欄位區塊。確保將區塊設定為另存為「訂單中繼欄位」。
2. 在 Shopify 管理介面 中，前往「設定」>「運送和配送」。
3. 在裝箱單區段，按一下「裝箱單範本」。
4. 在範本中要顯示自訂欄位值的位置，新增以下程式碼行，將 key 替換為自訂欄位鍵值：

{{ order.metafields.checkoutblocks.key }}

1. 可選：如果您要條件式顯示自訂欄位值，那麼您可以根據所需條件，使用 Liquid if/else 陳述式包圍內容。
2. 按一下「儲存」。

您可以在裝箱單範本使用多個自訂欄位鍵值。例如，只有當顧客同意訂單條款（使用 agree_to_terms 作為鍵值的中繼欄位）時，此程式碼才會顯示訂單的採購單編號（使用 po 作為鍵值的中繼欄位）：

{% if order.metafields.checkoutblocks.agree_to_terms %}
    PO #{{ order.metafields.checkoutblocks.po }}
{% endif %}

將訂單的自訂欄位新增至顧客個檔

您可以利用 Shopify Flow 應用程式來同步透過自訂欄位區塊擷取的訂單資料。

您可以下載範例 .flow 檔案，用於將 birth_date 中繼欄位值新增至顧客個檔。自訂此範本的值，以匹配要新增的自訂欄位鍵值。

步驟如下：

1. 在 Checkout Blocks，建立和設定自訂欄位區塊。確保將區塊設定為另存為「訂單中繼欄位」。

2. 在 Shopify Flow，設定自訂工作流程，以便在下單時執行：

   1. 按一下「建立工作流程」>「選取觸發條件」。
   2. 選取「Shopify」>「已建立訂單」。
   3. 在觸發條件，按一下「然後 ⊕」>「條件」。
   4. 按一下「新增變數」，然後選取「訂單」>「中繼欄位」>「鍵值」。
   5. 在「鍵值」欄位，新增要新增至顧客個檔的自訂欄位鍵值，例如 birth_date。
   6. 在「條件」上，按一下「然後 ⊕」>「動作」。
   7. 按一下「Shopify」>「更新顧客中繼欄位」。

3. 在更新顧客中繼欄位區段，輸入以下資訊：

   1. 中繼欄位命名空間：要新增的中繼欄位，例如 personal_info。
   2. 鍵值：中繼欄位鍵值，例如 dob。
   3. 類型：要包含的值類型，例如日期。
   4. 值：

{% assign dob_key = "birth_date" %}
{% for metafields_item in order.metafields %}
{% if metafields_item.key == dob_key %}
    {{metafields_item.value}}
{% endif %}
{% endfor %}

當您的工作流成完成後，按一下「開啟工作流程」並啟用。