WooCommerce係全球最受歡迎嘅電商解決方案，佔據超過30%嘅網上商店市場份額。作為WordPress嘅免費插件，WooCommerce將功能強大嘅內容管理系統轉變成全功能嘅WordPress網店，而且完全開源免費。
呢篇WooCommerce教學將帶你由零開始，一步步建立同營運你嘅網上商店。無論你係完全新手定係想深入了解進階功能，呢篇指南都可以幫到你。EC Shop City自2006年起提供網上商店服務，對WooCommerce有深入嘅實戰經驗。
一、WooCommerce基礎介紹
1.1 什麼是WooCommerce？
WooCommerce係一個免費、開源嘅WordPress電商插件，由Automattic（WordPress.com母公司）開發同維護。佢將任何WordPress網站轉變成功能完整嘅WordPress網店，支援實體產品、數碼產品、服務預約等多種銷售模式。
1.2 WooCommerce優點
| 優點 | 說明 |
|---|---|
| 免費開源 | 核心功能完全免費，冇月費同交易抽成 |
| 高度自訂 | 可以根據需要修改任何功能同設計 |
| 龐大生態 | 數以千計嘅主題同插件可供選擇 |
| SEO友好 | 基於WordPress，SEO優化能力強 |
| 數據自主 | 所有數據存放喺你自己嘅伺服器 |
| 社群支援 | 龐大嘅開發者同用戶社群 |
1.3 WooCommerce缺點
- 技術門檻：需要自行處理寄存、安全、更新
- 學習曲線：比SaaS平台需要更多時間學習
- 維護責任：插件衝突、安全漏洞需要自行處理
- 擴展成本：進階功能可能需要購買付費插件
1.4 適合邊啲人？
- 有一定技術基礎或願意學習
- 追求完全自訂同控制
- 想避免平台月費同交易抽成
- 需要同WordPress內容整合
- 重視SEO同內容營銷
二、準備工作：域名與寄存
2.1 選擇域名
域名係你網店嘅網址，選擇時要考慮：
- 簡短易記：越短越好，方便客戶輸入
- 品牌相關：最好包含品牌名或關鍵字
- 避免數字同連字號：容易混淆
- 選擇.com或.hk：最常見、最可信
費用：約HK$80-500/年（視乎域名）
2.2 選擇網頁寄存
WooCommerce對寄存有一定要求，建議選擇：
| 要求 | 最低規格 | 建議規格 |
|---|---|---|
| PHP版本 | 7.4 | 8.1或以上 |
| MySQL版本 | 5.6 | 8.0或MariaDB 10.4 |
| 記憶體限制 | 128MB | 256MB或以上 |
| SSL憑證 | 必須 | 必須（免費Let's Encrypt） |
2.3 寄存類型比較
| 類型 | 月費（約） | 適合 |
|---|---|---|
| 共享寄存 | HK$30-100 | 初創、低流量 |
| VPS | HK$150-500 | 中型網店 |
| WordPress專用寄存 | HK$200-800 | 追求效能同支援 |
| 雲端寄存 | HK$300+ | 大型、高流量 |
2.4 推薦寄存商
- Cloudways：雲端託管，效能優秀
- SiteGround：WordPress官方推薦
- Kinsta：高端WordPress專用寄存
- 本地寄存商：廣東話支援，本地伺服器
三、WordPress安裝設置
3.1 安裝WordPress
大部分寄存商提供一鍵安裝WordPress：
- 登入寄存控制面板（cPanel/Plesk等）
- 搵到「WordPress」或「Softaculous」
- 點擊「Install」
- 填寫基本資料：
- 網站名稱
- 管理員用戶名（避免用「admin」）
- 強密碼
- 管理員電郵
- 完成安裝
3.2 WordPress基本設定
安裝後，喺「設定」調整：
一般設定：
- 網站標題同描述
- WordPress地址同網站地址
- 時區設為「UTC+8」（香港）
永久連結設定：
- 選擇「文章名稱」格式
- URL結構：example.com/sample-post/
- 對SEO更友好
3.3 安全設定
- 刪除預設嘅「Hello World」文章
- 刪除預設嘅範例頁面
- 更新WordPress到最新版本
- 安裝安全插件（如Wordfence）
- 設定自動備份
四、WooCommerce安裝與基本設定
4.1 安裝WooCommerce
- 喺WordPress後台，前往「Plugins」>「Add New」
- 搜尋「WooCommerce」
- 點擊「Install Now」
- 安裝完成後點擊「Activate」
4.2 設定精靈
啟用後，WooCommerce會顯示設定精靈，跟住步驟完成基本設定：
步驟一：商店詳情
- 商店地址
- 所在國家/地區：香港
- 銷售產品類型（實體/數碼/兩者）
步驟二：行業選擇
- 選擇你嘅業務類別
- 可以選擇多個
步驟三：產品類型
- 實體產品
- 數碼下載
- 訂閱服務
步驟四：業務詳情
- 預計產品數量
- 是否已經喺其他地方銷售
4.3 WooCommerce核心設定
前往「WooCommerce」>「Settings」進行詳細設定：
General（一般）：
- 商店地址
- 銷售地區
- 貨幣設定：HKD
- 貨幣顯示格式
Products（產品）：
- 商店頁面設定
- 重量單位：kg
- 尺寸單位：cm
- 產品評價設定
Accounts（帳戶）：
- 允許訪客結帳
- 允許註冊帳戶
- 帳戶頁面設定
Emails（電郵）：
- 寄件人名稱同地址
- 各種通知郵件設定
- 電郵範本自訂
五、主題選擇與設計建議
5.1 選擇WooCommerce主題
主題決定咗WordPress網店嘅外觀同佈局：
| 主題 | 類型 | 特點 |
|---|---|---|
| Storefront | 免費 | WooCommerce官方主題，輕量穩定 |
| Astra | 免費/付費 | 速度極快，高度自訂 |
| Kadence | 免費/付費 | 現代設計，內建Header Builder |
| OceanWP | 免費/付費 | 功能豐富，多Demo可選 |
| Flatsome | 付費（$59） | 專業電商主題，內建Page Builder |
| Porto | 付費（$59） | 多用途、多Demo |
5.2 主題選擇考慮因素
- 效能：輕量、載入速度快
- WooCommerce相容：專為電商設計
- 響應式設計：手機版顯示完美
- 自訂選項：可以調整顏色、字體、佈局
- 更新頻率：定期維護更新
- 支援質素：有文檔同技術支援
5.3 安裝主題
- 前往「Appearance」>「Themes」
- 點擊「Add New」
- 搜尋或上傳主題
- 點擊「Install」然後「Activate」
5.4 Page Builder選擇
Page Builder可以幫你建立自訂頁面：
- Elementor：最受歡迎，拖放式編輯
- Gutenberg：WordPress內建，持續改進
- SeedProd：專為Landing Page設計
六、必裝插件推薦
6.1 2026年必裝WooCommerce插件
| 類別 | 插件名稱 | 功能 | 價格 |
|---|---|---|---|
| SEO | Rank Math / AIOSEO | 搜尋引擎優化 | 免費/付費 |
| 安全 | Wordfence | 防火牆、惡意軟件掃描 | 免費/付費 |
| 備份 | UpdraftPlus | 自動備份同還原 | 免費/付費 |
| 快取 | WP Rocket / LiteSpeed Cache | 加速網站載入 | 付費/免費 |
| 表單 | WPForms | 聯絡表單、調查 | 免費/付費 |
| 分析 | MonsterInsights | Google Analytics整合 | 免費/付費 |
| 營銷 | OptinMonster | 彈出視窗、電郵收集 | 付費 |
| 產品篩選 | YITH Ajax Product Filter | 即時產品過濾 | 免費/付費 |
6.2 WooCommerce專用插件
| 插件 | 功能 |
|---|---|
| Advanced Coupons | 進階優惠券功能 |
| WooCommerce Subscriptions | 訂閱制產品 |
| FunnelKit | 銷售漏斗、Upsell |
| Checkout Field Editor | 自訂結帳欄位 |
| PDF Invoices | 自動生成PDF發票 |
6.3 插件安裝注意事項
- 只安裝必要嘅插件，避免過多
- 選擇評分高、更新頻繁嘅插件
- 安裝前備份網站
- 定期更新所有插件
- 留意插件之間嘅衝突
七、產品管理詳解
7.1 產品類型
| 類型 | 說明 | 適用 |
|---|---|---|
| Simple Product | 單一產品，固定價格 | 大部分實體產品 |
| Variable Product | 有多個變體（顏色、尺寸） | 服裝、鞋類 |
| Grouped Product | 相關產品組合 | 套裝、配件組 |
| Virtual Product | 非實體、毋須運送 | 服務、諮詢 |
| Downloadable Product | 數碼下載產品 | 電子書、軟件 |
7.2 新增產品步驟
- 前往「Products」>「Add New」
- 填寫產品資料：
- 產品名稱（標題）
- 產品描述（長描述）
- 短描述
- 設定產品數據：
- 價格（正價、特價）
- 庫存管理
- 運送設定
- 上傳產品圖片：
- 主圖（Product Image）
- 相冊（Product Gallery）
- 選擇產品分類同標籤
- 發佈產品
7.3 產品圖片建議
- 尺寸：最少800x800像素
- 格式：JPG（相片）或PNG（透明背景）
- 比例：保持一致（建議1:1正方形）
- 數量：每個產品3-6張唔同角度
- 優化：壓縮圖片減少檔案大小
7.4 庫存管理
- 啟用庫存追蹤
- 設定低庫存警告數量
- 選擇允許/禁止缺貨購買
- 設定庫存狀態顯示
7.5 產品分類與標籤
- 分類（Categories）：產品嘅主要分類結構
- 標籤（Tags）：額外嘅關鍵字標籤
- 屬性（Attributes）：顏色、尺寸等產品特性
八、付款閘道配置
配置正確嘅付款方式係WooCommerce教學嘅重要部分。
8.1 香港常用付款閘道
| 閘道 | 支援付款方式 | 交易費用 |
|---|---|---|
| Stripe | 信用卡、Apple Pay、Google Pay | 3.4% + HK$2.35 |
| PayPal | PayPal、信用卡 | 3.4% + 固定費用 |
| HitPay | 信用卡、PayMe、FPS、AlipayHK | 視乎方式 |
| PayDollar | 信用卡、本地支付 | 按合約 |
| 2C2P | 信用卡、東南亞支付 | 按合約 |
8.2 設定Stripe
- 註冊Stripe帳戶（stripe.com）
- 完成商戶驗證
- 安裝WooCommerce Stripe Gateway插件
- 喺WooCommerce > Settings > Payments啟用Stripe
- 輸入API Keys（Live/Test模式）
- 設定Webhook
- 測試交易
8.3 設定PayPal
- 註冊PayPal Business帳戶
- 安裝WooCommerce PayPal Payments插件
- 連結PayPal帳戶
- 選擇付款按鈕樣式
- 測試交易
8.4 本地支付整合
香港客戶常用PayMe、FPS等本地支付：
- 使用HitPay或其他本地閘道整合
- 或使用銀行轉帳（手動確認）
- 考慮客戶習慣選擇支付方式
8.5 付款設定建議
- 提供最少2-3種付款方式
- 確保SSL憑證正確安裝
- 測試每種付款方式後先上線
- 設定自動退款流程
九、運費設定
9.1 運送區域（Shipping Zones）
喺WooCommerce > Settings > Shipping設定：
- 點擊「Add shipping zone」
- 命名區域（如「香港」）
- 選擇區域範圍（國家/地區）
- 添加運送方式
9.2 運送方式類型
| 方式 | 說明 | 適用 |
|---|---|---|
| Flat Rate | 固定運費 | 簡單運費結構 |
| Free Shipping | 免運費 | 滿額免運、推廣活動 |
| Local Pickup | 自取 | 有實體取貨點 |
| Table Rate | 按重量/數量/金額計算 | 複雜運費結構（需插件） |
9.3 香港運費設定範例
區域一：香港本地
- 順豐到付：免費（客戶付運費）
- 順豐預付：$30-50（視乎重量）
- 滿$500免運費
- 自取：免費
區域二：澳門
- 固定運費：$80
- 滿$800免運費
9.4 運費計算進階設定
- 按重量：使用Shipping Class或Table Rate插件
- 按數量：設定每件額外運費
- 條件免運：設定最低訂單金額
9.5 物流整合
可以安裝順豐、Kerry等物流插件：
- 自動計算運費
- 生成運單
- 追蹤號碼同步
十、訂單管理流程
10.1 訂單狀態
| 狀態 | 說明 | 下一步 |
|---|---|---|
| Pending Payment | 等待付款 | 等待/取消 |
| Processing | 已付款，處理中 | 備貨發貨 |
| On Hold | 暫停（等待確認） | 確認後轉Processing |
| Completed | 已完成 | 完結 |
| Cancelled | 已取消 | - |
| Refunded | 已退款 | - |
| Failed | 付款失敗 | 重新付款/取消 |
10.2 訂單處理流程
- 收到訂單：系統自動通知
- 確認付款：檢查付款狀態
- 準備貨品：揀貨、包裝
- 安排運送：預約物流取件
- 更新狀態：輸入追蹤號碼，轉為Completed
- 系統發送電郵：通知客戶發貨
10.3 訂單操作
- 查看訂單：WooCommerce > Orders
- 編輯訂單：修改商品、地址、費用
- 新增備註：內部備註或發送畀客戶
- 退款：全額或部分退款
- 重新發送電郵：重發訂單確認等郵件
10.4 自動化建議
- 設定低庫存自動通知
- 使用插件自動更新訂單狀態
- 設定放棄購物車提醒郵件
- 自動生成發票同收據
十一、進階優化與維護
11.1 效能優化
- 安裝快取插件（WP Rocket、LiteSpeed Cache）
- 使用CDN加速
- 壓縮圖片（ShortPixel、Imagify）
- 優化數據庫
- 選擇快速嘅寄存
11.2 SEO優化
- 安裝SEO插件（Rank Math、AIOSEO）
- 優化產品標題同描述
- 設定正確嘅永久連結結構
- 添加Schema標記
- 建立網站地圖
配合專業嘅網上推廣服務，可以進一步提升網店曝光。
11.3 安全維護
- 定期更新WordPress、主題、插件
- 使用強密碼同雙重認證
- 定期備份（每日或每週）
- 監控網站安全
- 限制登入嘗試次數
11.4 EC Shop City的WooCommerce服務
如果你覺得自行設定WooCommerce太複雜，或者想要更專業嘅WordPress網店，EC Shop City可以幫到你：
- 專業WooCommerce網店設計開發
- 按你需求自訂功能
- 本地支付閘道整合
- 持續技術支援同維護
- 配合網頁設計服務打造品牌形象
查看我哋嘅網上商店計劃了解更多方案。
需要專業協助建立WooCommerce網店？
EC Shop City擁有多年WooCommerce開發經驗，可以幫你由零開始建立功能完善嘅WordPress網店，避免技術難題同陷阱。
立即聯絡我哋，獲取免費WooCommerce諮詢！