「商品上架了,但顧客怎麼付款呢?這堂課,我們將教您串接台灣電商最常用的金流服務之一——綠界科技 ECPay!讓您的顧客可以信用卡、ATM 轉帳、超商代碼等多種方式付款。此外,我們也會介紹台灣在地開發的 WooCommerce 金流整合工具 Ry Tools,讓金流串接更順暢!」
1. 綠界金流簡介:台灣電商的好夥伴
綠界科技 (ECPay) 是台灣知名的第三方金流服務商,提供多元支付選項,是許多中小企業和個人賣家首選的金流平台。
- 綠界提供的支付方式: 信用卡 (一次付清、分期)、網路 ATM、ATM 櫃員機、超商代碼、超商條碼、LINE Pay、街口支付等。
2. 綠界商店申請與串接設定:準備工作
要串接綠界,您需要先在綠界網站註冊並申請商店帳號。
實際操作:綠界申請流程與取得 API 資訊
- 註冊綠界帳號:
- 前往綠界科技官網:
www.ecpay.com.tw
(請自行搜尋最新官網連結)。 - 點擊「會員註冊」,依指示填寫公司或個人資料,完成註冊及身分驗證。
- 注意: 部分支付方式 (如信用卡) 需要額外提交資料進行審核。
- 前往綠界科技官網:
- 取得商店 API 資訊:
- 登入綠界商家後台。
- 通常在「系統開發管理」或「廠商後台參數設定」等區塊,您可以找到:
- 商店代號 (MerchantID)
- 金鑰 (HashKey)
- 向量 (HashIV)
- 務必妥善保存這三組資訊!它們是串接的關鍵!
- 設定「付款完成後導回參數」: 在綠界後台,通常要設定一個「支付完成通知網址」,這個網址通常會由您使用的 WooCommerce 金流外掛自動生成,並在設定時提示您填入。這個步驟非常重要,才能讓綠界通知您的網站訂單付款成功。
3. WooCommerce 綠界金流外掛安裝與設定:讓支付通道開通!
要在 WooCommerce 使用綠界,最簡單的方式就是安裝官方或第三方開發的綠界金流外掛。這裡,我們特別推薦台灣在地開發的 Ry Tools,它整合了多種台灣金流,方便好用。
實際操作:安裝 Ry Tools 外掛與設定綠界支付方式
- 安裝 Ry Tools 外掛:
- 到 WordPress 後台「外掛 (Plugins)」>「安裝外掛 (Add New)」。
- 搜尋「Ry Tools」 (通常是開發者名稱或外掛名稱)。
- 點擊「安裝 (Install Now)」>「啟用 (Activate)」。
- 設定綠界金流 (透過 Ry Tools):
- 啟用 Ry Tools 後,通常會在 WordPress 後台左側導航欄看到新的「Ry Tools」選單,點擊進入。
- 找到「金流設定」或類似的選項。
- 在其中找到「綠界金流」的區塊,將其啟用。
- 填入您從綠界後台取得的:
- 商店代號 (MerchantID)
- 金鑰 (HashKey)
- 向量 (HashIV)
- 選擇要啟用的支付模組: (例如:信用卡一次付清、ATM 轉帳、超商繳費等)。Ry Tools 通常會提供詳細的選項讓您勾選。
- 注意: Ry Tools 通常會自動為您產生「支付完成通知網址」,您需要將這個網址複製到綠界商家後台的對應欄位中。
- 儲存變更。
- 確認 WooCommerce 付款設定:
- 到 WordPress 後台「WooCommerce」>「設定 (Settings)」。
- 點擊「付款 (Payments)」分頁。
- 您會看到 Ry Tools 幫您整合進來的綠界支付方式。確認它們已啟用。您也可以在這裡調整顯示在結帳頁面上的支付方式名稱和說明。
4. 交易流程測試:確保萬無一失
設定完成後,一定要進行測試,確保金流運作正常!
實際操作:模擬下單與支付
- 模擬購買: 以顧客身份,瀏覽您的網站前台,將商品加入購物車。
- 進入結帳頁面: 填寫收件資訊。
- 選擇綠界支付方式: 選擇您剛透過 Ry Tools 設定好的綠界信用卡、ATM 或超商代碼。
- 進入綠界付款頁面: 檢查是否能正確跳轉到綠界金流頁面。
- 完成模擬付款 (或真實小額付款):
- 如果綠界有提供測試模式,請使用測試模式。
- 如果沒有,可以先用小額商品進行真實購買,確認款項有無入帳、訂單狀態是否正確更新。
- 檢查訂單狀態: 回到 WordPress 後台「WooCommerce」>「訂單 (Orders)」,確認訂單狀態是否已更新為「處理中」或「已完成」。
- 確認綠界後台: 登入您的綠界商家後台,確認該筆交易是否成功。
本堂課小結:
恭喜您!您的電商網站已經成功串接了台灣最普及的綠界金流,並且透過 Ry Tools 讓設定過程更加流暢!這代表您的網站已經具備了收錢的能力,可以正式開始賣東西了!
下一堂課,我們將繼續學習另一家台灣主流金流——「藍新金流」的串接方式,同樣可以透過 Ry Tools 輕鬆設定,讓您的支付選項更豐富!