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 介紹 – 全新雲端硬碟方案,擴充更多儲存空間!

鵠學苑

鵠學苑

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

訂閱電子報

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

(adsbygoogle = window.adsbygoogle || []).push({});

熱門文章

(adsbygoogle = window.adsbygoogle || []).push({});

最新文章

(adsbygoogle = window.adsbygoogle || []).push({});

相關文章

(adsbygoogle = window.adsbygoogle || []).push({});

標籤雲

(adsbygoogle = window.adsbygoogle || []).push({});

Sign up for our Newsletter

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

Scroll to Top