WooCommerce 教學

WooCommerce 是一個 WordPress 的開源外掛，可將 WordPress 網站轉變成購物網站。目前 WooCommerce 已經被 Automattic（WordPress.com 的母公司）收購，由於免費且高度可擴充的優點，已成為最受歡迎的網路商店解決方案。

WooCommerce 主要功能
商品管理 - 可上架實體商品、虛擬商品或下載商品。
結帳系統 - 內建購物車，支援多種商品結帳方式。
金流整合 - 線上刷卡、PayPal、Line Pay 等。
物流管理 - 可設定運費、運送方式與配送區域。
庫存管理 - 提供管理者即時追蹤商品庫存狀況。
外掛擴充 - 擁有大量外掛與主題，可加入優惠券、會員系統、POS 系統等功能。

WooCommerce 應用
小型到中大型網路商店
課程平台（線上付費課程）
數位商品（如軟體、電子書）
訂閱制服務（會員方案）

安裝前注意

安裝 WordPress 前確認 PHP 版本是否與 WooCommerce 相容，例如目前的 7.2 版本將無法安裝。
以 URL 智邦生活館的虛擬主機為例，進入 PHP Selector 改用較新的 PHP 版本並按 Apply 套用。
若升級 PHP 版本導致現有的 WordPress 出現相容性的問題，可安裝新版本的 WordPress 解決問題。

本教學使用虛擬主機業者 URL 提供的 cPanel 快速架設自已的購物網站。
1. 管理者後台登入 > cPanel 資訊 > 管理介面（網頁上會顯示登入帳號與登入密碼）
2. 網域 > WordPress Management ，網頁出現：… SSL/TLS 證書是自簽章證書。瀏覽器會認為此類證書存在安全風險 …
3. 外觀 > 佈景主題 > 安裝 > 啟用 ，完成外觀設定後可前往商店頁面（例如 http://www.3dxr.com.tw/shop ）檢視。
5. 商品上架！進入 商品 > 新增商品，通常先輸入商品名稱，然後按下「設定商品圖片」的連結 > 選取相同圖片後按下藍色的「設定商品圖片」按鈕。
可以在商品說明內加圖片，按下 新增媒體（可上傳檔案，中文檔名OK，可設定對齊方式與連結等，按下「插入至商品」按鈕），檢視圖片是否已出現商品說明。
6. 商品分類 > 增加新分類（例如模擬飛行控制器），即可從下拉式選單看到新分類，並選取。


收取離線付款
銀行轉帳 - 透過 BACS 親自收款。 更常見的說法是銀行/轉帳/電匯。
支票付款 - 過支票親自收款，這個離線付款也可用於測試購買項目。
貨到付款 - 提供顧客貨到付款服務 (付現或透過其他付款方式)。


當 WordPress 安裝完成後，可點擊安裝外掛程式。
搜尋 WoodCommerce 安裝。
重新安裝的 WordPress 版本。
進入 WordPress 網頁。
進入 WordPress 控制台進行 WooCommerce 設定。
請簡單介紹你的商店
運用 WooCommerce 免費功能提升表現，安裝這些商用版功能來強化商店，隨時可以移除。

商店上線

沒上線？點撃左上方的「商店即將推出」，可看到 Site visibility 有「即將推出」與「上線」選項。
選擇「上線」後按下「儲存設定」按鈕。

設定佈景主題

按下變更，設定 WooCommerce 使用的佈景主題，目前 WordPress.org 佈景主題的數量已將近 8500 個。
推薦佈景主題：Blog Over Dark,

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