Woocommerce是什麼?

【2021】WooCommerce教學 -15分鐘教你架設 電商購物網站,省下10萬預算

文章最後更新日期 2021 年 3 月 20 日

你是否需要一個購物網站電子商務網站,卻不知道怎麼開始呢?你知道使用 WordPress + WooCommerce外掛可以讓你很快速的建立電商購物網站嗎?
在本篇 WooCommerce教學 中,會跟您介紹 WooCommerce是什麼如何使用這一款免費的電子 購物車套版方案 商務系統,輕鬆在線上銷售商品和服務,且對於初學者來說,設定也非常簡單,而且很容易管理。
在這裡站長逐步教您如何使用WooCommerce架設自己的購物車網站,讓你立即現省10萬元架站費用
站長還會跟你分享 WooCommerce的相關資源,例如 Woocommerce主題Woocommerce外掛 SEO技巧,讓你可以快速建立購物車網站

WooCommerce是什麼?

要架設購物車網站之前,首先得先來瞭解一下,WooCommerce是什麼?

WooCommerce 是2011年9月27日發布的一款 WordPress外掛,是一個可以幫助您架設 WordPress電子商務網站的一個免費外掛,也是一個開源電子商務解決方案,目前已成為世界上最受歡迎的電子商務平台,被數以百萬計的小型和大型企業(線上商店)使用。

WooCommerce是以 WordPress 為核心,所延伸出的一款外掛可以讓你在線上販售各種商品,例如電子書、線上課程、家具、服飾、玩具等等,都可以讓你快速入門並且隨時針對需求將購物車的功能加在網站之中,還可以使用 WooCommerce外掛來幫客戶設計網站,讓設計師不需要程式基礎就可以架設具有美感的電子商務網站

WooCommerce 跟 WordPress一樣,都有非常豐富的 Plugin外掛資源與佈景主題,大部份需要的程式功能,都可以透過安裝外掛的方式來達成,所以非常容易上手,推薦給想入門 網頁設計 的初學者或設計師們可以使用。

如果還不知道WordPress是什麼的話,可以參考這篇文章介紹 WordPress是什麼?5分鐘快速帶你瞭解WordPress的好用之處

WooCommerce 外掛下載連結
WooCommerce 說明文件連結

為什麼推薦使用 WooCommerce?

因為 WooCommerce 易於初學者使用,設定也很簡單,並且有非常強大的功能,站長歸類出以下幾項特點:

  1. WooCommerce 操作介面非常簡單。只要會操作電腦,不需要有任何程式基礎都可以建立自己的購物車網站。
  2. WooCommerce 有非常多的佈景主題開發商,讓你可以不寫程式就可以設計出一流電子商務(購物車)樣式
  3. WooCommerce 有非常多可擴充的外掛程式,不需要編寫任何程式,就可以增加想要電子商務網站功能。
  4. WooCommerce 支援RWD,可以在電腦、平板、手機等任何的裝置上瀏覽,就算使用手機購買商品也很輕鬆下單。
  5. WooCommerce 是免費的外掛,使用的核心系統 WordPress也是免費的。
  6. WooCommerce是開源的外掛程式,每個人都可以修改或客製程式,針對你的網站需求來做調整。
  7. WooCommerce 是安全的,除了是開源外掛之外,WooCommerce 來自於 Automattic 公司(WordPress.com)開發,因為系統不斷的在更新及修復Bug問題,所以安全性是足夠的。

WooCommerce 有什麼特色?

容易安裝,設定和功能擴充

透過簡單的安裝 WooCommerce,還有設定的導引方式,讓你可以快速入門,輕鬆的使用 WordPress主題開始運作你的電子商務網站。

  • 安裝 – WooCommerce外掛的安裝方式跟其他WordPress外掛裝方式相同,在WordPress後台的「外掛」搜尋「Woocommerce」這個關鍵字,然後點擊安裝並啟用就可以了。
  • 設定導引易上手 –安裝WooCommerce之後,會有設定導引的介面,引導您完成基本商店的設定,啟用並開始運作商店,這個方式讓你可以很清楚的設定購物車網站。
  • WordPress主題相容 –由於WooCommerce相容於 WordPress,所以可以有非常多的 WordPress主題資源可以使用。

網站所有權管理

