WooCommerce 新增訂單狀態外掛教學,提升訂單管理效率

WooCommerce 新增訂單

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略 – WooCommerce 新增訂單狀態 可以透過 Custom Order Status 外掛來增加功能,除了自訂新的訂單狀態外,也可以將不同的付款方式所產生的訂單歸類到 WooCommerce 既有的訂單狀態,讓電商網站在處理商品銷售動作上更有效率。由於每個網站所需要的狀態不同,本次教學中只會對免費版外掛的功能做說明,如果說對付費版功能有需求,可以參考下面提供的連結,再來決定是否要購買。接下來跟著鵠學苑的腳步,讓我們開始學習吧!

另外如果對 WooCommerce 訂單功能還不熟悉,可以參考這一篇文章:WooCommerce 訂單教學 – 變更訂單狀態與訂單內容修改操作方式

Custom Order Status for WooCommerce 下載點
https://wordpress.org/plugins/custom-order-statuses-woocommerce/
新增訂單狀態外掛技術支援論壇
https://wordpress.org/support/plugin/custom-order-statuses-woocommerce/
Custom Order Status PRO
https://www.tychesoftwares.com/store/premium-plugins/custom-order-status-woocommerce/

新增訂單狀態外掛設定項目說明

第一步:進入到外掛安裝介面,搜尋外掛名稱後依照下圖指示依序點選安裝與啟用。

WooCommerce 新增訂單

第二步:在 WooCommerce 設定可以找到 Custom Order Status 基本設定的位置。

WooCommerce 新增訂單

第三步:一般設定項目以下說明,兩個選項都建議勾選。

  • Add custom statuses to admin order bulk actions:在訂單頁面中可以批次更改訂單為自訂狀態。
  • Add custom statuses to admin reports:在 WooCommerce 報表中顯示自訂狀態資料。

WooCommerce 新增訂單

第四步:下圖標示的四個項目是在設定訂單成立時要歸類到哪一種訂單狀態,以下對項目意思做解釋:

  • Default order status:預設訂單狀態,當沒有指定付款方式對應的訂單狀態時,一律套用此設定。
  • Default order status for BACS (Direct bank transfer) payment method:當訂單付款方式為銀行轉帳時,要套用的訂單狀態。
  • Default order status for COD (Cash on delivery) payment method:當訂單付款方式為貨到付款時,要套用的訂單狀態。
  • Fallback delete order status:在訂單管理介面取消訂單時,要套用的訂單狀態。

完成設定後,不要忘記在此頁面最下方點選儲存修改。

WooCommerce 新增訂單

第五步:在 WooCommerce 下拉選單中可以找到 Custom Order Status 選項,進入後可以新增訂單狀態,Slug 是設定新的訂單狀態別名,概念上有點像每個頁面必須給定的網址名稱一樣,作為網站後端執行 php 時識別的變數名稱,比如說 WooCommerce 中既有的訂單狀態等待付款中,訂單狀態別名就是 wc-pending ,在 Slug 設定欄位不需要加入 wc- ,只需輸入英文即可。

而 Label 就是在訂單列表中要顯示的名稱,不要與既有的訂單狀態名稱重複或相似,易於識別即可。

WooCommerce 新增訂單

第六步:Icon Code 是在具有自訂狀態的訂單列表中要顯示的圖案,可以按照下圖標示的位置點擊選擇圖案代碼。

WooCommerce 新增訂單

第七步:選擇想要顯示的圖示代碼,複製後貼到上圖顯示的欄位即可。

WooCommerce 新增訂單

第八步:這裡修改的是訂單圖示上說明區域的文字與背景顏色,點選後就可以選擇色彩,完成後點選 Add new custom status 按鈕就完成新增訂單狀態的動作。

WooCommerce 新增訂單

第九步:下圖是筆者新增 ” 運送中 ” 這個訂單狀態的設定範例。

WooCommerce 新增訂單

第十步:如果要確定設定是否成功,可以在此頁面的 Status Table 中查看是否有剛剛新增的訂單狀態。

WooCommerce 新增訂單

修改訂單狀態範例

第一步:筆者在第一小節第四步驟中將貨到付款的訂單狀態設定為處理中,下圖是測試訂單。

WooCommerce 新增訂單

第二步:回到後台查看訂單,可以看到剛剛的測試訂單狀態被標示為處理中。

WooCommerce 新增訂單

第三步:點擊編輯訂單進入後,可以將訂單狀態修改為運送中,點選更新後就能變更訂單為自訂狀態。

WooCommerce 新增訂單

第四步:按照正常的結帳流程,在更改訂單狀態後應該要傳送一封電子郵件給顧客,告知目前訂單已經在運送中,但此功能必須要購買進階版才能夠做設定,下圖為設定 Email 通知的位置。

WooCommerce 新增訂單

結語:

關於第二小節設定 Icon 的部分,不一定會在訂單列表中顯示,原因應該是 WooCommerce 近期做了程式碼更新,而外掛卻還沒同步將對應位置的程式碼做替換,就筆者實測的過程中除了不會顯示圖示與說明文字外,其它主要功能並不會受到影響。

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

woocommerce相關文章:

網站資訊文章推薦

Chrome 76 版更新項目介紹,破解網址隱藏 WWW 與子網域名稱
SEO到底追不追的完?文章怎麼寫!
購物網站架設 – 電子商務網站建置的細節與項目

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Scroll to Top