Shopping Cart

購物車內沒有任何商品。

快速、安全及穩定的主機空間能提升網站 SEO 排名與使用者體驗

如何使用 WooCommerce 架設購物網站?(2024 最新版)

你想要擁有自己的購物網站嗎?WooCommerce 提供了一套完整的解決方案,從商品上架、訂單管理到線上刷卡都涵蓋在內。無論你是新手賣家還是經驗豐富的商家,都能透過本篇文章學習如何架設電商網站。

WooCommerce 是什麼?

WooCommerce 是一款專為 WordPresss 所設計的電商外掛,可以協助你輕鬆打造購物網站。目前市場上超過 400 萬的網路商店選擇 WooCommerce,非常熱門。由於 WooCommerce 是開源平台,因此你 100% 擁有自己的商店及數據。

架設 WooCommerce 購物網站前置作業

在開始說明如何架設 WooCommerce 購物網站前,你需要先租用網域及主機,並安裝佈景主題及 WooCommerce 外掛。

網域主機佈景主題購物功能
推薦服務/工具CloudflareKinstaBlocksyWooCommerce

開啟「即將推出」模式

當你的網路商店還沒有上線前,建議先啟用「即將推出」模式,等架設完購物網站後,再啟用「上線」模式。你可以前往 [WooCommerce]→[設定]→[網站可見度] 進行設定。

  1. 上線模式:「任何人」都能瀏覽你的網站。
  2. 即將推出模式:在商店頁面顯示「即將推出」的訊息;或者只能透過特定「連結」才能瀏覽你的網站。

如何新增 WooCommerce 基本頁面?

當你安裝並啟用 WooCommerce 外掛後,可以透過「設定精靈」快速新增電商網站的基本頁面。當然,你也可以透過「手動」的方式新增。

重點提示

如果你因故錯過「設定精靈」並想要再次使用,可以前往 [WooCommerce]→[設定] 或者 [WooCommerce]→[狀態],然後開啟「使用說明」,點擊「設定精靈」後,再點擊「設定精靈」按鈕即可。

WooCommerce 基本頁面包含商店頁面、購物車頁面、結帳頁面、我的帳號頁面、服務條款頁面。

商店頁面

  1. 網址:example.com/shop。
  2. 短代碼:不需要。
  3. 設定路徑:前往 [WooCommerce]→[設定]→[商品]→[一般] 後,將「商店頁面」指派成對應的頁面

購物車頁面

  1. ​網址:example.com/cart。
  2. 短代碼:[woocommerce_cart]
  3. 設定路徑:前往 [WooCommerce]→[設定]→[進階]→[頁面設定] 後,將「購物車頁面」指派成對應的頁面。

結帳頁面

  1. 網址:example.com/checkout。
  2. 短代碼:[woocommerce_checkout]
  3. 設定路徑:[WooCommerce]→[設定]→[進階]→[頁面設定] 後,將「結帳頁面」指派成對應的頁面。

我的帳號頁面

  1. ​網址:example.com/my-account。
  2. 短代碼:[woocommerce_my_account]
  3. 設定路徑:前往 [WooCommerce]→[設定]→[進階]→[頁面設定] 後,將「我的帳號頁面」指派成對應的頁面。

服務條款

  1. 網址:example.com/terms。
  2. 短代碼:無,你需要自行新增內容,範例可參考本站。
  3. 設定路徑:前往 [WooCommerce]→[設定]→[進階]→[頁面設定] 後,將「服務條款頁面」指派成對應的頁面。
筆記
  1. 如果你發現 WooCommerce 商店缺少基本頁面,可以前往 [WooCommerce]→[狀態]→[工具],然後找到「建立預設 WooCommerce 頁面」並點選「建立頁面」按鈕。需要注意的是,操作前請先備份網站資料,以免發生錯誤無法還原。
  2. 消費者的購物流程:商店頁面 > 商品頁面 > 購物車頁面 > 結帳頁面 > 感謝頁面

如何新增 WooCommerce 商品?

你需要先新增商品資料,顧客才有辦法在你的商店瀏覽商品並決定是否購買。詳細的步驟可以參考下方文章。

如何啟用 WooCommerce 付款功能?

WooCommerce 付款方式

你可以前往 [WooCommerce]→[設定]→[付款],然後啟用你想要的付款方式。預設的付款方式有:銀行轉帳、支票付款、貨到付款。此外,你還能以拖曳的方式決定資料在網站前端顯示的順序。

如果你想讓客人線上結帳,推薦使用 WooCommerce 好用版,這款外掛支援多種台灣常見的金流、物流與電子發票且能簡化結帳流程。付款越方便、結帳步驟越少對於顧客來說,越能增加購買意願。

如何設定 WooCommerce 物流功能?

前往 [WooCommerce]→[設定]→[運送方式] 後,點選「新增區域」按鈕。以台灣來說,區域名稱可以輸入「台灣」,區域中的地區選擇「台灣」,運送方式預設有以下三種:

  1. 免費運送:你可以設定消費多少金額就能免除運費。
  2. 單一費率:你可以向顧客收取固定的運費。
  3. 自行取貨:讓顧客前往商店地址取貨。

如何設定「特殊」商品的運費?

某些商品的運費可能與一般商品不同 (例如重物、易碎品、冷凍食品等等),所以你需要針對這類商品另外設定運費。

步驟
新增運送類別
Woocommerce 新增運送類別

前往 [WooCommerce]→[設定]→[類別] 後,點選「新增運送類別」按鈕,接著輸入運送類別、代稱及描述。