因為是自己架設網站,所以擁有完整的控制權,WooCommerce 讓你可以獨立的管理購物車網站,可以隨時因應行銷策略自由修改。

  • 獨立網站建置 – 若是你使用第三方的購物平台架設購物網站的話,若是沒有續約,或平台無預警關閉,都可能讓你的網站資料與流量瞬間歸零,自己架設網站可以獲得完整的控制權,達到永續經營。

功能豐富的購物車系統

WooCommerce的設定方式非常細,可以讓你自由的安排網站動線,從進入網站→購買商品→結帳流程,都可以因應銷售漏斗的概念,將訪客轉變為客戶。

  • 付款方式–使用WooCommerce,您可以設定支票、貨到付款、銀行轉帳、信用卡或是Paypal付款,。
  • 地理位置和稅金計算 – WooCommerce提供啟用地理位置和稅金計算的選項,不論你的客戶群在哪個國家,都可以顯示正確的稅金價格。
  • 可自訂的結帳流程 –從訪客到購買商品及購買結帳的流程都可以自由設定,若是要做跨境電商的話,還可以設定特定的國家或地區,設定不同的結帳方式,以及是否要開啟訪客結帳的功能。
  • 多元貨幣 –WooCommerce有不同國家的貨幣單位可以提供設定,讓你的電子商務網站不侷限於台灣。
  • 重新導向購物車 –新增商品之後,可以設定是否讓訪客直接前往購物車結帳,優化結帳流程。

商品設定多元性

WooCommerce提供非常簡潔及多元的商品上架方式,讓你可以無限新增商品數量與商品分類,更可以輕鬆編輯商品詳細資訊,例如商品標題、商品介紹、商品原價及優惠價、庫存數量等等,還有還有批次上傳的功能,非常方便給賣家做管理。不論你販售的是實體或是虛擬的數位商品,或是不同的商品類型,WooCommerce 都可以讓你個別做商品的規格設定。

  • 無限制的商品– 不限制商品的種類與數量,你可以無限制的新增商品。
  • 商品類型–你可以販賣電子書、會員商品、股票課程等等,都可以商品類型設定為「簡單產品」、「組合產品」、「外部/關聯商品」、「變化商品」或「虛擬/可下載商品」來達成需求。
  • 商品變化–商品頁面可以個別設定尺寸、顏色、價格、庫存等等,如果商品有提供配件的話,也可以在商品頁面設定,讓客戶在購買的的時候可以直接選購,提升購買的機率。
  • 庫存管理–控制商品的庫存管理,在商品庫存低於數值時發送Email 通知等,讓你更好掌握商品數量。

市場行銷及推廣功能功能

使用 Woocommerce 可以針對需求,設定全站的商品折扣、部份商品折扣或是單一商品折扣,方便做為活動檔期的促銷,還有電商中最常使用的「優惠券」來做為商品的折扣。
WooCommerce利用WordPress SEO的功能做為結構優化,照著SEO友善的方式操作,效果都還不錯。

  • WordPress SEO–採用 WordPress系統 SEO結構,讓網站更符合SEO體質
  • 優惠券和折扣–內建優惠券系統,讓你可以自訂行銷策略來推廣商品。
  • 商品評論–可以選擇啟用/關閉商品評論,讓大家留下使用心得與評價,可以讓商品更有說服力。

多元化的金流模組支援

以台灣地區來說,WooCommerce 支援的金流至少就有「歐付寶Allpay」、「綠界科技ECpay」、「藍新金流( 原智付通 Newebpay)」、「速買配 Smilpay」、「Paypal」等多元的金流可以使用。

跨境電商功能模組

WooCommerce是一套國際化的網站系統,全球超過38%的電都在使用這套架站系統來架設,不論是金流、物流及會員註冊等等,都可以找到相關的資源,讓你的商品可以輕鬆的行銷到全世界。

所以知道WooCommerce是什麼了嗎?因為這個外掛容易安裝與設定,而且又是免費的,所以是目前最受歡迎用來建置網站的 WordPress外掛,也是站長目前常使用的一個電子商務軟體。

你可以使用WooCommerce 來賣什麼商品?

WooCommerce 可以讓你販賣要透過網站來轉單的任何東西!
除了實體商品之外,例如常見的男裝、女裝服飾家具購物網站、食品類購物網站等等之外

還可以使用WooCommerce 來販售數位商品,例如電子書、線上教學課程、預約服務、網路訂房等等

神奇吧,從實體商品虛擬服務,販售的領域不限制,什麼都賣,什麼都不奇怪~

基本上,只要任何你想在網路上販賣的東西,使用 WordPres + WooCommerce 就可以快速達成!

