共用方式為


結帳模組

本文介紹如何為頁面新增結帳模組並設定所需的屬性。

結帳模組是一個特殊的容器,其中託管創建訂單所需的所有模組。 它提供了客戶用於輸入所有相關資訊以進行購買的逐步流程。 它捕獲送貨地址、送貨方式和帳單資訊。 它還提供訂單摘要以及與客戶訂單相關的其他資訊。

結帳模組根據購物車 ID 呈現數據。 此購物車 ID 儲存為瀏覽器 cookie。 結帳模組中需要提供購物車 ID 來呈現信息,例如訂單中的商品、總金額和折扣。

下圖顯示了結帳頁面上的 Fabrikam 結帳模組的範例。

結帳模組的範例。

檢查模組屬性

結帳模組顯示訂單摘要並提供下訂單的功能。 為了收集下訂單之前所需的所有客戶信息,必須將其他模組添加到結帳模組。 因此,零售商可以根據自己的要求靈活地將自訂模組添加到結帳流程中,或排除模組。

屬性名稱 描述
結帳標題 標頭文字和標頭標籤 ( H1H2 H3 H4 H5,或 H6) 結帳模組的標題。
訂單摘要標題 標題文字 模組的訂單摘要部分的標題。
購物車訂單項目標題 標題文字 結帳模組中顯示的購物車訂單項目的標題。
顯示線上商品的運費 TrueFalse 如果此屬性設定為 True,則適用於訂單項目的運費將顯示在購物車行上。 如果商務總部啟用了 不按比例分配的抬頭費用 功能,則運費將應用於抬頭級別,而不是行級別。 此功能是在 Commerce 版本 10.0.13 中新增的。

結帳模組中可以使用的模組

  • 送貨地址 –此模組允許客戶新增或選擇訂單的送貨地址。 有關此模組的更多信息,請參閱 送貨地址模組

    下圖顯示了結帳頁面上的送貨地址模組的範例。

    送貨地址模組的範例。

  • 交付選項 –此模組允許客戶選擇訂單的交付方式。 有關此模組的詳細信息,請參閱 交付選項模組

    下圖顯示了結帳頁面上的交付選項模組的範例。

    交付選項模組的範例。

  • 結帳部分容器 –此模組是一個容器,您可以將多個模組放入其中以在結帳流程中建立一個部分。 例如,您可以將所有與付款相關的模組放入此容器中,使它們顯示為一個部分。 此模組僅影響流的配置。

  • 禮品卡片 –此模組允許客戶使用禮品卡片支付訂單。 有關此模組的更多信息,請參閱 贈送卡片模組

  • 忠誠度積分 - 此模組允許客戶使用忠誠度積分支付訂單。 它提供可用積分和到期積分的摘要,並讓客戶選擇要兌換的積分數量。 如果客戶未登入或不是忠誠會員,或購物車中的總金額為 0(零),則此模組將自動隱藏。

  • 付款 - 此模組允許客戶使用信用卡或金融卡支付訂單#g​​卡片。 客戶還可以提供他們選擇的付款選項的帳單地址。 有關此模組的更多信息,請參閱 支付模組

    下圖顯示了結帳頁面上的禮物卡片、忠誠度積分和支付模組的範例。

    結帳頁面上的禮物卡片、忠誠度積分和付款模組範例。

  • 聯絡資訊 –此模組可讓客戶新增或變更訂單的聯絡資訊(電子郵件地址)。

