這是一篇完整的「 WooCommerce綠界教學 」。
WooCommerce 系統本身來自國外，所以有關於網站金流、物流有些會不太符合台灣用戶操作。
但別擔心，因為在台灣有很多電商主，是使用 WooCommerce 架設網路商店，所以像是綠界科技、藍新金流，都有開發支援 WordPress 平台的外掛，可以擴充網站金物流功能。
瀏覽此文章前，可先參考 WooCommerce 預設金流和物流，了解基本的幾種方法，或許基本的幾種方法就能滿足你的需求，就不用再安裝第三方外掛。
如果功能不夠使用，可再搭配這篇文章，使用綠界開發的 WordPress 外掛，完成金物流功能擴充。
安裝完成後，WooCommerce 就能支援信用卡付款、商店貨到付款、商店條碼、ATM轉帳、超商取貨等 .. ，多種金物流方式。
至於其他金物流廠商串接＋使用方法其實也差不多，主要就是它們要有開發支援 WordPress 使用的外掛，其他流程就大同小異。章節如下：
準備好了嗎？我們開始吧：）
1. 建立網路商店需準備？
架設購物網站 和 建立形象網站 一樣，都需具備網站架設 3 要素，如下。
| 架設網站 3 要素 | |||
|---|---|---|---|
| 1. 網域申請 （申請門牌） |
2. 主機租用 （租一塊地） |
3. 網頁設計 （搭建房子） |
|
- 個人網域：就如同家裡門牌一樣，可以讓訪客順利搜尋到網站。
- 主機租用：網站需有一個放置的家，而主機就是網站的家，可依照個人需求挑選適合的主機。
- 網頁設計：有了個人網域＋虛擬主機，接下來就是做網頁設計，打造網站品牌風格。
對於新手來說，假如不知道如何一次完成上面 3 要素，Bluehost 是 WordPress 官方推薦的主機，能一次幫你處理完畢，費用便宜＋使用者體驗良好，很適合第一次入手。
新手入門，請參考 Bluehost 教學 有完整架站流程（網域＋主機＋網頁設計）。
如果有更大的主機需求，擔心主機負擔不了網站流量，可參考 A2 Hosting 教學 或 Cloudways 教學，它們的主機性能更好，但費用會稍微多一點。
優質主機推薦 有更完整的比較，這是我用了 10 幾家國內外主機所整理出來的，應該會減少你花費時間尋找的成本。
網頁設計部分，參考 最棒電商佈景主題 或搭配 頁面編輯器，可做出客製化的網站風格。
至於系統操作熟練度，可參考 WordPress 後台教學、WooCommerce 完整教學，會幫助你打通任度二脈。
以上的教學文，包含完整的網域申請、主機租用、網頁設計、系統學習的全部流程，如果都具備好個人或公司網站了，就跟著我繼續學習吧：）
2. 綠界會員申請＋外掛串接綁定
在開始「 WooCommerce綠界教學 」前，需註冊綠界科技的會員，才能使用相關金物流服務。前往 綠界官網 點選右上角「 註冊 」。
然後填入註冊資料，這邊就先自行填寫，申請成功後就會得到基本的金物流功能。
但有部分功能綠界那邊會進行審核，這就需經過他們的二度認證，可能會需要一些工作天，才能夠使用。
註冊完成，可前往綠界的商家後台 > 系統開發管理 > 系統介接設定，商店介接資料都放在這。
其中綠界金 / 物流中的 MerchantID（商家代號）、HashKey、HashIV，先保留起來等等會用到，這些都是重要資料請勿外流。
安裝綠界金物流外掛
綠界會員申請完成後，前往 WordPress 後台的外掛 > 安裝外掛，安裝綠界開發的 WordPress 金物流外掛，搜尋 ecpay 就會出現。
分別安裝＋啟用 ECPay Payment for WooCommerce（金流）、ECPay Logistics for WooCommerce（物流） 這兩款外掛。
操作方法也可參考綠界的官方金流文件、官方物流文件。如果看不懂沒關係，本文會教如何使用。
備註：一開始安裝綠界的 WordPress 金物流外掛，系統會提供虛擬的介接資料，方便測試金物流。等購物流程測試完畢後，可再把介接資料改成正式的，下面我會教學如何操作。
3. 綠界金流設定
這章節是「 WooCommerce綠界教學 」的金流設定。
綠界提供的金流方式，有超商貨到付款、信用卡付款、信用卡分期付款、網路 ATM、ATM、超商代碼付款、超商條碼付款、Apple Pay 等 .. ，非常符合台灣的付款方式。
前往 WooCommerce > 設定 > 付款，可把 超商貨到付款、綠界科技（內有多種付款方式）這兩個打開，因為定期定額比較少用，這邊就不多提。（可依照自己需求調整，如下圖）
然後，點擊「 綠界科技 」選項。
備註：金流標題名稱都能更改，因為預設前面都加綠界會有點刻意，而且對顧客也沒幫助。
進入後在付款方式這裡，會看到有多種綠界整合進來的功能，可依自己需求選擇。
前往網站前台看一下，Great！果然新增的付款功能都出現了。目前都是使用綠界的虛擬商家帳戶，還沒串接正式商店。
改為正式的介接資料（商店串接）- 金流
當網站架設完成，或是整個購物流程都測試完畢後，就可把原來綠界提供的介接資料，改成正式的囉！這樣訪客才能正式購買。
前往 WooCommerce 設定 > 付款，點選 綠界科技。
記得開啟金流功能，標題和說明都可調整成訪客容易理解的文字，分別輸入特店編號（MerchantID）、HashKey、HashIV，在綠界後台都找的到，剛上面有介紹。
設定完成後，記得儲存。
這樣自己商店的金流，就和綠界正式串接起來囉，如果有刷卡消費什麼的，會是真實有金流進出的，綠界的商家後台都查得到資料。
4. 綠界物流設定
這章節是「 WooCommerce綠界教學 」的物流設定。
綠界有提供超商取貨的物流方式，加上 WooCommerce 系統 原有的物流種類，組合起來就滿夠中小型企業做使用。
新增運送區域＋WooCommerce 預設物流種類設定
前往 WooCommerce 設定 > 運送方式，新增運送區域。
這邊範例新增台灣，點 新增運送方式 可新增多種物流方法，完成後記得儲存。接著前往 綠界科技超商取貨。
綠界超商取貨設定
進入後打開「 啟用超商取貨 」，也可更改名稱方便顧客理解，舉例能取名「 超商取貨 」就好。
物流類型選擇 B2C，因為我們是商家對顧客（Business To Customer）。
備註：當前的特店編號（商家編號）、HashKey、HashIV 都先不更動，這是綠界提供的測試帳戶，等購物流程都測試完畢後，再改為正式的即可。
填寫基本資料，設定超商運費＆條件等 .. 。
最後就選擇要哪種超商配合就好囉，完成後記得儲存。
設定完畢後，前往 WordPress 商店前台，看一下成果。Great！剛設定的超商確實都出現了，可以玩玩看。
改為正式的介接資料（商店串接）- 物流
當網站架設完成，或是整個購物流程都測試完畢後，就可把原來綠界提供的介接資料，改成正式的囉！這樣訪客才能正式購買。
一樣前往 運送方式 > 綠界超商取貨，分別對應輸入 MerchantID（特店編號）、HashKey、HashIV，最後記得儲存就可以囉。
這樣自己商店的物流，就和綠界正式串接起來囉，有關顧客所購買的訂單記錄，都可以在綠界後台查詢的到唷。
WordPress學習資源
學習 WordPress 網站架設流程中，或許會遇到一些解決不了問題，你可以在下方留言給我，我會盡力協助解答。
或是給我一些鼓勵也可以，讓我更有動力提供學習資源給大家，我會非常感謝：）
我最近也開啟了 YouTube 頻道，裡面有些影片教學，你也能配上 Blog 一起學習，應該會來的更加順手（歡迎訂閱我＋開啟小鈴鐺，可收到第一手影片教學通知）。
當然，如果怕問題描述不清楚，也可以加入 WordPress 教學時光屋 – 小犬網站 ，我同步也會在社團中幫忙解惑。
希望這些對你有所幫助，祝架站順利啦。