WooCommerce 購物車網站範例有哪些?

在這裡站長特別建立了一個購物車網站範例,共有12個版型樣式,當時建立這個網站的用途是為了給客戶展示與操作
這個展示網站主要是以「男裝、女裝」的方向來建置,有興趣的話可以實際操作看看

購物車網站範例
WooCommerce購物車網站範例

(若是喜歡上面的購物車網站風格,可以到 「聯絡我們」留下您的資料,站長也可以幫你安裝及架設)

要如何使用 WooCommerce 來架設電商購物網站?

因為 WooCommerce 是以 WordPress 為核心發展出來的外掛,如果想要使用Woocommerce來建立購物車網站,那就需要先建立一個WordPress網站!

要建立一個 WooCommerce 購物車網站的流程如下……

購買一台WordPress主機及網址

要架設一個Woocommerce購物車網站之前,要先購買一個主機來放置 WordPress網站,然後再申請一個網址,讓使用者可以連結到這個網站,才可以開始運作

網站主機一般可以分為四種:虛擬/共享主機VPS主機雲端主機獨立主機

馬思特站長也有主機託管的服務,若是想要專心的經營網站的話,我也可以幫忙您代管主機

如果想要自行管理主機的話,因為是購物車網站,站長會推薦您使用 Cloudways主機服務 ,資源獨立使用,速度及穩定性都很足夠。

安裝一個WordPress網站

有些網站主機有提供「一鍵安裝 WordPress」的功能,例如 Sugarhost

如果你的主機有支援這個功能的話,可以點擊程式快速安裝一個;如果沒有的話,也可以透過FTP的方式上傳 WordPress程式來做安裝

WordPress部落格網站主機-CMS系統
一鍵安裝WordPress的畫面參考

安裝WordPress佈景主題

WordPress的主要外觀樣式來自於「佈景主題」,選對一個好的主題很重要,這會關係到網站速度、相容性及方便性。

在這裡站長實測過十幾個主題之後,最後推薦使用 FlatsomeAstra ThemeOceanWP Theme 這三個佈景主題擇一來建立

如果不知怎麼建立的話,可以參考這兩篇的文章教學,站長在文章中有逐步的教你怎麼安裝主題及設定

使用 Astra主題架設WordPress網站

使用 OceanWP主題架設WordPress網站

若是不想從頭開始來設計你的電子商務網站的話,站長也建立好12個的版型提供給你挑選,連結到「購物車套版方案」網頁後,再告訴站長你想要的版型是哪一個就可以了

安裝 Woocommerce 外掛及設定

先到WordPress 後台 ,安裝外掛的地方,搜尋「WooCommerce 」,接著按下「立即安裝」並啟用

Woocommerce外掛安裝
Woocommerce外掛安裝

啟用外掛之後,會自動進入WooCommerce商店的設定導引,這裡的資料有關於商店資料的設定,逐步的跟著欄位做資料填寫即可,之後還是可以做修改

Woocommerce安裝設定步驟導引
Woocommerce安裝設定步驟導引

照著商店導引的步驟都設定完成之後,就可擁有一個 電子商務網站 囉~~~

WooCommerce 4.3的版本以上,已經新增 「線上商店的細部設定」,例如新增商品或匯入範例商品、修改首頁為購物車頁面、修改Favicon圖樣、設定金流、物流及稅金等等,只要照著步驟點下去,很快就可以完成電子商務的網站設定

WooCommerce商店導引設定
WooCommerce商店導引設定
WooCommerce商店首頁樣式設定
WooCommerce商店首頁樣式設定

設定完 商店資料之後,在WooCommerce → 設定的地方,就可以看到剛所填寫的商店資料

【2021】WooCommerce教學 -15分鐘教你架設 電商購物網站,省下10萬預算

為了符合台灣的銷售方式,在設定的這個頁面需要修改「貨幣選項」,才不會讓購買的客戶覺得怪怪的

「設定」→「一般」: 要修改最下方的「貨幣選項」, 貨幣為 NT$,小數位數 為 0

WooCommerce貨幣設定
WooCommerce貨幣設定

因為這套電商系統是國外團隊開發,要符合國內使用,需要先做好網站設定,才不會上線之後有無法收款或是奇怪的地方發生,可以參考站長這篇完整的 WooCommerce電商網站完整基本設定

金流設定

WooCommerce安裝好之後,預設會有四種的付款方式,分別是 銀行轉帳、支票付款、貨到付款、PayPal,可以依照選擇開啟金流的服務