步驟
設定運費

前往 [WooCommerce]→[設定]→[運送方式],然後設定單一費率。你可以在運送類別費用下針對「特殊商品」及「一般商品」設定不同的運費。

步驟
選擇運送類別

當你設定完成後,前往你想要設定的「特殊」商品,在商品資料找到運送方式並選擇你稍早新增的「類別」。

認識 WooCommerce 訂單狀態

訂單狀態可以讓你了解目前訂單的進度,WooCommerce 常見的訂單狀態主要有七種,如下:

  1. 等待付款中 (Pending payment):代表已收到訂單,但尚未付款。
  2. ​保留 (On hold):代表正在等待顧客付款中。
  3. 處理中 (Processing):代表已收到款項,準備履行訂單。
  4. 完成 (Completed):代表訂單已完成,無需採取任何動作。
  5. 已取消 (Canceled):代表訂單已取消。
  6. 已退費 (Refunded):代表已退還款項。
  7. ​失敗 (Failed):代表付款失敗或遭到拒絕。

如果你想簡化人工作業流程,可以安裝 Autocomplete WooCommerce Orders 這款外掛,它能將已付款的訂單自動標記為「完成」狀態。

認識 WooCommerce 電子郵件通知

當訂單狀態改變時,WooCommerce 會自動向「店家」及「顧客」發送對應的電子郵件,這項功能不僅能幫助店家掌握訂單進度,也能提升顧客的購物體驗。你可以前往 [WooCommerce]→[設定]→[電子郵件] 進行設定。

WooCommerce 電子郵件通知種類

​你可以決定是否要啟用各種電子郵件通知,按照收件者種類可分為「店家」及「顧客」。

  1. 新訂單
  2. 已取消訂單
  3. 失敗的訂單

電子郵件通知可以新增多個不同的收件者,彼此之間以「英文逗號」隔開。

如何設計 WooCommerce 電子郵件通知?

如果你覺得 WooCommerce 預設的設定太陽春,可以使用 YayMail 這款外掛加強,透過拖曳式的操作介面便能輕鬆自訂信件內容,包含店家標誌、排版、個人化內容等等。

如何提升 WooCommerce 購物網站業績?

提升 WooCommerce 購物網站業績的方法有非常多種,主要可以分為:改善使用者體驗、提供優惠方案、提升客戶信任感三大類。

  1. 自動更新購物車總金額
  2. 簡化結帳欄位
  3. ​新增「放棄購物車」功能
  4. 新增「客戶見證」
  5. 自訂「感謝頁面」
  6. 提供「折價券
  7. 新增「願望清單」功能
  8. 提升 WooCommerce 購物網站速度
  9. 最佳化「商品頁面」
  10. ​新增「顧客洽談」小工具
  11. ​使用各種促銷活動 (加價購、滿額贈、買 X 送 Y 等等)
  12. 新增「到貨通知」功能
  13. ​新增「倒數計時器」功能
  14. 新增「商品篩選器」功能
  15. 新增「即時搜尋」功能
  16. ​在商品頁面加入「社群分享」功能
  17. 最佳化「我的帳號」頁面
  18. 推薦「相關產品」
  19. 提供「線上刷卡」功能
  20. ​安裝 SSL 憑證
  21. 提供「獎勵機制」
增加電商營業額

如果你想在 WooCommerce 購物網站新增上述功能以提升商店業績,歡迎與我們聯絡。

常見問題

列舉數個 WooCommerce 常見問題。

WooCommerce 費用怎麼算?

WooCommerce 核心程式完全不用錢,但是擴充外掛可能需要付費。

要到哪裡下載 WooCommerce?

你可以前往 WordPress 外掛目錄下載。

如何匯入/匯出 WooCommerce 訂單?

你可以安裝 Order Export & Order Import for WooCommerce 這款外掛實現。

如何在訂單列表中快速查看備註?

你可以安裝 WPC Order Notes for WooCommerce 外掛實現。當你安裝並啟用外掛後,前往 [WooCommerce]→[訂單] 並在 Notes 欄位點擊你想要查看的訂單便能得知該訂單的備註。

文章瀏覽次數:43

SEO 服務

不滿意現有網站的流量嗎?網站排名始終無法超越進爭對手?如果你有這些煩惱,歡迎參考本站提供的 SEO 服務。

需要你的支持

如果你在本站有學習到東西,歡迎提供反饋,以便我們確認方向正確。當我們收到資料後,會另外幫你免費宣傳。你的支持是我們繼續創作的動力!

內容檢查清單

如果你想讓網站的內容更具競爭力,除了透過 SEO 外掛輔助外,也建議搭配我們所製作的內容檢查清單,內含 17 個檢查項目及 42 個最佳做法。此外,還會教你如何將檢查清單新增至 WordPress 網站上。

全方位學 Wordpress – 從架站到整合行銷 2.0
  • 講者 24 小時內親自回覆問題,安心有保障
  • 優先推薦免費工具,幫你省荷包
  • 只推自己正在用的付費工具,不會為了傭金讓你繞遠路,真實誠懇
  • 注重效能,畢竟這會影響使用者體驗與 SEO 排名
  • 數 10 種學習資料,非常豐富
  • N 個獨家資源
  • 定期分享最新資訊
  • 300+參考指引
  • 內容 & 範本資料庫 (獨創)
  • AI 驅動,有效提高工作效率
喜歡請分享!
wei
wei

協助中小企業提升網站在搜尋結果頁上的能見度,以便獲取更多流量進而增加成交機率。

開啟目錄