自訂訂單確認頁面

購物者下訂單後看到的「感謝」頁面,也稱為「訂單確認頁面」,透過在購買後確認訂單詳細資訊為客戶提供安心感。本文說明 WooCommerce 在區塊主題上用於顯示此頁面的模板,並概述構成 WooCommerce 訂單確認模板的區塊結構。

此頁面僅在下訂單後顯示。購物者離開此頁面後,可以從帳戶區域的「訂單」部分再次查看這些詳細資訊。

通常,除了進行一些樣式變更以符合網站主題外,不需要編輯訂單確認頁面。所有內容都將為每個訂單動態填充。

模板

可以透過編輯 訂單確認 模板來自訂訂單確認頁面。除了標記訂單確認頁面不同部分的標題區塊外,訂單確認模板中包含的所有區塊都是動態的,因此其內容適合每個訂單。

當模板的某個部分不適用於當前訂單時,不會顯示。例如,如果客戶未購買任何可下載商品,將不會顯示有關可下載商品詳細資訊的「下載」部分。

訂單確認模板使用各種動態區塊來顯示客戶下訂單後的訂單詳細資訊。由於這些區塊的內容是動態的,並將根據當前訂單變化,這些區塊的設定很少,區塊本身的內容無法在編輯器中修改。

如果啟用了 延遲帳戶建立 且當前客戶是訪客,則會自動顯示帳戶建立區塊。它允許客戶使用結帳時提供的詳細資訊建立帳戶。帳戶詳細資訊將透過電子郵件發送給客戶,新帳戶將連結至已下訂單。

可以自訂「好處」內容。根據設定 > 帳戶與隱私下的設定,可能會顯示密碼欄位。

訂單狀態區塊根據當前訂單狀態動態顯示訊息。在大多數情況下,這是「感謝您。您的訂單已收到。」訊息目前無法編輯。

訂單狀態區塊有顏色、排版和尺寸設定,可調整區塊的顯示。

訂單摘要區塊提供訂單摘要,顯示 訂單編號、日期、總計、客戶電子郵件 和 金流方式。

訂單摘要區塊有顏色、排版和尺寸設定,可調整區塊的顯示。此外,它還有邊框設定,可用於為該部分新增選擇顏色和厚度的邊框。

訂單詳細資訊部分顯示訂單詳細資訊,包含所有項目行、商品數量、訂單總計。可以自訂部分標題。

下載部分僅在購買可下載商品時向購物者顯示。客戶可以在此處查看訂單中的可用下載、任何下載限制或到期日期,以及存取下載的連結。

此部分有兩欄,顯示結帳時輸入的物流和帳單地址資訊。選擇本地取貨的訂單不會顯示物流地址。

每個地址部分都有尺寸設定來控制部分周圍的內距和邊距。帳單地址和物流地址區塊有設定,允許調整每個資訊區塊周圍的邊框。每個部分的顏色和排版設定可以在其父欄的區塊設定中調整。

其他欄位區塊顯示來自「聯絡」和「訂單」位置的其他結帳欄位的資訊。

其他欄位區塊顯示相容外掛或金流提供的當前訂單的其他資訊。例如,使用內建的 BACS 金流時,購物者付款的銀行詳細資訊將顯示在此處。

如果希望使用傳統訂單確認模板而不是新的、可自訂的區塊模板,可以刪除包含所有訂單確認區塊的父群組,然後插入「訂單確認區塊」,作為傳統模板佔位符。以下是切換方式的步驟。

注意: 這些步驟僅適用於區塊主題。

現在網站將使用傳統模板顯示訂單確認頁面,就像在傳統主題上一樣。啟用該模板上的任何自訂程式碼以供使用。