信用卡的部份,目前台灣第三方支付的國內信用卡金流平台常用的有3家,分別是

  1. 綠界科技
  2. 藍新科技
  3. 歐付寶

這三家金流廠商都有提供外掛可以做安裝設定,可以先到官方平台申請及開啟信用卡服務

WooCommerce金流設定
WooCommerce金流設定

物流設定

WooCommerce 的運送方式,可以設定運動區域、運送選項、運送類別
可以針對不同的國家與區域做不同運送的方式的費用設定,運送的方式分別為 單一費率」、「免費運送」、「自行取貨」三種

WooCommerce物流設定
WooCommerce物流設定

新增第一個商品

WooCommerce新增商品的方式也很簡單,填寫完標題,輸入「商品說明」,設定「商品價格」及「簡短說明」之後,輕鬆幾個步驟就可以完成

比較複雜一點的地方在於「商品資料」的設定,需要稍微瞭解一下
商品資料類型分為以下四種,可以設定的內容也有些不一樣

  1. 簡單商品 – 最基本的商品,填寫內容發佈就可以簡單做販售
  2. 組合商品 – 用來做為商品的組合販售,例如手機及耳機的組合價
  3. 外部/加盟商品 – 連結外部商品的方式來販售,最常被用來做為聯盟行銷使用
  4. 可變商品 – 商品有不同規格(例如衣服尺寸、顏色等等)的話就可以用這個來達成,最常被用來做有不同商品規格的電商網站
WooCommerce新增商品01
WooCommerce新增商品01
WooCommerce新增商品02
WooCommerce新增商品02

到這個步驟,基本上已經完成一個基本購物車的架構,自己架站的好處,除了可以以自身需求來管理 「商品資料」及「會員資料」以外
未來都可以自由營運,不需受到平台商的限制,也能累積自己的網站流量及SEO排名,增添更多彈性。

下方還有站長特別規劃的完整購物車網站建置教學,有興趣的朋友也可以一起來交流學習:)

架設WooCommerce 常用推薦外掛

要加強購物網站的功能,也有非常多的外掛可以使用,在這裡站長分享常用的外掛資源,讓你可以更快速的依照需求選擇使用

  1. ry-woocommmerce-tools – 整合 綠界科技 及 藍新金流付款方式
  2. Facebook-messenger-customer-chat –  Facebook線上客服
  3. Loco-translate – 解決Woocommerce沒翻譯到的文字
  4. Real media library – 商品圖片分類管理
  5. Woocommerce cost of goods – 商品成本計算(USD$79/年)
  6. Checkout Field Editor – 簡化購物網站結帳的欄位
  7. Product Bundles – 商品組合增加客戶消費
  8. Upsell Order Bump Offer – 商品加購功能
  9. Affiliate for woocommerce – 聯盟行銷外掛
  10. Dynamic priceing – 動態訂價,讓購物時自動打折
  11. Product addons – 客購買商品前,提供加購商品的選項或服務
  12. YITH WooCommerce – 更多電商會用到的相關功能外掛

常見FAQ

WOOCOMMERCE是什麼?

WooCommerce是以 WordPress 為核心,所延伸出的一款外掛可以讓你在線上販售各種商品,例如電子書、線上課程、家具、服飾、玩具等等,都可以讓你快速入門並且隨時針對需求將購物車的功能加在網站之中,還可以使用 WooCommerce外掛來幫客戶設計網站,讓設計師不需要程式基礎就可以架設具有美感的電子商務網站

為什麼推薦使用 WooCommerce?

1、操作介面非常簡單。只要會操作電腦,不需要有任何程式基礎都可以建立自己的購物車網站。
2、有非常多的佈景主題開發商,讓你可以不寫程式就可以設計出一流電子商務(購物車)樣式。
3、有非常多可擴充的外掛程式,不需要編寫任何程式,就可以增加想要電子商務網站功能。
4、支援RWD,可以在電腦、平板、手機等任何的裝置上瀏覽,就算使用手機購買商品也很輕鬆下單。
5、是免費的外掛,使用的核心系統 WordPress也是免費的。
6、是開源的外掛程式,每個人都可以修改或客製程式,針對你的網站需求來做調整。
7、是安全的,除了是開源外掛之外,WooCommerce 來自於 Automattic 公司(WordPress.com)開發,因為系統不斷的在更新及修復Bug問題,所以安全性是足夠的。

