WooCommerce 教學

Author: Kelvin Huang

WooCommerce 是一個 WordPress 的開源外掛,用來將 WordPress 網站轉變成電子商務網站。它由 WooThemes 開發並後來被 Automattic(WordPress.com 的母公司)收購。由於免費且高度可擴充的優點,已成為最受歡迎的網路商店解決方案之一。

 

WooCommerce 主要功能

商品管理 - 可上架實體商品、虛擬商品或下載商品。

結帳系統 - 內建購物車,支援多種結帳方式。

金流整合 - 可串接信用卡、PayPal、Line Pay 等支付方式。

物流管理 - 設定運費、運送方式與配送區域。

庫存管理 - 即時追蹤商品庫存狀況。

外掛擴充 - 大量外掛與主題,可加入優惠券、會員系統、POS 系統等功能。

 

WooCommerce 應用

小型到中大型網路商店

課程平台(線上付費課程)

數位商品(如軟體、電子書)

訂閱制服務(會員方案)

 

本教學使用虛擬主機業者提供的 cPanel 快速架設自已的購物網站。

安裝 WordPress 前確認 PHP 版本是否與 WooCommerce 相容,例如目前的 7.2 版本將無法安裝。

進入 PHP Selector 改用較新的 PHP 版本並按 Apply 套用。

若升級 PHP 版本導致現有的 WordPress 出現相容性的問題,因此不使用,安裝新版本的 WordPress 解決問題。

當 WordPress 安裝完成後,可點擊安裝外掛程式。

搜尋 WoodCommerce 安裝。

重新安裝的 WordPress 版本。

進入 WordPress 網頁。

進入 WordPress 控制台進行 WooCommerce 設定。

 

 

請簡單介紹你的商店

運用 WooCommerce 免費功能提升表現,安裝這些商用版功能來強化商店,隨時可以移除。

WooCommerce 建立帳號

開始自訂你的 WooCommerce 商店

輸入商店名字、販售的產品、電子郵件地址等。

設定 一般 ( General )

設定 商品 ( Products )

設定 稅金 ( Tax )

設定 運送方式 ( Shippping )

設定 付款 ( Checkout )

★ 使用藍新科技

 

 

 

 

設定 帳號及隱私權 ( Account )

設定 電子郵件 ( Email )

設定 整合 ( integration )

設定 進階 ( Advanced )

 

訂單

 

問題與解決步驟

商店有「登入」但沒有「註冊」功能?

進入後台的 [ WooCommerce > 設定 > 帳號及隱私權 ]

啟用訪客結帳功能 (建議)

顧客可建立帳號(下方項目全部勾選)(預設是沒有啟用的)

 

 

商店的「登入」功能無法正常使用?

 

客戶如何查詢先前的訂單?

 

金流設定

進入後台的 [ WooCommerce > 設定 > 付款 ]

安裝後將會出現以下項目:

藍新金流 – 藍新金流Newebpay第三方金流平台

 

 

WooCommerce + LINE Pay

您需要事先申請並備妥以下資訊:

1、LINE Pay 商店 ID

2、LINE Pay Channel ID

3、LINE Pay Channel Secret

 

第 1 步 - 安裝 LINE Pay 的 WooCommerce 外掛

使用第三方外掛(推薦)

可以使用像是以下的外掛:

WooCommerce LINE Pay Payment Gateway(免費)

綠界金流整合外掛(若你有使用綠界並整合 LINE Pay)

台灣金流整合外掛:例如「藍新」、「歐付寶」等有支援 LINE Pay 並提供 WooCommerce 外掛的第三方公司。

你也可以從 WordPress 後台 > 外掛 > 安裝外掛,搜尋「LINE Pay WooCommerce」來看看有沒有合適的外掛。

 

第 2 步 - 設定 LINE Pay 金鑰

以「WooCommerce LINE Pay Payment Gateway」外掛為例:

安裝並啟用外掛後,前往:

WooCommerce > 設定 > 付款 ( Payments ) > 選擇 LINE Pay

點選「管理(Manage)」或「設定(Settings)」

輸入以下資訊:

Channel ID(商店 ID)

Channel Secret Key(金鑰)

LINE Pay API 環境:選擇「測試」或「正式」,視你現在是在測試階段或正式上線

 

第 3 步 - LINE Pay 後台設定回傳網址(選擇性操作)

如果你的 LINE Pay 商家後台需要設定「交易完成回傳網址(Confirm URL)」與「取消網址(Cancel URL)」,可設為:

成功網址:https://你的網站網址/?wc-api=wc_gateway_linepay

取消網址:https://你的網站網址/checkout/

 

第 4 步 - 測試付款流程

開啟測試環境,建立測試商品並下單,確認 LINE Pay 的跳轉、付款流程、付款成功回傳是否都正常

查看 WooCommerce 訂單是否有正確記錄付款狀態

 

 

 

 

 

dev

Copyright © 2025 CG Digital Corp. All rights reserved.