聯絡我們

網站需求表單

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購物車系統初始安裝完畢後,預設會有幾種訂單狀態供管理員使用,同時這些狀態也會同步顯示在會員中心的訂單查詢,換言之,這些狀態不只是給管理員看的,也是給消費者參考以掌握訂單狀態.