使用結帳與顧客帳號編輯器

結帳與顧客帳號編輯器是一套工具,讓您在一個與佈景主題編輯器分開的地方,設定並編輯結帳頁面、訂單狀態頁面、感謝頁面,以及 顧客帳號 頁面的功能與外觀。

您可以在 Shopify 管理介面的「設定」>「結帳」區段中存取結帳和帳號編輯器。在「設定檔」區段中,點擊您要自訂之結帳設定檔的「編輯」,以開啟結帳和帳號編輯器。您可以自訂啟用中與草稿結帳頁面設定檔

瀏覽結帳與顧客帳號編輯器的側邊欄

結帳與顧客帳號編輯器包含下列側邊欄:

  • 區段圖示「區段」側邊欄中,您可以自訂結帳頁面、訂單狀態頁面、感謝頁面與顧客帳號頁面的功能。
  • 設定圖示「設定」側邊欄中,您可以自訂結帳頁面、訂單狀態頁面、感謝頁面,以及顧客帳號頁面的外觀。
  • App 圖示「App」側邊欄中,您可以新增或搜尋 app,以自訂結帳頁面、訂單狀態頁面、感謝頁面與顧客帳號頁面的功能。

若要存取結帳頁面與帳號編輯器的側邊欄,請按一下選單列中對應的圖示:

結帳頁面與帳號編輯器選單列中的導覽圖示。由左至右的圖示為:區段、設定、應用程式。

預覽與自訂各市場的結帳與顧客帳號頁面

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

頂端工具列顯示 2 個主要選單:Markets 與頁面。已反白顯示美國市場。

瞭解 adapting checkout and accounts pages for specific markets 的詳情。

結帳與顧客帳號頁面

您可在結帳與顧客帳號編輯器的頂端列,透過頁面選擇器存取並預覽結帳設定中的所有頁面。

頂端工具列顯示 2 個主要選單: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

若要切換回結帳預覽,請按一下結帳與顧客帳號編輯器右上角的 Shop Pay 圖示,然後選取 編輯結帳頁面

復原與重做

您可以使用 復原重做 按鈕,來復原或重做未儲存的自訂內容。儲存變更後,就無法再重做或復原。

若沒有可重做或復原的未儲存自訂內容,對應的按鈕會變成灰色。

結帳頁面與帳號編輯器中的復原和重做按鈕

預覽您的結帳、訂單狀態、感謝頁面與顧客帳號頁面

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

結帳頁面與帳號編輯器中的頁面選擇器選單

您也可以按一下 線上商店佈景主題,開啟 theme editor,並自訂您目前已發布的佈景主題。

在行動裝置上預覽您的結帳頁面、訂單狀態、感謝頁面及顧客帳號頁面

只要按一下選單列中的 行動裝置 按鈕,即可預覽結帳頁面、訂單狀態、感謝頁面及顧客帳號頁面在行動裝置螢幕上的顯示效果。再次按一下行動裝置按鈕,即可返回電腦版預覽。

在行動裝置螢幕上預覽結帳頁面與帳號頁面

預覽檢查器

預覽檢查器可讓您直接從預覽視窗導覽至區段與區塊,更快速直覺地找到相應的設定。透過預覽檢查器,您可以直接在預覽視窗中重新排序、隱藏或建立區段與區塊的副本。

預覽檢查器適用於所有結帳設定,且預設為啟用。您可以按一下 預覽檢查器 按鈕,在編輯工作階段期間開啟或關閉預覽檢查器。

使用其他操作

按一下設定名稱即可開啟下拉式選單,您可透過該選單執行下列動作:

  • 使用 檢視 檢視 以預覽您的結帳、訂單狀態、感謝與顧客帳號頁面在顧客端的呈現方式。
  • 使用 重新命名 重新命名 重新命名您的結帳與帳號組態。
  • 使用 說明文件 檢視說明文件 開啟自訂與編輯結帳與帳號頁面的相關說明文件。
  • 使用 問號 取得支援 以透過 Shopify 說明中心取得支援。
預覽結帳頁面與帳號頁面、存取佈景主題編輯器、檢視說明文件、將結帳頁面重新命名,以及尋求支援

在結帳與帳號編輯器中使用鍵盤快速鍵

您可以使用下列鍵盤快速鍵,更快速地瀏覽結帳與帳號編輯器:

Windows 與 macOS 裝置支援的鍵盤快速鍵清單。
動作Windows 快速鍵macOS 快速鍵
復原CTRL + Z + Z
重做CTRL + Y + + Z
儲存CTRL + S + S
預覽檢查器CTRL + SHIFT + | + + |