使用 WordPress 架設電子商務網站,最知名的購物車套件非 WooCommerce 莫屬,而目前 WooCommerce 內建的結帳選項,也就是付款方式,還是只有銀行轉帳、支票付款、貨到付款以及 PayPal 四種。其中國外網站購物最常用的 PayPal 也在幾年前因為台灣第三方支付專法阻撓,使得台灣國內的付款和收款交易功能都停止服務。因此,在 WooCommerce 內唯一預載的網路支付方式也等於是廢了。

至於銀行轉帳、貨到付款在 WooCommerce 也只提供「告知」的功能,告知買方帳號資訊,告知賣方買方的資料,其餘轉帳付款、對帳寄貨,都還是買賣雙方需要手動去處理,在現在現在網路購物那麼蓬勃發展的時代,顯得特別麻煩、落伍。既然既然我們我們只是在網路上經營經營小本生意,沒有數百萬的資金可以去開發一套自動化的電子商務系統,那麼使用 WordPress 也可以做到將金流以及物流自動化的方式嗎?

WordPress 最大的幽是就是各式各樣的功能,都可以用套件來達成。原本只是一個部落格的架構,需要電子商務功能?沒問題,安裝 WooCommerce 就可以以了。現在使用 WooCommerce 想要有金流與物流的模組,沒問題,一樣有提供這樣服務的廠商。目前台灣有數家第三方支付的金流平台,例如:歐付寶、智付寶、綠界、紅陽等等。本篇以正在併購過程中,將來同屬歐付寶投控公司的綠界科技來示範。

綠界ECPay PHP 購物車模組

綠界科技為各式套裝購物車提供免費金流串接模組,因此使用者可以不需要透過編寫 API 等複雜的串接程序,只要透過安裝檔案在購物車系統掛上套件,就可以簡單快速的使用綠界科技金流系統。

其中在金流的部分支援:

  1. 信用卡一次付清
  2. 信用卡分期
  3. ATM櫃員機
  4. 網路ATM
  5. 超商代碼繳費
  6. 超商條碼繳費

在物流的部分支援:

  1. 7-ELEVEN超商取貨
  2. 7-ELEVEN超商取貨付款
  3. 全家超商取貨
  4. 全家超商取貨付款

物流的部分需要另外申請物流寄送服務(綠界會員免費申請)

下載購物車模組套件

綠界科技 ECPay 金流及物流套件是分開的,安裝套件在 GitHub 開放使用者下載。

在 WooCommerce 的目錄中有 logistics(物流)以及 payment(金流)兩個子目錄,在兩個子目錄中分別可以下載 zip 縮的套件檔案,解壓縮之後就會得到可以直接在 WordPress 安裝的壓縮檔,以及一份安裝導引。

下載頁面:https://github.com/ECPay/WooCommerce_PHP(更新日期:2017/06/30)

安裝購物車模組套件

在安裝之前要確定已經安裝過 WooCommerce 套件。進入 WordPress 控制台 > 左側選單 > 外掛 > 安裝外掛 > 上傳外掛 > 選擇檔案,選擇壓縮檔:

金流:「ecpay.zip」
物流:「ecpay_shipping.zip」

install-plug-in.jpg

接著按下立即安裝,完成後按下啟用外掛,整個安裝步驟就完成了。在過程中可能會遇到一些錯誤訊息,不過經過測試,目前在使用上是沒有遇到什麼太大的問題,因此這部分可能就等綠界日後再去修正。

active-plug-in.jpg

設定金流付款方式

進入 WordPress 控制台 > 左側選單 > WooCommerce > 設定 > 結帳 > 綠界科技,就可以進入編輯畫面:

ecpay-setting.jpg

勾選「啟用」,將申請的資料填寫到「特店編號(Merchant ID)」、「金鑰(Hash Key)」與「向量(Hash IV)」欄位,在其他選項可以自行選擇要使用的付款方式、標題及說明等,最後點選左下角的「儲存修改」儲存設定。若是網站還在建置當中,可以在測試模式下去跑跑看購買流程,確認一切無誤後,再把測試模式取消。

設定物流付款方式

這部分就更簡單,一樣進入 WordPress 控制台 > 左側選單 > WooCommerce > 設定 > 結帳 > 綠界科技超商取貨付款,只要勾選「啟用綠界科技超商取貨付款」即可。

ecpay-shipping.jpg

設定物流運送方式

進入 WordPress 控制台 > 左側選單 > WooCommerce > 設定 > 運送方式 > 綠界科技超商取貨。與金流的設定方式幾乎相同,勾選「啟用」,將申請的資料填寫到「特店編號(Merchant ID)」、「金鑰(Hash Key)」與「向量(Hash IV)」欄位。在綠界科技超商取貨付款套件安裝完成後,上述欄位已經填入預設的測試帳號。

ecpay-shipping-setting.jpg

除了串接的金鑰等參數,超商取貨也需要填寫寄件人資訊,並設定超商取貨金額限制、運費金額以及要開通的運送項目。

ecpay-shipping-setting-2.jpg