屬性名稱 描述
啟用客戶參考 TrueFalse 如果此可選屬性設定為 True,則客戶可以在結帳期間提供參考號碼,該參考號碼將儲存到訂單標題中。 此功能從 Commerce 版本 10.0.40 版本起可用。
啟用客戶需求 TrueFalse 如果此可選屬性設定為 True,則客戶可以在結帳期間提供申請編號,該編號將儲存到訂單標題中。 客戶可以在其訂單歷史記錄中查看此信息,並可以使用此號碼過濾訂單。 此功能從 Commerce 版本 10.0.40 版本起可用。
啟用購物車備註 TrueFalse 如果此可選屬性設定為 True,則客戶可以在結帳期間提供送貨說明或任何其他資訊。 此資訊將作為註釋附件儲存到訂單標題中。 此功能從 Commerce 版本 10.0.40 版本起可用。
  • 文字區塊 –此模組包含由內容管理系統 (CMS) 驅動的任何訊息傳遞。 例如,它可能包含一條訊息,指出「如果您的訂單有問題,請聯絡 1-800-Fabrikam」。

  • 結帳條款與條件 –此模組顯示富文本,其中包含條款和條件以及用於客戶輸入的複選框。 此複選框是可選的且可配置的。 輸入由模組捕獲,可用作觸發下單之前的檢查,但它不包含在訂單摘要資訊中。 根據業務需要,可以將模組新增至結帳容器、結帳部分容器或條款和條件槽。 如果模組被加入到結帳容器或結帳部分容器槽中,它將顯示為結帳過程中的步驟。 如果該模組被新增到條款和條件欄,它將出現在下單按鈕附近。

    下圖顯示了結帳頁面上的條款和條件範例。

    結帳頁面上的條款和條件範例。

附註

如果您打算在線上管道中接受線上訂單的多種付款方式(例如忠誠度積分和信用卡片付款), 全通路商務訂單付款 功能(位於總部 系統管理 > 工作區 > 功能管理)和呼叫中心 啟用訂單完成 設定(在通路的 常規 快速選項卡上 零售和商業 > 通路 > 呼叫中心)都必須啟用。 如果啟用 全通路商務訂單付款 功能,則預設啟用 啟用訂單完成 設置,且隱。

商務級別單位互動

大多數結帳資訊(例如送貨地址和送貨方式)都儲存在購物車中並作為訂單的一部分進行處理。 唯一的例外是信用卡片資訊。 此資訊是使用 Adyen 付款連接器直接處理的。 付款已獲得授權,但只有在訂單完成後才會收取費用。

將結帳模組新增至頁面並設定所需的屬性

若要將結帳模組新增至新頁面並設定所需的屬性,請執行跟隨這些步驟。

  1. 前往 片段,然後選擇 新建 以建立新片段。
  2. 選擇片段 對話方塊中,選擇 結帳 模組。
  3. 片段名稱下,輸入名稱 簽出片段,然後選擇 確定
  4. 選擇 結帳模組 插槽。
  5. 在右側的屬性窗格中,選擇鉛筆符號,在欄位中輸入標題文本,然後選擇複選標記符號。
  6. 結帳資訊 欄位中,選擇省略號 (...),然後選擇 新增模組
  7. 選擇模組 對話框中,選擇 送貨地址送貨選項簽出部分容器聯絡資訊 模組,然後選擇 確定
  8. 結帳部分容器 模組中,選擇省略號 (...),然後選擇 新增模組
  9. 選擇模組 對話框中,選擇 禮物卡片忠誠度付款 模組,然後選擇 確定。 透過這種方式,您可以確保所有付款方式一起出現在一個部分中。
  10. 條款和條件 欄中,新增 結帳條款和條件 模組(如果需要)。 在模組的屬性窗格中,根據需要配置條款和條件文字。
  11. 選擇 儲存,然後選擇 預覽版 to 預覽版片段。 一些沒有購物車上下文的模組可能不會在預覽版中呈現。
  12. 選擇 完成編輯 簽入片段,然後選擇 發布 將其發布。
  13. 建立一個使用新結帳片段的範本。
  14. 建立使用新範本的結帳頁面。

[注意] 當使用 店面結帳中的增強型付款中所述的單一付款授權時,位於 結帳資訊 部分在結帳頁面上,確認結帳部分容器位於最後。 這可確保在最終付款結帳和訂單完成操作之前結帳頁面收集所有必需的資訊。

其他資源

購物車模組

購物車圖示模組

付款模組

運送地址模組

交貨選項模組

取貨資訊模組

訂單詳細資料模組

禮品卡模組