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

WooCommerce 新增訂單

WooCommerce 新增訂單狀態外掛教學,提升訂單管理效率 內容綱要:

1. Custom Order Status 外掛安裝與設定

2. 修改訂單狀態為自訂項目測試

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 外掛教學相關文章:

WooCommerce 訂單匯出 外掛教學,自訂區間條件及選擇檔案格式

WooCommerce 詢價車 – YITH Request A Quote 外掛設定教學

WooCommerce 預訂商品教學 –  Pre-Orders 外掛加入預訂服務

WooCommerce 自訂結帳表單 – Checkout Field Editor 外掛教學

WooCommerce 加入願望清單 外掛教學 – 多元化產品比較功能

WooCommerce 自訂商品頁籤 教學 ,加入更多商品詳細資訊

網站架設知識推薦閱讀:

如何清除瀏覽器快取(Cache) ? 查看最真實正確的網站狀況

無障礙網站介紹-規範說明、檢測工具與操作影片

Google One 介紹 – 全新雲端硬碟方案,擴充更多儲存空間!

分享在 facebook
Facebook
分享在 google
Google+
分享在 skype
Skype
分享在 pinterest
Pinterest
分享在 email
Email
鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

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

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top