使用 Checkout Blocks 的常見結帳自訂

您可以使用 Checkout Blocks 以多種方式自訂結帳。本頁提供數個常見結帳自訂的簡要指南。

依特定購物車金額建立運費折扣級距

若您想建立運費折扣級距,例如「訂單滿 $50,運費 5 折」及「訂單滿 $100,免運費」,可以依據 購物車小計 規則建立多個自動的 運費折扣。若結帳同時符合多個折扣條件,系統會套用折扣幅度最高的運費折扣。

步驟:

  1. 在 Shopify 管理介面中,前往 應用程式 > Checkout Blocks

  2. 按一下 折扣 > 新增折扣 > 運費折抵金額

  3. 運費折抵金額 區段,選取 自動折扣,然後新增您的折扣訊息(例如:訂單滿 $50,運費 5 折)。

  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」文字改成您偏好的自訂文字,例如「可接受的付款類型」或「支援的運送供應商」。

加速付款按鈕與結帳頁面中的其他付款圖示示意圖。畫面中已標示「OR」分隔線。

步驟:

  1. 在結帳與帳戶編輯器中建立並設定 運送與付款圖示區塊
  2. 運送與付款圖示 區塊拖放到 錢包 區段下方顯示。
  3. 在 Shopify 管理介面中,前往 線上商店 > 佈景主題
  4. 在當前佈景主題中,按一下 ... > 編輯預設佈景主題內容
  5. 使用搜尋列搜尋字詞 alternative
  6. 結帳其他付款方式橫幅 中,將 Or 欄位改為您的自訂文字。
  7. 按一下 儲存

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

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

例如,若您提供 StandardExpressInternational Express 等運費費率,您可能會想在「International」運送選項下方顯示簡短訊息,說明顯示的運費不包含關稅等費用。

步驟:

  1. 在 Shopify 管理介面中,前往 應用程式 > Checkout Blocks

  2. 按一下 區塊,然後按一下 建立區塊

  3. 按一下 動態內容

  4. 區塊名稱 區段中,輸入區塊名稱。此名稱不會顯示給顧客。

  5. 區塊 ID 區段中,將 ID 設為 Dynamic,或指定特定 ID 數字。瞭解 區塊 ID 的詳情。

  6. 顯示規則 區段中,設定區塊的 顯示規則,僅在包含特定運送方式時顯示。本例中,規則設定為顯示在 International Express 下方:

    1. 按一下 ⊕ 新增顯示規則
    2. 選取規則 對話方塊中,選取 運送方式標題
    3. 將規則設定為 包含 > International
  7. 內容 區段中,新增並自訂您的區塊內容:

    1. 內容項目區段 中,按一下 ⊕ 新增內容項目,然後選取 文字
    2. 在內容項目的對話方塊中,輸入簡短訊息,例如 可能需額外支付關稅與報關費用。,然後按一下 完成
  8. 選用:在 發佈 區段中,按一下鉛筆圖示,選取您要顯示區塊的市場與結帳頁面。

  9. 按一下 儲存,然後將區塊狀態設為 啟用

  10. 在結帳與帳戶編輯器中,加入動態區塊 至結帳的 運費 區段。

  11. 按一下 儲存

在訂單裝箱單中加入自訂欄位

Checkout Blocks 可讓您的商店透過 自訂欄位區塊 蒐集顧客資料,並將該資料儲存到訂單的中繼欄位。

步驟:

  1. Checkout Blocks 中,建立並設定一個 自訂欄位區塊。請確保區塊已設定為儲存為 訂單中繼欄位
  2. 在您的 Shopify 管理介面中,前往 設定 > Shipping and delivery
  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 app,同步透過 自訂欄位區塊 擷取的訂單資料。

您可以下載範例 .flow 檔案,將 birth_date 中繼欄位值新增至顧客個檔。請依您要新增的自訂欄位鍵,調整此範本中的值。

步驟:

  1. Checkout Blocks 中,建立並設定一個 自訂欄位區塊。請確保區塊已設定為儲存為 訂單中繼欄位
  2. Shopify Flow,設定在建立訂單時執行的自訂工作流程:
    1. 按一下 建立工作流程 > 選取觸發條件
    2. 選取 Shopify > 已建立訂單
    3. 在該觸發條件上,按一下 Then ⊕ > 條件
    4. 按一下 新增變數,然後選取 訂單 > 中繼欄位 >
    5. 欄位中,輸入您想新增到顧客個檔的自訂欄位鍵,例如 birth_date
    6. 在該條件上,按一下 Then ⊕ > 動作
    7. 按一下 Shopify > 更新顧客中繼欄位
  3. 在「 更新顧客中繼欄位 區段中,輸入下列資訊:
    1. 中繼欄位命名空間:您要新增的命名空間,例如 personal_info
    2. :中繼欄位的鍵,例如 dob
    3. 類型:您要包含的值的類型,例如 日期
{% assign dob_key = "birth_date" %}
{% for metafields_item in order.metafields %}
{% if metafields_item.key == dob_key %}
    {{metafields_item.value}}
{% endif %}
{% endfor %}

完成設定後,按一下 開啟工作流程 以啟用。