Woocommerce 是 WordPress 旗下最知名的網路商店架設外掛,全球下載量已超過 4500 萬,而且它是免費的。可參考 WooCommerce 完整教學,學習更多。
Woocommerce 適合各行各業的電商主,不論是販售哪種商品類型,都可以進行使用,只是大家想問的可能是,要如何建立不同類型的商品?
如果你打算銷售衣服 / 鞋子(實體商品)、銷售非實體商品、銷售電子書、銷售顧問服務、銷售門票憑證、銷售組合商品,或是推廣聯盟行銷商品等 .. 。
這篇文章正是為你而解答的,我會完整示範各類型的上架方法,協助你開啟網路事業。更多 新增商品描述欄教學。
好囉~那話不多說,本文章節如下:
- 1. 如何架設購物網站?
- 2. WooCommerce 常見商品類型
- 3. 建立簡單商品
- 4. 建立可變商品
- 5. 建立虛擬 / 顧問服務商品
- 6. 建立可下載商品
- 7. 建立外部 / 加盟 / 聯盟行銷商品
- 8. 建立組合商品
- 常見問題
- WordPress 學習資源
WooCommerce 電商架設,完整影片教學
1. 如何架設購物網站?
如果你還沒有個人購物網站,那申請個人網域+租用 WordPress 優質主機,會是建置購物網站的第一步(也是重要的一步)。
個人網域+虛擬主機申請
關於使用哪一台虛擬主機,開始你的網路事業,對於新手電商主或是低流量的站長,推薦使用 Bluehost 是最佳的選擇。
Bluehost 是地球最大的虛擬主機公司之一,全球管理數百萬個網站並持續增加中,操作介面簡單非常適合入門。完整主機申請+架站教學,可參考 Bluehost 教學。
如果你的網站注重速度表現、網站穩定性,或是原來的主機已經無法承受你的網站流量,推薦使用 Cloudways 雲端主機,會是比較好的解決方案。
有關於詳細的 WordPress 優質主機 評價,在此連結文章,也能得到完整分析。
開始架設購物網站
有關於詳細的個人購物網站建置,可參考 架設購物網站。
因為台灣市面上的網路開店平台,每個月高額的租金費用對於新手電商主來說,是筆傷人的價格負擔。
Woocommerce 開店外掛不但完全免費且功能齊全,電商主需付費的唯獨每年一次的網域+虛擬主機費用而已,且沒有其他衍生費用。更多 Woocommerce 開店外掛教學。
當前製作業都完成後,你對 WooCommerce 的掌握度應該變更高了,接下來和大家分享,常見的 WooCommerce 商品類型。
2. WooCommerce 常見商品類型
WooCommerce 常製作的商品類型,主要有這 6 大項目,分別是 簡單商品、可變商品、虛擬商品、可下載商品、聯盟行銷商品、組合商品。
商品類型介紹
- 簡單商品:就是常見的單一商品形式。
- 可變商品:同一商品有不同尺寸或顏色(以此類推)。舉例:夏天短 T,顏色有白 / 黑 / 藍,尺寸有 S / M / L,就可用這個類型。
- 虛擬商品:銷售非實體商品(或服務)。舉例:不同種類的線上課程、顧問服務等 ..。
- 可下載商品:銷售可下載的商品。舉例:販售電子書、程式軟體、門票憑證等 ..。
- 聯盟行銷商品:推廣不存在自己商店的商品(用連結方式引導訪客,前往其他處購買)。舉例:如果想推廣 Amazon 上的商品,就可用這個類型。
- 組合商品:可把商品組合起來一起賣。舉例:可以新增一個洗澡產品套餐,裡面有沐浴乳、洗髮精、肥皂、浴巾,當訪客點進套餐裡,可以各別選購這組合內的商品。
看完上面的介紹,應該會對 WooCommerce 常製作的商品類型有概念了,下面章節會開始實戰。
3. 建立簡單商品
簡單商品類型,是最常見的一種商品上架形式,也是最容易操作的一種,下面我教大家如何做。
前往 商品 > 新增商品,填入商品名稱、商品描述(會放至商品頁面下方),這不多介紹。
永久連結是指商品網址,建議設定為英文,如果沒看到可編輯網址的地方,先點擊當前頁面的 儲存草稿,就會出現了。
選擇商品類型&銷售金額
在當前頁面下方,會看到欄位可以設定商品細節。商品資料選擇「 簡單商品 」,然後設定商品價格。
設定商品庫存
切換到 庫存 分頁,輸入商品貨號,如果需要管理庫存可以打勾,勾選後就能設置相關選項。
低庫存臨界值,是指商品庫存低於設定數量,WordPress 會發信給電商主通知。
運送方式設定
切換 運送方式 分頁,可設定商品重量、尺寸,方便電商紀錄商品,有需求再填就好。
運送類別選項,如果沒特別需求就維持預設值即可。
額外教學
- 運送類別:可設定指定類別,像是冷凍商品、大型商品(分類需自行編輯),顧客結帳時有購買此商品,就會自動套用不同的運費。可參考 WooCommerce 金物流設定。
連結商品設定
追加銷售選項,可設定綁定商品提高客單價,綁定商品會出現在當頁商品下方,類似「 你可能也會喜歡 .. 」功能。
交叉銷售選項,是一樣的功能,只是綁定商品會放在購物車頁面(結帳前)。
其他功能編輯&發佈商品
填入商品簡短說明(會放至商品頁面上方)> 設定商品主圖片、圖庫 > 設定商品分類、標籤 > 發佈商品。
這樣一來,商品就上線囉:)
前往網路商店前台看一下成果,太好了!第一個商品順利上架了。
以上就是用「 簡單商品 」的商品類型,上架到網路商店的流程。
4. 建立可變商品
只要銷售商品是有提供選擇條件的,像是尺寸大小、顏色、重量、產地等 ..,都適合使用「 可變商品 」類型。
舉例來說,如果想線上賣衣服,一款衣服通常有「 尺寸 」和「 顏色 」兩大屬性分類。
訪客可能會購買 T-shirt 的 M 號白色,或是 L 號黑色等 ..,這動作是可選的(需選擇尺寸&顏色),所以就稱為「 可變商品 」。
這跟「 簡單商品 」類型不同,簡單商品通常只需選擇購買數量,而沒有其他條件可選。
下面就用衣服類的商品作為教學,我簡單分成 4 步驟快速完成!我們開始吧!
Step1:新增商品屬性
新增一個衣服商品,然後商品資料選擇「 可變商品 」> 切換到「 屬性 」分頁 > 系統自動跳出欄位,輸入屬性名稱&數值(需用半形符號「 | 」進行分割)> 勾選「 用於變化類型 」。
完成後就點擊送出即可。
接下來點選新增按鈕,參考上面流程,再新增一個顏色屬性,完成後應該會看到共有 2 個屬性出現了。
Step2:新增變化類型
再來切換到「 變化類型 」分頁,選擇「 產生款式 」,點選「 確定 」送出。
我們會看到 WooCommerce 根據屬性類型,自動幫我們新增了對應的商品。
因為剛新增了 3 種尺寸(S / M / L)、2 種顏色(白 / 黑),所以共會出現 6 種對應商品可供我們調整。
備註:上圖的「 預設表單值 」可以設定當商品顯示於前台時,預設會出現的商品內容。
Step3:調整商品類型的細項
- 單一屬性商品設定
針對需更改的項目,點選編輯就會有許多可更改的欄位,像是定價(必填)、貨號、是否啟用(如果商品暫時不販售,可不勾選前台就不會顯示了,或是直接刪除此品項也可以)、庫存狀態等 ..。
備註:這裡的商品定價需進行設定,否則網站前台可能會顯示「 商品已銷售完畢 」之類的訊息。
- 批次修改多個屬性商品
如果屬性商品有很多,那個別修改應該會想打人 ..,這裡跟大家分享批次修改的方法,就可以一次完成啦!
首先,點擊下圖箭頭的欄位。
會看到很多可批次修改的項目,基本上就是對應單一商品可修改的欄位。
這邊示範批次修改商品定價,選擇「 設定定價 」,選完記得送出。
接著應該會跳出視窗讓你輸入金額,就能完成批次修改啦!
當然你也可以先利用批次修改,把全部商品套用相同數值,然後再個別調整細項,也是一種加快速度的方法:)
Step4:查看可變商品成果
等每個可變商品都設定完畢後,該設定的圖片、商品分類、商品描述等 .. ,都完成後就進行發佈,前往前台看一下成果。
會看到出現了可選的尺寸&顏色,大功告成!
基本上可變商品參考上面流程設定即可,不論你的商品屬性是什麼,像是形狀、冷熱、產地等 ..,都可以自由發揮:)
5. 建立虛擬 / 顧問服務商品
如果打算銷售顧問服務或是虛擬服務 ..,WooCommerce 也能幫助你建立。
下面我會示範建立一個 1 小時的線上視訊諮詢服務,並在 WordPress 網站上進行銷售。
首先新增一個顧問服務商品,輸入標題 / 描述等 ..,更改一下網址 ID。
商品資料選「 簡單商品 」,然後把「 虛擬 」欄位打勾,這是最重要的一步!
然後設定商品價錢。
切換到庫存分頁,因為建立的是虛擬服務,所以沒有庫存問題,這邊可先空白或保留預設即可。
但唯獨會看「 限購一件 」,如果勾選的話訪客在前台就無法選擇數量,就是商品下面只會有加入購物車按鈕(可看你的需求是否開啟)。
切換到「 進階 」分頁,這裡會出現購買備註可填寫,就是顧客購買完後會看到的文字備註。
把上面主要的設定商品流程搞定後,接下來就可上商品圖片、設定分類等 ..,這部分跟其他上架流程都一樣就不多說明,最後進行發佈。
前往 WordPress 網站前台,就會看到相關顧問服務已經出現啦!
以上就是在 WooCommerce 建立虛擬 / 顧問服務的方法。
6. 建立可下載商品
如果需販售電子書、程式軟體、門票憑證等 ..,可供顧客下載的商品,就可以參考這章節的文章。
首先一樣新增商品,取個商品名稱和描述,修改一下網址 ID。
商品資料選「 簡單商品 」,把「 虛擬 」和「 可下載 」都打勾,因為電子書是虛擬的,且當訪客購買完後,我們也要讓他下載(參考下圖)。
設定商品價錢,還有設定可下載檔案名稱&下載路徑。
至於如何上傳檔案給訪客下載,你可以用主機公司的「 檔案管理員工具 」上傳檔案,或是用 FTP 工具上傳(這方法比較進階)到主機上都可以。
備註:
1. 「 下載限制 」是限制顧客可下載的次數,通常來說會讓他無限次數下載(保持空白就是無限次),如果需限制下載次數就設定數字。
2. 「 下載到期日 」是限制訪客的可下載範圍時間,如果保持空白就是不限制時間。
接著切換到「 庫存 」分頁,通常是新增可下載商品種類,都會把「 限購一件 」打勾。
因為舉例來說,如果讓顧客買同樣的電子書(或是軟體等 ..),還讓他們選數量是很怪的現象(他們不小心選錯,可能還會要求你退費)。
比較常見的做法會是,把「 限購一件 」打勾(就是不讓他選數量),然後不限制他可下載的次數,才是比較常見的作法。
至於其他的商品相關設定,就不多說明,因為跟前面章節都差不多。好囉!我們來看一下完成品。
太棒了我們又學會如何新增「 可下載商品 」了,當顧客購買完成後,就會出現可下載的相關選項(也能自行測試看看)。
7. 建立外部 / 加盟 / 聯盟行銷商品
現在許多人會用部落格 Blog,協助推廣其他商家或公司的產品,並賺取小額佣金(或稱聯盟行銷)。
這邊我用博客來的書本推廣作為示範,其實整個 WooCommerce 上架過程,就是新增一個外部連結而已。好囉!我們開始吧:)
首先新增一個聯盟行銷商品,輸入商品名稱、描述、設定網址 ID 等 ..。
商品資料選擇「 外部 / 加盟商品 」,設定要推廣商品的聯盟行銷網址,然後按鈕文字,還有商品價錢等 ..。
建立聯盟行銷商品比較簡單,因為不存在任何實體或虛擬商品在自家網站中,單純就是用連結方式,引導訪客前往其他地方購買商品。
其他的商品圖片、商品分類等 .. 設定好了就發佈,我們前往 WordPress 前台看一下成果。
當顧客點擊「 前往購買 」的按鈕後,就會自動跳轉到博客來的購買頁面囉:)
8. 建立組合商品
WooCommerce 組合商品通常使用場景是,如果銷售電腦可能有不同的硬體空間(像是 256 GB / 512 GB / 1TB),「 組合商品 」能把不同規格的商品捆綁在一起。
然後在前台只顯示單一種商品,顧客要什麼規格就進去選就好了,就不用每種規格都顯示在商品列表,會變的比較雜亂。
另一種常使用場景是,同一系列的商品想要同時促銷,有點類似「 套餐購買 」的概念,用洗澡用品系列為舉例,裡面可能包含沐浴乳、洗髮乳、潤髮乳等 ..。
就能新增一個「 洗澡用品系列 」的組合商品,放在一起賣給顧客。
這邊幫大家整理一下,如下。
- 同一系列商品,同款但有不同規格:像是電腦有硬體 256 GB / 512 GB / 1TB。
- 同一系列商品,不同款且不同規格:像是洗澡用用品系列,裡面有沐浴乳、洗髮乳、潤髮乳等 ..。
備註:用 WooCommerce 專有名詞來描述,「 組合商品 」就是綑綁多個「 簡單商品 」或是「 可變商品 」,然後一起銷售的概念。
當然還有很多「 組合商品 」的玩法,這邊就先用銷售電腦作為舉例,並簡單分成 3 步驟完成,那我們開始囉:)
Step1:新建多個子商品
首先新增子商品,分別為 256 GB / 512 GB / 1TB 規格的電腦,這邊我只會示範一個(共 3 個),其他就用同樣方式新增即可。
輸入商品名稱、網址 ID、商品描述等 ..。
商品資料選擇「 簡單商品 」,設定商品價錢、庫存貨號等 .. 相關資訊,這部分和其他商品設定類型一樣,就不多敘述。
備註:這裡的商品價錢記得要設定,不然前台只會顯示商品的「 查看內容 」,顧客是無法購買的唷!
把商品分類、商品圖片等 .. 都設定完之後,在發佈前的欄位,點擊「 型錄可見度 」的編輯,並選擇「 隱藏 」。完成後就把商品發佈上架。
備註:選擇「 隱藏 」的功能是,讓子產品不顯示在商品列表頁面,因為最後會顯示出來的,我們會希望是主商品圖。
接著就來查看一下商品成果啦,點擊下圖指示前往。
備註:下圖黃色框「 複製為新的草稿 」,點擊後會複製一份同樣商品,可加速上架商品的速度。
好的,子商品都被我們建立好了!這時商店會分別有 256 GB / 512 GB / 1TB 規格的電腦,這 3 個商品。
但這些商品由於剛可見度是選擇「 隱藏 」,所以在網站的商品列表中,並不會看到這些商品出現,僅能透過網址訪問這些商品。
Step2:新增主商品(綑綁子商品)
這步驟會帶大家建立主商品,一樣前往新增商品,這邊的新增方式就跟上面的不同了,請留意學習唷:)
輸入商品名稱、描述、設定網址 ID。
商品資料選擇「 組合商品 」,選擇庫存分頁,設定商品貨號。
切換到「 連結商品 」分頁,在組合商品欄位內,綁定剛新增的 3 種不同規格的電腦。
在欄位內可對商品拖曳排序,這會影響到前台的顯示順序。
把商品分類、商品圖片等 .. 都設定完之後,在發佈前的欄位,點擊「 型錄可見度 」的編輯,並切換為原來的預設值「 出現在商店與搜尋結果 」。
完成後就把商品發佈上架。
Step3:查看前台商品成果
前往網站商店看一下成果,會發現商品列表只會有一個「 高性能電腦 」商品(其他被我們隱藏了),點進來看會發現,顧客可自由選擇想要的規格了!
以上就是「 組合商品 」的上架範例,當然還有許多玩法,但整體流程參考上面教學製作即可:)
常見問題
WooCommerce 是什麼?
Woocommerce 是 WordPress 旗下最知名的網路商店架設外掛,全球下載量已超過 4500 萬,而且它是免費的。可參考 WooCommerce 完整教學,學習更多。
可用它來完成購物網站架設,開始你的網路開店平台,像是商品管理、訂單管理、會員管理、優惠管理、頁面管理、金物流串接 .. 都具備。
是擴充性極強的一款免費開店外掛。
WooCommerce 常見的商品類型有哪些?
常見的商品類型有「 簡單商品 」、「 可變商品 」、「 虛擬商品 」、「 可下載商品 」、「 外部 / 加盟商品(聯盟行銷商品) 」、「 組合商品 」等 ..。
每種商品的上架方法不太一樣,而本文正是為了教大家如何上架成功而寫的。
WooCommerce 有推薦的主題嗎?
支援 WooCommerce 的 WordPress 佈景主題非常多種,對於新手來說可能不知怎麼選。
我有特別寫一篇 WooCommerce 最佳佈景主題 推薦,協助你找到適合自己的:)
WooCommerce 的金流 / 物流要如何設定呢?
對於金物流設定(付款方式&運送方式),WooCommerce 也有整合了適合台灣的消費方式,像是信用卡付款、貨到付款、超商取貨等 ..。
詳細可參考如何 設定 WooCommerce 金流和物流。
使用 WooCommerce 架設購物網站,有完整教學嗎?
基本款的購物網站架設,其實已經不是什麼難事了,只要配上 架設購物網站 這篇文章,並搭配理想的 WordPress 優質外掛,相信你也可以順利完成:)
WordPress 學習資源
學習網站架設+網路行銷的過程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!
接下來,額外分享 3 項實用資源,可有效幫助大家做學習。
資源一:WP 高手架站課(線上課程)
這門 WordPress 高手架站課 濃縮了犬哥多年在網頁設計的實戰經驗,從網頁設計觀念、WordPress / WooCommerce 後台操作、熱門主題.外掛教學、品牌網站 / 部落格 / 電商網站,3 大類型網站建置方法等 .. 豐富內容,一次教會你。
課程內容非常的紮實(長度超過 20 小時)。如果你剛學習自架網站,這門課程可以讓你用最快的速度,就學會這項技能!
點擊下面了解課程,立馬擁有自己的品牌網站,並增加網路曝光度!
資源二:SEO 排名飆升課(線上課程)
網站建立完畢後,但卻沒有流量怎麼辦?或是只能靠花錢投廣告才會有訂單?
這門 SEO 排名飆升課,教你掌握關鍵字策略、SEO 文章撰寫、多種實戰 SEO 技巧、透視對手 SEO 策略、SEO 必備軟體教學、最新 AI SEO 應用等 ..,大幅提升行銷能力。
點擊下面了解課程,帶你衝上 Google 排名第一頁,大量提升網站營收和訂單!
資源三:犬哥數位(專業 WordPress 網頁設計公司)
如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!
資源四:更多犬哥教學資源
如果你在操作過程中遇到問題,可以加入 犬哥研討社(目前有超過 9000+ 團員)。除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。
如果你想學更多網頁設計、數位行銷知識,可關注 YouTube 頻道,或是歡迎追蹤 犬哥網站 IG。
請問小犬 在WP上面 能建造聯盟行銷的裝置嗎?
就是能讓別人一起販賣我的商品,我在分潤給他!
有推薦外掛跟教學嗎?
謝謝
嗨,有的唷,在外掛欄搜尋 affiliate 應該就滿多的,下面挑幾個分享,但還是依照你實際狀況為主~
https://affiliate.wpindeed.com/
小犬您好,
不好意思再來請教了.
請問Woocommerce裡是否有類似”1-2-3階段引導”的商品選購模式?
就是類似一步一步、一頁一頁的完成商品組合訂單(或Inquiry )
我試過woocommerce的組合及可變商品發現都是在一個商品頁中出現,
這樣就達不到想要給客戶一步一步引導需求到詢問單的目的了。
另外我看到這網頁的woocommerce介面似乎不太一樣,是付費版本的關係嗎?
https://docs.woocommerce.com/document/composite-products/composite-products-use-case-kit-builder/#prettyPhoto
還是要去安裝類似的外掛如下:
https://stepbystepsys.com/
不好意思問那麼多喔,謝謝~
Adam
哈囉,Adam:
我想也許你是想找整套商品組合的訂單對嗎?
如果是這樣,我覺得你找到的這款外掛很不錯,我也大概搜尋一下,找到幾款評價不錯的外掛,你也可以一起參考看看唷:
WPC Composite Products
YITH WooCommerce Product Add-Ons
Flexible Product Fields
如果你是想要購物車呈現表單的形式,能夠一步一步分頁進行結帳,也可以參考這款:
Multi-Step
至於頁面的不同,我想是因為這是 WooCommerce 的內建組合商品外掛頁面的設置畫面,所以看起來才不一樣。
如果你有需要,可以參考 WooCommerce 內建的組和商品外掛,不過這要付費,所以就見仁見智啦。
希望有回答到你的問題唷!
小犬你好:
我想詢問一下
有沒有在線上就能完成商品打樣 直接結帳就好 我不用在另外打樣給客人看的呢
不好意思麻煩了 謝謝
嗨,未來,
可以嘗試使用「 product designer 」關鍵字來查詢線上模擬樣品的外掛,
我找到一篇不錯的外掛推薦文章,可以參考看看: WooCommerce Product Designer 外掛推薦清單
你好,非常感謝你的分享,我建立了可變商品,但加入購物車後的品名沒有隨著更新,例如我同時將黑色*1、紅色*1加入購物車,但到購物車頁只會顯示黑色*2,這邊是哪裡需要另外設定嗎QQ
嗨,不只是襪子,
你的商品設置如果在前台可以觀看到黑色*1、紅色*1,表示你的設置應該是沒有問題,
但還是建議你重新跟著文章教學,上一次可變商品,如果還是無法順利顯示,建議你檢查一下,是否有其他 WooCommerce 相關外掛的衝突,可在後台分別停用檢查看看唷!
犬哥您好,我想請問2個問題!
一、我用WooCommerce 建立了組合商品,可是我希望做出像是可變商品一樣有那種商品圖片可以跟著切換的效果,不知道有沒有插件可以做到像是,滑鼠移到組合產品裡面【產品A】上然後商品圖片就切換成【產品A】,滑鼠移到【產品B】上商品圖片換成【產品B】上
二、我用WooCommerce 建立了組合商品,我在主題建構器那邊編輯我的商品頁,當我拉入【add to cart】時的版型是固定的(只能改改字的間距、顏色什麼的),有無插件可以讓我更加靈活的編輯這個部分。我想讓組合商品裡面的兩個簡單商品平均分割在畫面兩邊。(現在版型固定是上下幾行堆疊在一起)
第一次發問,如有描述不清楚請見諒(^・ω・^ ),感謝賜教
嗨,ciin,
關於第一個問題,這個功能比較細節,可以多使用英文關鍵字找找看,這邊有一份 優質組合商品外掛推薦清單,可以參考看看
若要更完整的編輯 WooCommerce 建議可使用頁面編輯器,像是 Elementor,若要更細節的調整及設計,可以參考 Pro 版本 試試,應該就可以更客製化 WooCommerce 商品頁面囉:)
您好,在可變商品中,要將商品的某個顏色尺寸改成缺貨,請問應該怎麼設定呢?
例如黃色的鞋子22碼到32碼都缺貨,但是其他顏色尺寸都還有。
謝謝
嗨,Ru
你可參考 4. 建立可變商品 章節,Step3:調整商品類型的細項 部分,新增單一類別庫存唷!
若想更進階的細項調整,也可參考 可變商品外掛推薦清單,幫助你建立可變產品:)