【WooCommerce教學系列】商品資料設定- 可變商品 操作說明

【WooCommerce教學系列】商品資料設定- 可變商品 操作說明
WooCommerce教學系列 可變商品設定
【WooCommerce教學系列】商品資料設定- 可變商品 操作說明
帶你打造網路被動收入

歡迎來到 WooCommerce教學 系列,今天要來介紹的是 商品資料設定中的「可變商品」(Variable Product)

「可變商品」是 WooCommerce 商品中的一種商品類型型態,可以讓你用來更進階的自訂商品屬性,這個功能適用於同商品中有尺寸、顏色、款式不同規格的商品等等(例如服飾業),並且可以依照每個商品規格都可以個別設定價格、圖片,非常的好用,接下來站長就開始逐步的教您如何操作可變商品的設定。

WooCommerce外掛下載:https://wordpress.org/plugins/woocommerce/

新增 WooCommerce 可變商品

要建立 WooCommerce 可變商品之前,需要先新增商品 或是 編輯現有商品

進入商品頁後,再從「商品資料」的地方選擇「變化類型」

WooCommerce可變商品設定
WooCommerce可變商品設定

WooCommerce 自訂可變商品屬性

2-1、新增商品屬性

要新增可變商品之前,需要先新增「商品屬性」,例如 顏色、尺寸等

使用全站屬性

  1. 點選「屬性」頁籤
  2. 點選「新增」按鈕(可新增多種屬性)
  3. 輸入「名稱」(如顏色、尺寸、材質等)
  4. 輸入「數值內容」,使用 “|” 來做為規格的區分
  5. 勾選「用於變化類型」
  6. 按下「儲存屬性」按鈕
WooCommerce可變商品設定教學

商品屬性可以新增多種屬性共存,例如尺寸+款式+顏色等

WooCommerce可變商品教學-屬性設定
WooCommerce可變商品教學-屬性設定

2-2、新增變化類型

建立所有的變化類型

step 1

點選商品資料左方的「變化類型」,再選擇「由所有屬性建立變化類型」,接著按下「送出」按鈕

WooCommerce可變商品教學-由所有屬性建立變化類型

step 2

按下「送出」按鈕之後,會出現下方的訊息,這裡我們按下「確認」按鈕

【WooCommerce教學系列】商品資料設定- 可變商品 操作說明

step 3

這裡會依你所新增的變化類型項目而顯示有多少個變化類型已新增,按下確定按鈕

【WooCommerce教學系列】商品資料設定- 可變商品 操作說明

step 4

按下之後就可以看到「變化類型」區域多了多種商品組合按鈕類型

這個步驟中,如果你新增 兩個屬性,如顏色(紅色和綠色的值) 及 尺寸(大、中、小的值),則會建立六種的組合變化,分別是

  • 紅色 + 大
  • 紅色 + 中
  • 紅色 + 小
  • 綠色 + 大
  • 綠色 + 中
  • 綠色 + 小

由於因為站長在「屬性」的地方,新增3個顏色、1個尺寸,所以這裡會列出3種商品變化組合

WooCommerce可變商品教學-由所有屬性建立變化類型設定
WooCommerce可變商品教學-由所有屬性建立變化類型設定

註:如果之後新增了其他屬性,就需要重做變化類型設定,才能正常運作唷

step 5

接下來要做商品變化類型每個項目中的商品設定,滑到商品的項目中,點選 下三角形 展開這個商品的設定

WooCommerce可變商品教學-由所有屬性建立變化類型設定
WooCommerce可變商品教學-由所有屬性建立變化類型設定

step 6

展開之後就可以看到這個商品的個別設定

  • 商品圖片:上傳商品的圖片,如果屬性是紅色,就上傳紅色衣服
  • 貨號:輸入商品的貨號,貨號會對應到庫存,輸入一個唯一貨號或留空白
  • 啟用:要啟用或禁用這個變化類型
  • 可下載:如果商品是可下載檔案的類型就勾選
  • 虛擬:如果這個商品不需要物流運送的話,勾選後就不會顯示運送類別(如電子書、影片、檔案)
  • 管理庫存:如果要單獨管理這個變化類型的商品庫存,就勾選
  • 定價:這個商品變化類型的的價格
  • 折扣價:這個商品變化類型的折扣價格
  • 庫存狀態:這個商品 目前的庫存狀態,會在網站前台中顯示
  • 重量:設定這個商品的重量,為選填欄位
  • 尺寸:這個商品的長、寬、高尺寸,為選填欄位
  • 運送類別:通常會與主商品一樣,所以選擇與上層相同(預設值)
  • 稅率類別:通常會與主商品一樣,所以選擇與上層相同(預設值)
  • 描述:這個商品變化類型的簡單說明

註:可變商品的變化類型價格一定要填寫,不然不會出現在商品的頁面上

WooCommerce可變商品教學-由所有屬性建立變化類型商品內容設定

針對商品建立變化類型

若是商品不想有太多的可變屬性組合,也可以個別針對商品來做商品屬性設定