WooCommerce 有什麼特色?

1、容易安裝,設定和功能擴充
2、擁有完整的網站所有權管理
3、功能豐富的購物車系統
4、商品設定多元性
5、市場行銷及推廣功能功能
6、多元化的金流支援
7、跨境電商功能

可以使用WooCommerce 來賣什麼商品?

除了實體商品之外,例如常見的男裝、女裝服飾、 家具購物網站、食品類購物網站等等之外, 還可以使用WooCommerce 來販售數位商品,例如電子書、線上教學課程、預約服務、網路訂房等等,應用面非常廣泛

WooCommerce是免費的嗎?

這個購物系統完全免費,可以任意在商業使用,只要建立網路環境,就可以開始 經營電商網站,販售你的商品

WooCommerce 購物車網站範例有哪些?

在這裡站長特別建立了一個購物車網站範例,共有12個版型樣式,當時建立這個網站的用途是為了給客戶展示與操作
這個展示網站主要是以「男裝、女裝」的方向來建置,所以會有不同商品規格可以挑選,方便使用者下單,有興趣的話可以實際操作看看

WooCommerce支援哪些金流?

預設會有四種的付款方式,分別是 銀行轉帳、支票付款、貨到付款、PayPal,可以依照選擇開啟金流的服務
信用卡的部份,目前台灣第三方支付的國內信用卡金流平台常用的有3家,分別是 綠界科技藍新科技歐付寶
都有提供外掛可以做安裝設定,可以先到官方平台開啟信用卡服務

WooCommerce 支援哪些物流

WooCommerce 的運送方式, 可以針對不同的國家與區域做不同運送的方式的費用設定,運送的方式分別為 「「免費運送」、「自行取貨」、「超商取貨」、「宅配取貨」四種

WooCommerce適用哪些佈景主題?

WooCommerce免費主題適合使用 OceanWP 及 Astra 這兩款主題,針對需求來加功能,網站程式比較乾淨,速度也比較快,若是想要使用套裝的主題的話,推薦使用 Flatsome、Woodmart

結論

透過站長的介紹之後,有沒有更瞭解  WooCommerce是什麼呢?

WooCommerce除了是一個免費的工具外,還可以幫助你建立電子商務網站,是由開源的WordPress的系統來延伸出來的一款外掛Plugins,讓你可以隨心所欲的販售任何商品,不論是實體或是數位商品,都可以使用這個系統來達成

要開始架設一個購物車網站的話,只需要5個步驟就可以完成,立即幫你省下10萬元

  1. 購買「網站主機」和「網址」
  2. 安裝WordPress網站
  3. 安裝適合的佈景主題
  4. 安裝Woocommerce外掛
  5. 使用主題功能及外掛擴充達成網站需求

如果還不清楚的話,可以留下你的問題,站長再為您補充更多說明

若是您有 電商網站架設需求的話,歡迎使用「聯絡表單」,站長也可以全方位的為您規劃網站服務



若是對於教學文章有不清楚的地方,歡迎在下方留言
如果覺得我們的文章對你有幫助,也歡迎幫我們「分享」文章給更多人

我們正在製作 WP新手架站課程,包含部落格經營、電商網站的建置及經營教學,讓你省下5-10萬元的網站費用,不論是自己要經營,或是要當作接案技能都很適合,有興趣的話可以先填寫Email加入,我們將優先通知您,也能享有早鳥優惠價唷~~

想要快速學習成長架站的話,可以參考 WordPress專人1對1網站教學服務 ,1對1的教學可以針對您的需求,讓你更快速學習學習架站技能

若是有網頁設計的需求,也可以透過「聯絡表單」或是「線上客服」的方式與我們聯繫
我們也有提供一對一教學及顧問服務,有需求的話也都可以跟我們聯絡唷

如果對 WordPress架站 有興趣的朋友,可以訂閱馬思特電子報或是按讚追蹤馬思特粉絲頁,我們將不定時發佈 WordPress網站 及 網頁設計相關文章。

近期開了一個FB社團,「WordPres網站架設 / 網頁設計接案 / 部落格經營 / 網路行銷 / 網路賺錢 」,主要會是討論網站架設、部落格經營、網路行銷,進而探討如何從網路賺到錢,有興趣的朋友歡迎加入社團交流

如果我們的教學文章有對您有幫助,可以在下方按5下拍手,或是請 站長喝杯咖啡 支持我們創作更多優質的文章

更多實用文章推薦

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Scroll to Top