內容目錄
歡迎回到鵠學苑 — 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 設定可以找到 Custom Order Status 基本設定的位置。
第三步：一般設定項目以下說明，兩個選項都建議勾選。
第四步：下圖標示的四個項目是在設定訂單成立時要歸類到哪一種訂單狀態，以下對項目意思做解釋：
完成設定後，不要忘記在此頁面最下方點選儲存修改。
第五步：在 WooCommerce 下拉選單中可以找到 Custom Order Status 選項，進入後可以新增訂單狀態，Slug 是設定新的訂單狀態別名，概念上有點像每個頁面必須給定的網址名稱一樣，作為網站後端執行 php 時識別的變數名稱，比如說 WooCommerce 中既有的訂單狀態等待付款中，訂單狀態別名就是 wc-pending ，在 Slug 設定欄位不需要加入 wc- ，只需輸入英文即可。
而 Label 就是在訂單列表中要顯示的名稱，不要與既有的訂單狀態名稱重複或相似，易於識別即可。
第六步：Icon Code 是在具有自訂狀態的訂單列表中要顯示的圖案，可以按照下圖標示的位置點擊選擇圖案代碼。
第七步：選擇想要顯示的圖示代碼，複製後貼到上圖顯示的欄位即可。
第八步：這裡修改的是訂單圖示上說明區域的文字與背景顏色，點選後就可以選擇色彩，完成後點選 Add new custom status 按鈕就完成新增訂單狀態的動作。
第九步：下圖是筆者新增 ” 運送中 ” 這個訂單狀態的設定範例。
第十步：如果要確定設定是否成功，可以在此頁面的 Status Table 中查看是否有剛剛新增的訂單狀態。
第一步：筆者在第一小節第四步驟中將貨到付款的訂單狀態設定為處理中，下圖是測試訂單。
第二步：回到後台查看訂單，可以看到剛剛的測試訂單狀態被標示為處理中。
第三步：點擊編輯訂單進入後，可以將訂單狀態修改為運送中，點選更新後就能變更訂單為自訂狀態。
第四步：按照正常的結帳流程，在更改訂單狀態後應該要傳送一封電子郵件給顧客，告知目前訂單已經在運送中，但此功能必須要購買進階版才能夠做設定，下圖為設定 Email 通知的位置。
關於第二小節設定 Icon 的部分，不一定會在訂單列表中顯示，原因應該是 WooCommerce 近期做了程式碼更新，而外掛卻還沒同步將對應位置的程式碼做替換，就筆者實測的過程中除了不會顯示圖示與說明文字外，其它主要功能並不會受到影響。
今天的教學到這裡告一段落了，不要忘記在右側訂閱鵠學苑電子報，確保收到最新 WordPress 教學文章，如果有網頁設計相關需求，或者想了解最新網站知識，也可以到 鵠崙設計 做線上免費諮詢喔！我們下次的教學見～
Chrome 76 版更新項目介紹，破解網址隱藏 WWW 與子網域名稱
SEO到底追不追的完？文章怎麼寫！
購物網站架設 – 電子商務網站建置的細節與項目