step 1

在下拉選單的地方 選擇「新增變化類型」,接著按下「送出」

針對商品手動建立商品類型
針對商品手動建立商品類型

step 2

接著會出現 「屬性」中有的欄位類型,再手動針對商品做變化類型就可以了

針對商品手動建立商品類型 - -屬性設定
針對商品手動建立商品類型 – -屬性設定

訪客看到的可變商品前台樣式

完成設定後,前台的可變商品頁面參考,就會多了 「商品屬性」的選擇,並且點選不同屬性還會顯示不同的商品圖片

可變商品範例網站

WooCommerce可變商品教學-可變商品完成後的前台展示參考
WooCommerce可變商品教學-可變商品完成後的前台展示參考

10款常用電商外掛推薦

如果要架設電商網站的話,大新哥最常使用 Yith WooCommerce 的外掛功能,大部份電商網站會用到的功能都可以找的到

  1. Subscription– 在網站中增加月費訂閱的功能,通常用在服務類型商品
  2. WishList – 讓客戶可以將商品放入願望清單,之後再購買
  3. Request a quote – 讓客戶可以針對商品做詢價
  4. Points and rewards – 網站增加紅利點數兌換機制
  5. Role based prices – 根據不同會員等級,顯示不同的商品價格
  6. Dynamic pricing and discounts – 通過動態折扣和價格規則來增加轉化次數,並建立有針對性的報價
  7. Product bundles – 在商店中建立特別商品組合優惠
  8. Added to cart popup – 當客戶購買商品時顯示彈出視窗提醒
  9. Composite products – 提供讓客戶可以自由組合而成的商品,一般用來做客製化商品,常用在電腦、運動器材等客製規格組合
  10. Frequently bought together – 可以設定經常一起購買的商品,讓客戶可以更快速選擇,例如衣服+褲子 +配件

完整購物網站教學

架設購物網站教學影片

結論

WooCommerce的可變商品 功能是電商網站很常用來展示商品的一個功能,雖然設定上有點小複雜,不過上手之後,自然會非常快速、好用且好管理


免費建立被動收入教學

【WooCommerce教學系列】商品資料設定- 可變商品 操作說明
免費教你開始建立被動收入

想更完成學習WordPress架站技術,歡迎加入全方位架站課程
如果這些文章對你有幫助的話,也歡迎請大新哥喝杯咖啡 <<我要前往請喝咖啡>>

想要最便宜的金流手續費優惠?
【電商網站必備】藍新科技金流申請,享2.4%最低手續費(透過專屬表單)

更多網站教學影片都在Youtube頻道,歡迎按讚、訂閱、分享

若是有網頁設計的需求或是合作邀約,也可以透過「聯絡表單」或是「線上客服」的方式與我們聯絡

如果想要學習架設網站,或是架站遇到問題的話,也有提供 1對1線上教學 ,使用遠端電腦連線+語音的方式教學,讓你不需出門就能在家學習,歡迎設計師或工程師帶案合作

覺得網站太慢或常當機的話,歡迎參考 WordPress網站搬家服務

另外也有 網站顧問服務網站健檢 服務,如果覺得網站速度太慢或是經營上的問題不知如何解決,歡迎預約時間幫你做網站健檢

推出「線上課程網站方案」,是獨立架設的網站,如果你想建立自己的線上課程網站,而不想跟課程平台分潤且受限平台規則的話,歡迎參考 MA-Course線上課程網站方案

MA-Course線上課程系統
MA-Course線上課程系統

想要經營個人品牌的話,可以先從 個人部落格 的話,不用怕平台演算法及倒閉問題,本站也有提供 部落格網站方案 ,大新哥也能提供一些網站的經營建議給你,歡迎來聊聊

想要在網路販售商品的話,我們也有提供 電商購物網站方案,費用便宜快速上線,降低剛開始微創業的經濟負擔,還能擁有網站管理自主權,不用受限於平台限制

如果對 WordPress架站網站經營網路行銷 有興趣的朋友,可以訂閱電子報或是按讚追蹤Facebook粉絲頁,我們將不定時發佈 WordPress網站 及 網頁設計、及個人品牌相關文章。

歡迎加入FB社團 「WordPres網站架設 / 網頁設計接案 / 部落格經營 / 網路行銷 /個人品牌」,主題是討論網站架設、部落格經營、網路行銷,有興趣的朋友也歡迎加入社團一同交流

網站經營需要費用,本站所提供的商品連結或廣告,透過連結購買的話,我可以獲得一點點微薄佣金,讓我們可以持續創作更好的內容,但這不會影響到你的使用權益,詳情可查看 FTC免責聲明

免費建立被動收入教學

【WooCommerce教學系列】商品資料設定- 可變商品 操作說明
免費教你開始建立被動收入

大新

12年以上網站架設與網路行銷的經驗,自由工作者5年+,架過多種類型網站,例如形象網站、購物網站、會員網站、課程平台網站,擅用網站工具來解決不同的問題,希望將多年來的網站經營經驗技巧分享給你

發佈留言