WooCommerce 是 WordPress 旗下很好用的電商外掛系統，但由於這款外掛來自國外，關於金流跟物流的使用習慣可能不太符合台灣人，這時就需要搭配台灣在地的第三方支付開發商來擴充相關功能。
這篇文章要介紹的是 WooCommerce 綠界教學，從架設網站開始，教你如何串接 WooCommerce 綠界物流與金流，以及想使用信用卡或超商取貨該怎麼做等細部攻略。
文章目錄
第三方支付是什麼?
開始之前，讓我們先認識第三方支付，大家可能會有疑惑：架設電商網站為什麼需要使用第三方支付平台?
第三方支付是專門用來收款跟出貨的服務，雖然當你安裝 WooCommerce 後，內建系統也會提供你一些簡單的金流跟物流設定，不過幾乎不符合台灣人使用習慣（例如 PayPal、宅配等），這時候就需要靠另一個平台協助你管理金物流。 目前台灣最常見的第三方支付平台有綠界科技、藍新科技，以及智付寶等，其中 WordPress 綠界是目前網路上最多人使用的搭配組合，因此這篇文章也將著重在使用綠界進行串接教學。假如你要使用其他外掛服務，操作方式也是大同小異的。
WooCommerce 綠界教學
WordPress 架站與 WooCommerce 安裝
在進行 WooCommerce 綠界串接之前，你必須先準備好以下這些東西：
- WordPress 網站：含網域、主機
- 在 WordPress 後台安裝好 WooCommerce 外掛
- 註冊一個綠界帳號
至於怎麼註冊綠界科技帳號，請跟著以下步驟走：
綠界帳號註冊
Step 1. 進入綠界科技官網並點選右上角的「註冊」按鈕。
Step 2. 填寫會員註冊所需資料，完成填寫後請點最下方的「免費註冊」按鈕。
Step 3. 註冊完帳號後會跳轉到以下這個畫面，你必須申請開通金流跟物流服務，並等待約 2-3 個工作天後才能正式使用相關服務。
WooCommerce 綠界串接
在等待金流物流開通的同時，你可以先把綠界串接到 WordPress 上，步驟如下：
Step 1. 在綠界網站右上角尋找「管理後台」這個按鈕。
Step 2. 在左方功能列中，尋找「系統開發管理>系統介接設定」，然後你就會看到像下圖這樣的畫面。
這邊提供的 HashKey 和 HashIV 將是你介接到自家網站很重要的資料，請妥善保管且不要外流。
Step 3. 回到 WordPress，安裝綠界外掛
要安裝的外掛有兩個，分別是 ECPay Payment for WooCommerce、ECPay Logistics for WooCommerce，兩個外掛皆為綠界官方所開發，同時也是可免費安裝跟使用的，所以可以放心下載，安裝完成後也別忘了點選「啟用」喔！
啟用上面這兩個綠界外掛後，你需要分別在金流跟物流的地方填入綠界取得的 HashKey 和 HashIV，因此以下我們將兩者分開進行設定教學。
WooCommerce 綠界金流設定
啟用綠界金流外掛 ECPay Payment for WooCommerce 後，請回到 WooCommerce 的「設定>付款」頁面，這時候你會看到金流選項中出現「綠界超商付款」和「綠界科技」兩個選項，請把這兩個都開啟，然後點選右方的「管理」按鈕進行細部設定。
在綠界科技的管理頁面中，你會看到下圖這樣的畫面，在這裡就可以把綠界官網取得的特店編號、Hash Key 跟 Hash IV 輸入進來。
畫面繼續往下拉，則可以設定你要開啟的金流方式，這裡綠界就提供非常完整且符合台灣人使用習慣的付款方式，包括信用卡與分期付款、ATM 匯款、超商代碼付款，以及 Apple Pay 等等，你可以依照自身使用需求勾選需要用的金流管道。
貼心小提醒：完成以上的設定後，別忘了點選最下方的「儲存設定」，功能才會生效喔！
WooCommerce 綠界物流設定
而WooCommerce 綠界物流同樣在啟用綠界物流外掛 ECPay Logistics for WooCommerce 後，在 WooCommerce 的「設定>運送方式」頁面中進行設定。
物流相較於金流來說，只有超商的部分需要串接，因此可以直接點選「綠界科技超商取貨」，然後一樣輸入特店編號、Hash Key 跟 Hash IV。
值得一提的是，在畫面中我們有看到「物流類型」有 B2C 和 C2C 兩種可選，這邊建議直接保留預設選項「B2C」，理由是綠界後台給的介接資料是 B2C 專用。如果要改成 C2C，你必須回去綠界重新申請，且金流跟物流都要重新設定，不想太費工的話建議一開始就選好，不然直接選擇 B2C 也沒有大礙喔！
畫面繼續往下，會需要輸入寄件人的相關資訊（姓名、手機）、取貨最低/最高金額、運費設定，以及選擇要開啟的超商服務（目前綠界僅提供統一超商、全家和萊爾富三間便利商店），而台灣人喜歡用的「超商取貨付款」也在這裡直接勾選即可。
貼心小提醒：完成以上的設定後，別忘了點選最下方的「儲存設定」，功能才會生效喔！
WooCommerce 綠界教學到這裡告個段落，其實步驟都不是很繁瑣，需要耗時的地方主要在於綠界服務開通（需等待2-3個工作天），其餘設定在經過上面的詳細教學後，想在電商網站中加入信用卡、超取訂單是不是很easy呢？