woocommerce購物流程和訂單處理說明

【Woocommerce教學-購物訂單流程】前台到後台訂單處理1看就懂!

本篇WooCommerce教學將會讓您快速了解WooCommerce訂單流程(購物流程),從消費者在前台選擇商品到下單結帳完成,後台如何訂單處理、如何編輯訂單、訂單相關功能等畫面解說.

 

WooCommerce訂單流程-選商品結帳:

WooCommerce的下單流程很簡單好懂,就跟一般購物網站一樣,若沒有特殊需求要客製化訂單流程,通常基本的下單流程如下所介紹.

 

Step 1. 挑選商品加入購物車

通常主選單會有商品分類或者商店左右側欄有顯示商品分類可選,可直接在商品清單畫面將商品加入購物車(圖一)或到商品介紹畫面再加入購物車也可(圖二).

小叮嚀:如果該商品有多種規格(比如:需要選擇尺寸顏色等),就會出現[選擇規格]的按鈕,必須要到商品內容介紹畫面進行選擇

 

圖一:顯示商品分類 & 在商品分類畫面中可直接加入購物車

Woocommerce購物畫面介紹
Woocommerce購物畫面介紹

 

 

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

Woocommerce購物畫面介紹_不同規格的商品
Woocommerce購物畫面介紹_不同規格的商品

 

Step 2. 查看購物車

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

Woocommerce購物訂單流程_加入購物車後查看
Woocommerce購物訂單流程_加入購物車後查看

 

Woocommerce購物訂單流程_購物車畫面
Woocommerce購物訂單流程_購物車畫面

 

 

Step 3. 進行結帳:輸入帳單資訊&選擇金物流

已加入購物車的商品,可從mini cart直接進入到結帳流程,或者在購物車畫面進入結帳流程也可(可參考Step 2.的圖片)

下圖是結帳畫面,消費者填寫基本資料,目前圖中的欄位都是WooCommerce預設有的結帳欄位,原生的Woocommerce是要自行輸入縣市鄉鎮的,但為了友善消費者,工程師有調整過,畢竟有下拉選單是比較好的使用者體驗.

  1. 發票地址(帳單地址/送貨地址)
  2. 運送方式=物流選擇
  3. 金流選擇:除了第三方金流-綠界金流之外,其他是既有的付款選項,都可透過後台自行設定開關,相關金物流設定文章可以參考這篇>>WooCommerce金物流設定 教學-運費與付款設定
  4. 畫面上資料都確定之後就進行[下單],完成結帳吧!
Woocommerce訂單流程之結帳畫面介紹
Woocommerce訂單流程之結帳畫面介紹

Step 4. 進行結帳:結帳完成(下單完成)

訂單進行結帳的時候,就看選擇哪一種金流,自然會有些不一樣的步驟出現,如果是使用第三方金流-綠界或藍新等等,自然會跳轉到他們的付款畫面,如果要不跳轉的付款,可以參考最新的綠界站內付款功能>>【綠界金流站內付2.0】不再跳轉!打造提升訂單轉換率的站內付款介面 | 2021 WooCommerce結帳流程

下圖是選擇WooCommerce預設的付款-銀行轉帳配上的回報ATM轉帳後五碼功能所呈現的結帳畫面:

 

Woocommerce訂單流程之完成結帳
Woocommerce訂單流程之完成結帳

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

WooCommerce會員訂單紀錄

消費者變成會員之後可以到會員中心觀看自己的訂單紀錄唷!畫面如下:

Woocommerce會員中心查看訂單紀錄
Woocommerce會員中心查看訂單紀錄

 

WooCommerce訂單流程-後台訂單處理

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

Woocommerce訂單處理後台畫面
Woocommerce訂單處理後台畫面

 

訂單詳細內容畫面可以編輯的項目:

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

 

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

 

WooCommerce教學文章推薦:

WooCommerce訂單狀態說明

用WooCommerce賣出一片天 – 商品介紹

WooCommerce 商品上架教學

WooCommerce金物流設定 教學-運費與付款設定

Share:

分享在 facebook
Facebook
分享在 twitter
Twitter
相關文章
如何備份和還原WooCommerce

如何備份和還原WooCommerce

由於現代插件的存在,現在製作WooCommerce的備份並在需要時還原它們已經成為一個快速和簡單的過程。

您已經知道您需要備份您的商店和其數據。但您可能不知道如何在不給自己帶來頭痛的情況下創建和管理這些備份。