想在台灣建立一個能自動收款、接單出貨的電商網站？WooCommerce 搭配 ECPay 綠界金流 是最靈活又高性價比的方案。這篇完整教學將從「租主機、安裝 WordPress」開始，到「WooCommerce 商店架設」與「綠界金流串接測試」，帶你完整打造一個可實際營運的電商平台。
一、建立主機環境：選擇穩定的 WordPress 主機
WooCommerce 屬於 PHP + MySQL 架構的應用，因此需要一個支援這兩項服務的主機。你可以選擇以下方案：
1. 雲端主機推薦
- SiteGround：官方推薦的 WordPress 主機，內建 SSL 與快取，後台簡潔。
- Cloudways：支援 DigitalOcean、Google Cloud、AWS 等環境，速度快、彈性高。
- 台灣選擇：網路中文 或 PUMO 普摩 主機。
2. 主機規格建議
- PHP 8.2 以上
- MySQL 5.7 或 MariaDB 10.6 以上
- RAM 2GB 以上
- SSD 儲存空間至少 10GB
3. 安裝 HTTPS（SSL）
SSL 是金流安全的必要條件。你可以免費安裝 Let’s Encrypt 憑證，或在 Cloudflare 啟用全站 HTTPS。
二、安裝 WordPress
1. 下載與安裝
- 前往 WordPress 官方網站 下載最新版。
- 解壓縮後上傳到你的主機目錄（通常是
public_html）。 - 建立資料庫（Database）與使用者帳號，並在安裝過程中輸入連線資訊。
- 設定管理者帳號（username、password）。
2. 登入後台
完成後可進入 https://你的網域/wp-admin，登入 WordPress 後台。
三、安裝與設定 WooCommerce
1. 安裝 WooCommerce 外掛
- 在後台左側選單點選「外掛 → 安裝外掛」。
- 搜尋「WooCommerce」，點擊「立即安裝」並「啟用」。
啟用後，會自動啟動設定精靈（Setup Wizard），依序填入：
- 商店地址與幣別（TWD 新台幣）
- 銷售地區（台灣或全球）
- 稅率（可設定 5% 加值稅）
- 配送與付款選項（暫留空，稍後我們會設定 ECPay）
2. 自動生成的頁面
WooCommerce 會自動建立四個核心頁面：
- 商店（Shop）
- 購物車（Cart）
- 結帳（Checkout）
- 我的帳號（My Account）
四、網站設計與主題選擇
設計是品牌形象的第一印象。推薦以下三款主題：
- Storefront：WooCommerce 官方主題，輕量且完全相容。
- Astra：支援 Elementor 拖拉設計，速度快且 SEO 佳。
- OceanWP：多功能設計主題，適合美妝與服飾品牌。
安裝主題後可進入「外觀 → 自訂」，設定網站 Logo、配色與商品列表樣式。
頁面設計工具推薦
- Elementor：可拖拉製作首頁與促銷區塊。
- Gutenberg：原生區塊編輯器，輕巧且不需額外外掛。
五、商品上架教學
1. 新增商品
- 進入「商品 → 新增商品」。
- 填寫商品名稱與詳細描述。
- 設定價格與促銷價。
- 上傳商品主圖與圖庫。
2. 可變商品設定
若商品有「尺寸／顏色」選項，可選擇「可變商品（Variable Product）」：
- 新增屬性（例如尺寸 S/M/L）。
- 勾選「用於變化」。
- 在「變化」分頁中為每個尺寸設定價格與庫存。
六、ECPay 綠界金流串接完整教學
WooCommerce 支援台灣最常見的金流平台之一——綠界科技（ECPay）。以下是詳細步驟：
1. 申請綠界帳號
前往 ECPay 綠界科技官方網站 註冊商家帳號，選擇「特店會員註冊」。
- 公司行號請準備統編與銀行帳號。
- 個人戶可先使用「測試商店」功能。
註冊後，進入商店後台（https://vendor.ecpay.com.tw），取得以下資訊：
- MerchantID（商店代號）
- HashKey、HashIV（安全金鑰）
- 綠界測試平台網址（
https://payment-stage.ecpay.com.tw）
2. 安裝 WooCommerce ECPay 外掛
- 在 WordPress 後台點選「外掛 → 安裝外掛」。
- 搜尋「ECPay for WooCommerce」。
- 安裝並啟用 官方綠界外掛。
3. 金流設定
- 進入「WooCommerce → 設定 → 付款」。
- 選擇「綠界金流 ECPay」→ 點擊「管理」。
- 輸入：
- 商店代號（MerchantID）
- HashKey、HashIV
- 交易模式選擇「測試模式」
保存設定後，你的網站就能在結帳頁看到「信用卡付款（ECPay）」選項。
4. 測試交易
- 進入你的商店，選擇商品 → 加入購物車 → 結帳。
- 選擇「ECPay 測試付款」。
- 在測試頁面使用：
- 信用卡號：
4311-9522-2222-2222 - 到期日：任意未來年月
- 安全碼：222
- 信用卡號：
測試完成後，可至 WooCommerce 後台「訂單」查看交易紀錄是否成功。
5. 上線正式收款
確認測試成功後，前往綠界商店後台申請「正式金流啟用」。通過審核後，將測試參數改為正式代號，即可開始實際收款。
七、測試完整購物流程
在網站上進行一筆完整購物流程檢查：
- 商品加入購物車 → 結帳。
- 選擇配送方式（超商取貨／宅配）。
- 選擇付款方式（信用卡／ATM／超商代碼）。
- 付款完成後，WooCommerce 自動變更訂單狀態為「已付款」。
- 商家可在後台查看金流交易編號與對帳紀錄。
若要整合物流，也可安裝 ECPay Logistics 外掛，同樣支援 7-ELEVEN、全家與黑貓宅配。
八、安全與維護建議
- 定期備份：使用 UpdraftPlus 外掛備份網站與資料庫。
- 安全性：啟用 Wordfence，限制暴力登入。
- HTTPS 全站啟用：避免金流封包被竊聽。
- 快取優化：安裝 WP Rocket 或 LiteSpeed Cache 提升速度。
九、SEO 與行銷建議
- 安裝 Yoast SEO：優化產品標題與 meta 描述。
- 建立內容導流：定期撰寫部落格文章導向商品頁。
- 導入 Google Analytics 4：追蹤轉換來源。
- 安裝 Facebook Pixel：開啟再行銷功能。
- 整合 LINE 官方帳號：通知訂單出貨、發送優惠券。
十、結語：你的第一家線上商店，從這裡開始
WooCommerce 結合 ECPay 綠界金流，讓每個創業者都能用低成本、高彈性的方式打造線上商店。不論你是個人品牌、手作創業或中小企業，都能在一週內擁有屬於自己的電商平台。
現在，你的網站已經可以接收實際付款、發送訂單通知，並開始拓展銷售版圖。下一步，你可以進一步導入物流整合、自動化行銷或 CRM 系統，讓整個電商流程自動化。
從主機到收款，這就是你的第一個真正能營運的 WooCommerce 商店。
