如何在 WooCommerce 中顯示產品變化

已發表: 2021-01-03

銷售單個產品的多個變體是相當普遍的。 無論是 T 卹尺寸、顏色偏好還是購物者需要考慮的其他一些因素,您都可以使用 WooCommerce 輕鬆顯示所有可用選項。

在這篇文章中,我們將簡要討論產品變體的用途,然後引導您了解如何在 WooCommere 中設置它們。 我們還將分享一些相關插件,可以幫助您增強您的優惠和產品展示。

讓我們潛入吧!

了解 WooCommerce 產品變化

雖然您可能不知道該術語,但您可能非常熟悉產品變體。 這是當單個物品有多種選擇時,例如不同的尺寸、顏色、口味或氣味:

Target.com 上的產品變體示例。

每個產品變體都需要有自己的庫存單位 (SKU) 編號以區別於其他產品。 但是,變體通常都顯示在單個產品頁面上,並帶有選擇器以最大程度地減少混淆並確保客戶看到所有可用選項。

產品變化可以用於許多目的。 有些是實用的,例如服裝尺碼。 其他旨在幫助您吸引不同購物者的個人品味,例如提供多種顏色或圖案的商品。

此外,您可以為每個變體保持相同的價格,或根據客戶選擇的選項調整成本。 例如,這款壓力鍋有多種尺寸,價格不斷上漲:

不同價格的 Instant Pot 產品變化示例。

簡而言之,您可能希望在 WooCommerce 網站上實施產品變體的原因有很多。 幸運的是,流行的電子商務插件可以輕鬆地進行設置。

如何在 WooCommerce 中顯示產品變化(分 4 個步驟)

在 WooCommerce 中顯示產品變體實際上非常簡單,特別是如果您已經熟悉該插件。 下面,我們將帶您完成整個過程。 但是,請注意,出於本文的目的,我們假設您已經啟動並運行了您的在線商店,並且您知道如何在 WooCommerce 中創建和編輯簡單的產品。

步驟 1:創建可變產品

WooCommerce 使您能夠設置開箱即用的產品變體。 只需選擇Products > Add New即可開始。

輸入商品的標題和描述後,向下滾動到商品數據部分。 從頂部的下拉菜單中,選擇可變產品

在 WooCommerce 中創建可變產品。

您會看到產品的選項相應地發生了變化。 例如,不再有您可以輸入商品價格的字段(稍後您可以包含此信息)。

第 2 步:添加產品屬性

接下來,單擊“屬性”選項卡。 從下拉菜單中,選擇要添加的 WooCommerce 產品變體類型。 默認選項是colorsize ,但您也可以根據需要創建自定義屬性:

添加 WooCommerce 產品屬性。

單擊添加按鈕以應用您選擇的屬性。 然後填寫以下所需信息:

產品尺寸屬性。

啟用產品頁面上可見用於變體選項非常重要。 然後您可以列出您的屬性值(例如smallmediumlargeredyellowblue )。

如果您的產品具有多個可變屬性(例如,如果它有各種尺寸和顏色),您也可以重複此過程。 完成此處後,請記住單擊“保存屬性”

第 3 步:生成您的變體

現在您可以轉到“變體”選項卡。 在那裡你會看到一個帶有兩個選項的下拉菜單 -添加變體從所有屬性創建變體

在 WooCommerce 中生成產品變體的選項。

第二個選項將為您指定的每種可能的屬性組合自動生成 WooCommerce 產品變體。 如果您更願意手動添加選項,請選擇添加變體並使用可用菜單來構建每個選項:

手動添加產品變體。

然後您可以為每個變體填寫產品信息,就像如果它們是不同的項目一樣。 正如我們之前提到的,為了庫存管理目的,每個變體都需要自己的 SKU 編號:

為每個變體添加產品數據。

如果相關,您也可以在此處為每個變體指定不同的價格。 您還需要提供運輸和稅務信息。 為每個 WooCommerce 產品變體完成此操作後,單擊Save changes

第 4 步:預覽和發布您的可變產品

在此階段,您可能需要添加其他數據以完成您的產品頁面。 輸入所有相關信息後,您可以保存所有更改並預覽項目:

可變 WooCommerce 產品的預覽。

確保檢查變體選擇器,並確保所有選項都在那裡。 如果一切正常,並且您已準備好開始銷售此產品,則可以通過單擊編輯器中的“發布”按鈕使頁面生效

WooCommerce 產品變體插件

正如我們所見,WooCommerce 包含您設置產品變體所需的一切。 但是,您可能需要使用一些擴展和其他插件來增強此功能。

首先,您可以查看 WooCommerce 的附加變體圖片庫:

WooCommerce 的其他變體圖像庫。

此插件使您能夠為每個產品變體添加圖片庫,因此客戶可以從多個角度查看具有他們選擇的屬性的項目。 這可以防止購物者翻閱那些沒有展示他們實際感興趣購買的顏色或尺寸的照片,並且還可以最大程度地減少混淆。

如果您沒有大量圖片要展示,WooCommerce 的 Variation Swatches 會將默認屬性選擇器更改為具有視覺吸引力的按鈕,讓購物者可以先睹為快:

WooCommerce 的變化色板。

您還可以在 WooCommerce 市場中找到高級產品變體擴展,例如 WooCommerce 的產品變體表。 此解決方案添加了一個具有排序和過濾功能的表格,並包含您產品的所有變體,以便客戶可以快速找到他們正在尋找的內容。 該插件的價格為每年 49 美元。

最後,如果您的客戶經常購買單個產品的多個變體,您可能需要考慮投資批量變體形式。 它使購物者能夠一次快速地將多個變體添加到他們的購物車中,而不必單獨選擇每個變體,而且每年的費用為 49 美元。

結論

在 WooCommerce 中啟用產品變體可以為您的客戶提供更好的在線購物體驗,並最大限度地減少您必須創建和管理的產品頁面數量。 幸運的是,您可以使用 WooCommerce 的默認功能立即設置它們。

在 WooCommerce 中顯示產品變體只需四個步驟:

  1. 創建可變產品。
  2. 添加產品屬性(例如尺寸和顏色)。
  3. 生成您的變體,以便每個變體都有唯一的 SKU 編號(如果適用,還有價格)。
  4. 預覽並發布您的可變產品。

您對 WooCommerce 中的產品變體有任何疑問嗎? 在下面的評論部分提問!

圖片來自 Bloomicon/shutterstock.com