歡迎來到 WooCommerce教學 系列,今天要來介紹的是 商品資料設定中的「可變商品」(Variable Product)
「可變商品」是 WooCommerce 商品中的一種商品類型型態,可以讓你用來更進階的自訂商品屬性,這個功能適用於同商品中有尺寸、顏色、款式不同規格的商品等等(例如服飾業),並且可以依照每個商品規格都可以個別設定價格、圖片,非常的好用,接下來站長就開始逐步的教您如何操作可變商品的設定。
WooCommerce外掛下載:https://wordpress.org/plugins/woocommerce/
Woo電商小教室(點選左方文字可進入完整文章專欄)
如果想要完整學習WooCoomerce的設定方式與經營技巧,歡迎觀看下方Woo攻略
Woo攻略1:5個步驟幫你的電商購物網址註冊一個好記的網址
Woo攻略2:選擇電商最適合的網站主機,快速穩定才能帶來高轉換率
Woo攻略3:15分鐘教你架設電商購物網站,立即省下10萬元
Woo攻略4: 電子商務網站開店第一步必要7大設定
Woo攻略5:商品資料設定- 可變商品 操作說明
Woo攻略6: 商品資料設定- 組合商品 操作說明
Woo攻略7:商品資料設定- 外部/加盟商品 操作說明
Woo攻略8: WooCommerce結帳欄位流程優化,簡化流程才能提高銷售率
Woo攻略9:9個Email名單快速爆增小技巧,累積名單才能永續經營
Woo攻略10: 如何選擇適合的WordPress電商主題?9個項目讓你購買主題不踩雷
Woo攻略11:WordPress SEO優化 – 10大技巧教你有效寫出高排名的文章
Woo攻略12:5個LandingPage銷售頁設計重點讓你達成高轉換率
本篇文章大綱
新增 WooCommerce 可變商品
要建立 WooCommerce 可變商品之前,需要先新增商品 或是 編輯現有商品
進入商品頁後,再從「商品資料」的地方選擇「變化類型」
WooCommerce 自訂可變商品屬性
2-1、新增商品屬性
要新增可變商品之前,需要先新增「商品屬性」,例如 顏色、尺寸等
使用全站屬性
- 點選「屬性」頁籤
- 點選「新增」按鈕(可新增多種屬性)
- 輸入「名稱」(如顏色、尺寸、材質等)
- 輸入「數值內容」,使用 “|” 來做為規格的區分
- 勾選「用於變化類型」
- 按下「儲存屬性」按鈕
商品屬性可以新增多種屬性共存,例如尺寸+款式+顏色等
2-2、新增變化類型
建立所有的變化類型
step 1
點選商品資料左方的「變化類型」,再選擇「由所有屬性建立變化類型」,接著按下「送出」按鈕
step 2
按下「送出」按鈕之後,會出現下方的訊息,這裡我們按下「確認」按鈕
step 3
這裡會依你所新增的變化類型項目而顯示有多少個變化類型已新增,按下確定按鈕
step 4
按下之後就可以看到「變化類型」區域多了多種商品組合按鈕類型
這個步驟中,如果你新增 兩個屬性,如顏色(紅色和綠色的值) 及 尺寸(大、中、小的值),則會建立六種的組合變化,分別是
- 紅色 + 大
- 紅色 + 中
- 紅色 + 小
- 綠色 + 大
- 綠色 + 中
- 綠色 + 小
由於因為站長在「屬性」的地方,新增3個顏色、1個尺寸,所以這裡會列出3種商品變化組合
註:如果之後新增了其他屬性,就需要重做變化類型設定,才能正常運作唷
step 5
接下來要做商品變化類型每個項目中的商品設定,滑到商品的項目中,點選 下三角形 展開這個商品的設定
step 6
展開之後就可以看到這個商品的個別設定
- 商品圖片:上傳商品的圖片,如果屬性是紅色,就上傳紅色衣服
- 貨號:輸入商品的貨號,貨號會對應到庫存,輸入一個唯一貨號或留空白
- 啟用:要啟用或禁用這個變化類型
- 可下載:如果商品是可下載檔案的類型就勾選
- 虛擬:如果這個商品不需要物流運送的話,勾選後就不會顯示運送類別(如電子書、影片、檔案)
- 管理庫存:如果要單獨管理這個變化類型的商品庫存,就勾選
- 定價:這個商品變化類型的的價格
- 折扣價:這個商品變化類型的折扣價格
- 庫存狀態:這個商品 目前的庫存狀態,會在網站前台中顯示
- 重量:設定這個商品的重量,為選填欄位
- 尺寸:這個商品的長、寬、高尺寸,為選填欄位
- 運送類別:通常會與主商品一樣,所以選擇與上層相同(預設值)
- 稅率類別:通常會與主商品一樣,所以選擇與上層相同(預設值)
- 描述:這個商品變化類型的簡單說明
註:可變商品的變化類型價格一定要填寫,不然不會出現在商品的頁面上
針對商品建立變化類型
若是商品不想有太多的可變屬性組合,也可以個別針對商品來做商品屬性設定
step 1
在下拉選單的地方 選擇「新增變化類型」,接著按下「送出」
step 2
接著會出現 「屬性」中有的欄位類型,再手動針對商品做變化類型就可以了
訪客看到的可變商品前台樣式
完成設定後,前台的可變商品頁面參考,就會多了 「商品屬性」的選擇,並且點選不同屬性還會顯示不同的商品圖片
10款常用電商外掛推薦
如果要架設電商網站的話,大新哥最常使用 Yith WooCommerce 的外掛功能,大部份電商網站會用到的功能都可以找的到
- Subscription– 在網站中增加月費訂閱的功能,通常用在服務類型商品
- WishList – 讓客戶可以將商品放入願望清單,之後再購買
- Request a quote – 讓客戶可以針對商品做詢價
- Points and rewards – 網站增加紅利點數兌換機制
- Role based prices – 根據不同會員等級,顯示不同的商品價格
- Dynamic pricing and discounts – 通過動態折扣和價格規則來增加轉化次數,並建立有針對性的報價
- Product bundles – 在商店中建立特別商品組合優惠
- Added to cart popup – 當客戶購買商品時顯示彈出視窗提醒
- Composite products – 提供讓客戶可以自由組合而成的商品,一般用來做客製化商品,常用在電腦、運動器材等客製規格組合
- Frequently bought together – 可以設定經常一起購買的商品,讓客戶可以更快速選擇,例如衣服+褲子 +配件
完整購物網站教學
結論
WooCommerce的可變商品 功能是電商網站很常用來展示商品的一個功能,雖然設定上有點小複雜,不過上手之後,自然會非常快速、好用且好管理
想更完成學習WordPress架站技術,歡迎加入全方位架站課程
如果這些文章對你有幫助的話,也歡迎請大新哥喝杯咖啡 <<我要前往請喝咖啡>>
想要最便宜的金流手續費優惠?
→【電商網站必備】藍新科技金流申請,享2.4%最低手續費(透過專屬表單)
更多網站教學影片都在Youtube頻道,歡迎按讚、訂閱、分享
若是有網頁設計的需求或是合作邀約,也可以透過「聯絡表單」或是「線上客服」的方式與我們聯絡
如果想要學習架設網站,或是架站遇到問題的話,也有提供 1對1線上教學 ,使用遠端電腦連線+語音的方式教學,讓你不需出門就能在家學習,歡迎設計師或工程師帶案合作
覺得網站太慢或常當機的話,歡迎參考 WordPress網站搬家服務
另外也有 網站顧問服務 及 網站健檢 服務,如果覺得網站速度太慢或是經營上的問題不知如何解決,歡迎預約時間幫你做網站健檢
推出「線上課程網站方案」,是獨立架設的網站,如果你想建立自己的線上課程網站,而不想跟課程平台分潤且受限平台規則的話,歡迎參考 MA-Course線上課程網站方案
想要經營個人品牌的話,可以先從 個人部落格 的話,不用怕平台演算法及倒閉問題,本站也有提供 部落格網站方案 ,大新哥也能提供一些網站的經營建議給你,歡迎來聊聊
想要在網路販售商品的話,我們也有提供 電商購物網站方案,費用便宜快速上線,降低剛開始微創業的經濟負擔,還能擁有網站管理自主權,不用受限於平台限制
如果對 WordPress架站、網站經營 及 網路行銷 有興趣的朋友,可以訂閱電子報或是按讚追蹤Facebook粉絲頁,我們將不定時發佈 WordPress網站 及 網頁設計、及個人品牌相關文章。
歡迎加入FB社團 「WordPres網站架設 / 網頁設計接案 / 部落格經營 / 網路行銷 /個人品牌」,主題是討論網站架設、部落格經營、網路行銷,有興趣的朋友也歡迎加入社團一同交流
網站經營需要費用,本站所提供的商品連結或廣告,透過連結購買的話,我可以獲得一點點微薄佣金,讓我們可以持續創作更好的內容,但這不會影響到你的使用權益,詳情可查看 FTC免責聲明