在打造 WordPress 購(gòu)物網(wǎng)站時(shí)，很多人都會(huì)遇到這樣的需求：商品不只是一個(gè)規(guī)格，而是有多種尺寸、顏色可選。好消息是，WooCommerce 提供了“可變商品”功能，讓每一項(xiàng)商品都可以擁有多個(gè)變體，讓顧客自由選擇。

這篇文章將一步步帶你建立一個(gè)包含尺寸與顏色選項(xiàng)的 WooCommerce 可變商品，從后臺(tái)設(shè)定到組合生成，簡(jiǎn)單又實(shí)用。

第一步：新增可變商品

• 登錄 WordPress 后臺(tái)
• 進(jìn)入左側(cè)菜單中的【商品】→【新增】

• 輸入商品名稱
• 在下方“產(chǎn)品數(shù)據(jù)”區(qū)域中，將【簡(jiǎn)單商品】切換為【可變商品】

這樣商品就可以開(kāi)始添加多個(gè)屬性與變體了。

第二步：添加尺寸屬性

• 切換到【屬性】分頁(yè)
• 選擇【自訂商品屬性】→ 點(diǎn)擊【新增】

• 在名稱欄輸入“尺寸”
• 在數(shù)值欄輸入：S | M | L（使用豎線 | 作為分隔）
• 勾選【用于變化類型】
• 點(diǎn)擊【儲(chǔ)存屬性】

你也可以先將豎線復(fù)制粘貼，以確保格式正確。

第三步：添加顏色屬性

• 繼續(xù)點(diǎn)擊【新增】
• 名稱填入“顏色”
• 數(shù)值示例：白色 (素色) | 綠色 (圖案)
• 同樣使用豎線分隔
• 勾選【用于變化類型】
• 點(diǎn)擊【儲(chǔ)存屬性】

現(xiàn)在你已經(jīng)添加了兩個(gè)屬性：尺寸與顏色，可以組合出多個(gè)變體。

第四步：建立商品組合（變體）

• 切換到【變化類型】分頁(yè)
• 點(diǎn)擊【由所有屬性建立變化類型】
• 按【送出】→ 然后依提示按兩次【確定】

系統(tǒng)會(huì)自動(dòng)生成所有組合。例如有 3 個(gè)尺寸 × 2 個(gè)顏色 = 6 個(gè)變體。

第五步：為每個(gè)變體設(shè)定圖片與價(jià)格

• 點(diǎn)選每個(gè)組合右側(cè)的【編輯】

• 上傳該變體專屬圖片
• 輸入價(jià)格（例如：390）
• 依序設(shè)定完所有組合
• 最后點(diǎn)擊【儲(chǔ)存設(shè)定】

每個(gè)變體都可以有獨(dú)立的圖片和價(jià)格，這樣前臺(tái)就能正確展示。

第六步：設(shè)定預(yù)設(shè)選項(xiàng)

商品頁(yè)面打開(kāi)時(shí)，只會(huì)顯示一個(gè)預(yù)設(shè)組合的圖與信息。

• 在【預(yù)設(shè)表單值】中選擇默認(rèn)顯示的尺寸與顏色（例如 M 號(hào) + 綠色）

• 再次點(diǎn)擊【儲(chǔ)存設(shè)定】

第七步：設(shè)定商品主圖（用于商品列表）

• 滑到頁(yè)面右下角的【商品圖片】

• 上傳你想作為商品主圖的變體圖（建議使用剛剛設(shè)為默認(rèn)的組合圖）

• 點(diǎn)擊【設(shè)定商品圖片】

第八步：發(fā)布商品并預(yù)覽

• 點(diǎn)擊【發(fā)布】
• 進(jìn)入【預(yù)覽變更】
• 在商品列表頁(yè)看到預(yù)設(shè)圖片

• 點(diǎn)進(jìn)商品詳情頁(yè)，就能自由選擇尺寸與顏色，系統(tǒng)也會(huì)自動(dòng)切換圖片與價(jià)格

總結(jié)

WooCommerce 的可變商品功能非常適合用在有多種規(guī)格的商品上。只要設(shè)定好屬性和變化類型，不論是衣服、鞋子、飾品或其他產(chǎn)品，都可以輕松做到尺寸與顏色的自由選擇。按照本文步驟一步步設(shè)置，很快就能讓商品頁(yè)面更加完整、專業(yè)、好用。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息