使用結帳與顧客帳號編輯器
結帳與顧客帳號編輯器是一套工具,讓您在一個與佈景主題編輯器分開的地方,設定並編輯結帳頁面、訂單狀態頁面、感謝頁面,以及 顧客帳號 頁面的功能與外觀。
您可以在 Shopify 管理介面的「設定」>「結帳」區段中存取結帳和帳號編輯器。在「設定檔」區段中,點擊您要自訂之結帳設定檔的「編輯」,以開啟結帳和帳號編輯器。您可以自訂啟用中與草稿結帳頁面設定檔。
本頁內容
- Navigating the checkout and accounts editor sidebar
- Previewing and customizing checkout and accounts pages for markets
- Checkout and accounts pages
- Previewing Shop Pay
- Undoing and redoing actions
- Previewing your checkout, order status, thank you, and customer accounts pages
- Using additional actions
- Using keyboard shortcuts in the checkout and accounts editor
瀏覽結帳與顧客帳號編輯器的側邊欄
結帳與顧客帳號編輯器包含下列側邊欄:
- 在
「區段」側邊欄中,您可以自訂結帳頁面、訂單狀態頁面、感謝頁面與顧客帳號頁面的功能。
- 在
「設定」側邊欄中,您可以自訂結帳頁面、訂單狀態頁面、感謝頁面,以及顧客帳號頁面的外觀。
- 在
「App」側邊欄中,您可以新增或搜尋 app,以自訂結帳頁面、訂單狀態頁面、感謝頁面與顧客帳號頁面的功能。
若要存取結帳頁面與帳號編輯器的側邊欄,請按一下選單列中對應的圖示:

預覽與自訂各市場的結帳與顧客帳號頁面
如果您已 created at least one market,就能針對不同市場調整結帳與顧客帳號頁面。針對特定市場調整結帳與顧客帳號頁面,有助於為當地顧客打造更佳的體驗。

瞭解 adapting checkout and accounts pages for specific markets 的詳情。
結帳與顧客帳號頁面
您可在結帳與顧客帳號編輯器的頂端列,透過頁面選擇器存取並預覽結帳設定中的所有頁面。

依您的 checkout layout,您可以存取並自訂下列結帳頁面:
- 結帳 (僅適用於一頁式結帳頁面),包含結帳時的聯絡資訊、配送與運送詳細資訊,以及付款資訊。
- 資訊 (僅適用於三頁式結帳頁面),包含聯絡資訊、配送方式與運送地址詳細資訊。
- 運送 (僅適用於三頁式結帳頁面),包含該訂單可用的運送方式。
- 付款 (僅適用於三頁式結帳頁面),包含付款資訊與帳單地址詳細資訊。
- 檢閱:顧客完成結帳前的選用訂單檢閱步驟頁面。僅在啟用 Require a confirmation step setting 時才會顯示此選項。
- 感謝:訂購後頁面,顧客完成結帳後會顯示。感謝頁面僅會顯示一次,之後顧客可改用訂單狀態頁面查看訂單。
您可以存取並自訂下列 customer accounts 頁面:
- 訂單狀態:顯示顧客訂單的詳情。顧客可多次造訪此頁面。瞭解 order status page 的詳情。
- 訂單:顯示顧客帳號的訂單記錄清單。
- 個人資料:顯示顧客帳號的個人資料詳情,例如姓名、聯絡資訊與運送地址。
- 登入:顯示顧客用來登入其帳戶的頁面。
您也可以按一下 線上商店佈景主題,開啟 theme editor。
預覽 Shop Pay
如果您已在 Shopify 管理介面啟用 Shop Pay,即可預覽 Shop Pay 加速結帳作業在顧客端的顯示方式。若要預覽 Shop Pay,請按一下結帳與顧客帳號編輯器右上角的結帳圖示,然後選取 預覽 Shop Pay。

若要切換回結帳預覽,請按一下結帳與顧客帳號編輯器右上角的 Shop Pay 圖示,然後選取 編輯結帳頁面。
復原與重做
您可以使用 和
按鈕,來復原或重做未儲存的自訂內容。儲存變更後,就無法再重做或復原。
若沒有可重做或復原的未儲存自訂內容,對應的按鈕會變成灰色。

預覽您的結帳、訂單狀態、感謝頁面與顧客帳號頁面
您可以使用頁面選擇器選單,預覽自訂內容在結帳頁面、訂單狀態、感謝頁面及顧客帳號頁面上的顯示效果。按一下頁面選擇器,接著從可用的結帳、感謝您、訂單狀態、訂單、個人檔案及登入選項中選取。

您也可以按一下 線上商店佈景主題,開啟 theme editor,並自訂您目前已發布的佈景主題。
在行動裝置上預覽您的結帳頁面、訂單狀態、感謝頁面及顧客帳號頁面
只要按一下選單列中的 按鈕,即可預覽結帳頁面、訂單狀態、感謝頁面及顧客帳號頁面在行動裝置螢幕上的顯示效果。再次按一下行動裝置按鈕,即可返回電腦版預覽。

預覽檢查器
預覽檢查器可讓您直接從預覽視窗導覽至區段與區塊,更快速直覺地找到相應的設定。透過預覽檢查器,您可以直接在預覽視窗中重新排序、隱藏或建立區段與區塊的副本。
預覽檢查器適用於所有結帳設定,且預設為啟用。您可以按一下 按鈕,在編輯工作階段期間開啟或關閉預覽檢查器。
使用其他操作
按一下設定名稱即可開啟下拉式選單,您可透過該選單執行下列動作:
- 使用
檢視 以預覽您的結帳、訂單狀態、感謝與顧客帳號頁面在顧客端的呈現方式。
- 使用
重新命名 重新命名您的結帳與帳號組態。
- 使用
檢視說明文件 開啟自訂與編輯結帳與帳號頁面的相關說明文件。
- 使用
取得支援 以透過 Shopify 說明中心取得支援。

在結帳與帳號編輯器中使用鍵盤快速鍵
您可以使用下列鍵盤快速鍵,更快速地瀏覽結帳與帳號編輯器:
| 動作 | Windows 快速鍵 | macOS 快速鍵 |
|---|---|---|
| 復原 | CTRL + Z | ⌘ + Z |
| 重做 | CTRL + Y | ⌘ + ⇧ + Z |
| 儲存 | CTRL + S | ⌘ + S |
| 預覽檢查器 | CTRL + SHIFT + | | ⌘ + ⇧ + | |