本篇WooCommerce教學將會讓您快速了解WooCommerce訂單流程(購物流程),從消費者在前台選擇商品到下單結帳完成,後台如何訂單處理、如何編輯訂單、訂單相關功能等畫面解說.
WooCommerce訂單流程-選商品結帳:
WooCommerce的下單流程很簡單好懂,就跟一般購物網站一樣,若沒有特殊需求要客製化訂單流程,通常基本的下單流程如下所介紹.
Step 1. 挑選商品加入購物車
通常主選單會有商品分類或者商店左右側欄有顯示商品分類可選,可直接在商品清單畫面將商品加入購物車(圖一)或到商品介紹畫面再加入購物車也可(圖二).
小叮嚀:如果該商品有多種規格(比如:需要選擇尺寸顏色等),就會出現[選擇規格]的按鈕,必須要到商品內容介紹畫面進行選擇
圖一:顯示商品分類 & 在商品分類畫面中可直接加入購物車


圖二:商品內容介紹畫面,若有不同規格也是在此做選擇加入購物車


Step 2. 查看購物車
已加入購物車的商品,簡略型可看mini cart即可,若要看完整購物車,就點選[查看購物車],比如下圖介紹:




Step 3. 進行結帳:輸入帳單資訊&選擇金物流
已加入購物車的商品,可從mini cart直接進入到結帳流程,或者在購物車畫面進入結帳流程也可(可參考Step 2.的圖片)
下圖是結帳畫面,消費者填寫基本資料,目前圖中的欄位都是WooCommerce預設有的結帳欄位,原生的Woocommerce是要自行輸入縣市鄉鎮的,但為了友善消費者,工程師有調整過,畢竟有下拉選單是比較好的使用者體驗.
- 發票地址(帳單地址/送貨地址)
- 運送方式=物流選擇
- 金流選擇:除了第三方金流-綠界金流之外,其他是既有的付款選項,都可透過後台自行設定開關,相關金物流設定文章可以參考這篇>>WooCommerce金物流設定 教學-運費與付款設定
- 畫面上資料都確定之後就進行[下單],完成結帳吧!


Step 4. 進行結帳:結帳完成(下單完成)
訂單進行結帳的時候,就看選擇哪一種金流,自然會有些不一樣的步驟出現,如果是使用第三方金流-綠界或藍新等等,自然會跳轉到他們的付款畫面,如果要不跳轉的付款,可以參考最新的綠界站內付款功能>>【綠界金流站內付2.0】不再跳轉!打造提升訂單轉換率的站內付款介面 | 2021 WooCommerce結帳流程
下圖是選擇WooCommerce預設的付款-銀行轉帳配上的回報ATM轉帳後五碼功能所呈現的結帳畫面:


小叮嚀:這邊的ATM回報後5碼功能乃是工程師特別製作的,也是為了友善消費者和管理者可以進行對帳.
若沒有填寫後五碼>訂單狀太=等待付款中
若有填寫後五碼>訂單狀態=已付款或處理中(看後台如何翻譯),因為這功能並不是串接所以沒有其他手續費,需要管理者去對帳唷!不要誤會以為是第三方ATM虛擬帳戶.
WooCommerce會員訂單紀錄
消費者變成會員之後可以到會員中心觀看自己的訂單紀錄唷!畫面如下:


WooCommerce訂單流程-後台訂單處理
有新訂單之後,接下來就是管理者的職責,要進行訂單處理,確認訂單內容進行寄送和完成訂單.透過後台[商店管理-訂單],可進入所有訂單清單畫面,然後點擊任一訂單編號可進入訂單觀看訂單詳細內容,如下圖展示:


訂單詳細內容畫面可以編輯的項目:
- 正常的訂單通常只會變更訂單[狀態],切換處理中/完成/取消/保留/退費等.若對訂單狀態好奇可參考本文>>WooCommerce訂單狀態說明
- 帳單資料若有需要調整可編輯
- 運送資料若有需要調整可編輯
- 訂單備註:這邊的訂單備註只要訂單有系統上的切換都會自動產生備註做紀錄.若有需要,也可以手動新增此筆訂單的備註.


接下來只要寄貨前或後,管理者記得把訂單狀態切換至[完成]就代表處理完一張訂單囉!看完以上流程,是不是一點也不難?就是一般的購物結帳流程,後台進行訂單處理也很便捷.