如何設置 WooCommerce 可變產品 – 完整指南 [2022]

如果您打算將 WooCommerce 用於您的在線商店，那麼您做出了正確的選擇。 它絕對是幫助您建立電子商務商店的最可靠工具之一。

2020 年，前 100 萬個電子商務網站中有超過 26% 使用 WooCommerce。 總共有超過 500 萬個網站在使用 WooCommerce。

為什麼不？ WooCommerce 使創建高質量的在線商店變得如此容易，並取得了很好的成果。

WooCommerce 的最佳功能之一是添加產品非常容易。 但是，第一次使用時，有時可能會感到困惑，尤其是在添加可變產品時，即由於顏色、尺寸等而具有多種變化的產品。

事實上，僅僅添加產品是行不通的。 您還必須學習優化產品數據和產品頁面。

產品變體是讓人們選擇和做出決定的好方法，因此針對可變產品優化產品頁面至關重要。

今天，我將為您提供有關如何添加 WooCommerce 可變產品的完整指南。

閱讀本指南後，您將能夠：

• 準確地將產品添加到您的商店，而不會浪費時間
• 有效地為您的可變產品創建產品變體
• 優化商店的產品數據以增加銷售額
• 獲取可操作的提示以改進您的可變產品頁面以提高轉化率

那麼，讓我們深入研究一下。

了解 WooCommerce 可變產品

您可能有一些具有多種變體的產品。 例如，假設您銷售 3 種不同顏色的 T 卹。 在這種情況下，T 卹是可變產品，T 恤的每個顏色版本都是一個變體。

在 WooCommerce 中，當您添加產品時，您可以選擇產品類型為“可變產品”，然後輕鬆添加變體。

將可變產品添加到 WooCommerce 後，產品頁面將如下所示：

如您所見，您可以單擊下拉菜單來選擇產品的變體。

接下來，您將能夠以多種方式自定義產品頁面，例如使用合適的插件、應用 WooCommerce 主題或自行自定義頁面設計。

例如，您可以使用插件 Variation Swatches for WooCommerce，以色板的形式顯示變體。

現在，讓我為您提供有關向 WooCommerce 商店添加和優化可變產品的分步指南。

所以讓我們開始吧。

添加和優化 WooCommerce 可變產品的分步指南

按照以下步驟操作後，您將能夠輕鬆地在您的 WooCommerce 商店中添加可變產品。 稍後，您將獲得可操作的提示，可用於快速實現更高的轉化率。

第 1 步 - 創建變體產品屬性

正確添加 WooCommerce 變量產品的第一步是創建變體產品屬性並分配其變體。

變體產品屬性基本上是產品可能發生變化的因素。 例如，如果產品有 3 個顏色變體，則“顏色”是變體產品屬性，每種顏色都是一個變體。

因此，讓我們學習如何創建一個。

1.在您的儀表板上，轉到產品 > 屬性。

在這裡，您將看到創建變體屬性的選項。

2.在各自的字段中輸入屬性的名稱和 slug。 例如，您可以將其命名為“顏色”並指定 slug 為“顏色”。

然後單擊下面的“添加屬性”按鈕。

您將看到該屬性已添加到右側。

在這裡，我添加了一個名為 Color 的變體產品屬性。

3.在屬性右側的條款下，您將看到一個名為配置條款的選項。 點擊它。

它將帶您到可以添加變體的頁面。

4.在各自的字段中輸入變體名稱和 slug，如果需要，還可以添加描述。

例如，您可以將其命名為“Blue”，並將 slug 指定為“blue”。

5.然後點擊下方的添加新顏色按鈕。 您將看到該變體已添加到右側。

您可以在此處添加更多變體。 我又添加了兩個，綠色和紅色。

到目前為止，您有一個變體產品屬性，它是對應的變體。 您可以重複整個步驟以添加更多變體產品屬性及其變體。

在將可變產品添加到您的 WooCommerce 商店時，這些將用於設置變體。

第 2 步 - 添加新產品

下一步是添加產品並將其設置為可變產品。

1.在您的儀表板上，轉至產品 > 添加新的。

它將帶您進入一個空白的產品編輯頁面，輸入產品所需的數據。

在這裡，您需要添加一些產品數據； 確保數據已優化。

在您繼續閱讀時，我將給您提供相關示例，以幫助您了解如何優化數據。

2.添加產品名稱和描述。

盡量避免在產品名稱上使用太多營銷方案，但要包含可能使其脫穎而出的獨特功能。 而且，在某些情況下，您也可以在名稱中包含變體術語。

在描述中，嘗試解釋人們在購買產品時可能會了解的所有產品功能。

如果您有尺碼變體，那麼最好在說明中也包含尺碼表。

請務必在此處突出產品的所有優勢和特殊功能。

3.在右側，您將獲得分配產品類別的選項。

在這裡，您可以選擇一個已經存在的合適類別或為該產品創建一個新類別。

將產品放在相關類別中很重要，因為人們通常會根據您商店中的類別搜索產品。

4.為您的產品添加圖片。

在右側，您將獲得添加產品圖像的選項。 單擊設置產品圖片以上傳圖片。

這是產品的主要形象。 人們在查看產品頁面時通常會首先註意到此圖像。

對於主圖像，最好使用一張圖片，它是一張圖片中所有變體的集合，這樣人們就知道他們有選擇的餘地。

**您將能夠根據變體添加圖像，稍後我將向您展示。

確保圖像清晰並與您銷售的產品相匹配。 避免使用看起來比實際產品更好的假圖像或增強圖像。

記住。 您來這裡是為了長期開展業務。 欺騙人們可能會導致他們不再向您購買。 您的原創性越高，就會有越多的人成為您的固定買家。

在產品圖片部分下方，您將能夠在圖庫中添加更多圖片。

嘗試從產品的不同角度添加多個圖像以正確展示它。

這些是您需要添加的產品的基本數據。 但是，還有更多選項可用，例如簡短描述和標籤。 我將在本文後面為您提供有關如何優化它們的提示。

第 3 步 – 將產品配置為可變產品

輸入基本信息後，您需要將此產品配置為可變產品。

1.下面，您可以看到產品數據部分。

您將看到在產品數據字段中，它被設置為簡單產品。

2.單擊簡單產品並將其更改為可變產品。

您將看到下面的菜單將發生變化。

在這裡，默認情況下，您將在左側獲得 7 個主菜單（可能還有更多，具體取決於您使用的其他插件）。

3.首先，配置常規菜單。

在這裡，您將獲得兩個選項：

• 稅務狀況–
  在這裡，您可以選擇產品是否應納稅，或者該稅是否僅適用於運費，或者如果產品不納稅，則選擇“無”選項。

• 稅類–
  如果您將產品標記為“應納稅”，那麼您將需要從設置 WooCommerce 時創建的稅類中選擇一個稅類。

4.接下來，配置庫存菜單。

在這裡，您將獲得三個選項：

• SKU –
  這是產品的父 SKU。 即使您分配了這個，您仍然需要為產品變體分配唯一的 SKU（我稍後會向您展示）。

• 管理庫存 –
  如果啟用此功能，您將能夠
  - 指定您的產品的可用數量，
  -選擇是否允許延期交貨，以及
  - 設置閾值以在庫存低時通知。
  **對於可變產品，最好在每個變體中而不是在此處管理庫存。

• 單獨出售 –
  如果您對該產品的每個訂單僅接受 1 件商品，則可以啟用此功能。

5.現在，轉到運輸菜單。

在這裡，您可以指定產品的重量和尺寸，這可能會影響運輸成本。

如果您在設置 WooCommerce 時創建了 Shipping 類，如果適用，您可以在此處分配它。

6.然後是鏈接產品菜單。

在這裡，您可以為該產品分配追加銷售或交叉銷售的產品。

• 這是有關如何有效使用它們的指南。

最好分配更好、更貴的類似產品作為追加銷售。 它們將在產品頁面上顯示為建議產品。

例如——如果是皮夾克，那麼你可以推薦更多質量更好、價格更高的皮夾克。

您還可以將與該產品相關的產品指定為交叉銷售。 它們將被推薦給購物車中的買家。

例如——如果是襯衫，你可以推薦合適的牛仔褲來搭配它。

我將在下一步中解釋 Attributes 菜單和 Variations 菜單，因為它們包含設置 WooCommerce 變量產品的主要選項。 現在，讓我們看一下“高級”菜單。

7.進入高級菜單。

在這裡，您可以在購買過程中為買家留下備註，並啟用買家評論。

第 4 步 – 為產品添加變體屬性

您已在最後兩個步驟中設置了所有基本數據。 現在，您將學習為您的產品創建變體。

1.進入屬性菜單。

2.你可以看到有一個選項說自定義產品屬性。 點擊它。

您將能夠從您在本指南的第 1 步中創建的變體產品屬性中進行選擇。

我已經創建了三個以及“顏色”，因此您可以在上圖中看到四個選項。

3.選擇您要用來為該產品創建產品變體的那個，然後單擊“添加”。

例如，假設您要為此產品創建顏色變體。 然後選擇顏色。

可以看到，Color 屬性已經被賦值。

4.在值下，如果您單擊該字段，您將獲得從您為此屬性創建的變體中進行選擇的選項。

如果您認為所有變體都適用於該產品，您可以單擊全選，所有顏色變體將被添加。

您可以看到我已決定添加我在第 1 步中創建的所有變體，藍色、綠色和紅色。

**在右側，您可以看到有一個添加新按鈕。 如果您需要添加僅適用於該產品的顏色，但您不需要將其用於任何其他產品，您可以單擊它在此處添加。

5.接下來，勾選“用於變體”選項。

這將允許您使用您分配的變體術語創建此產品的變體。 完成後，單擊下面的保存屬性。

您已成功為該產品分配了變體產品屬性。

您可以重複步驟 4 中的過程，直到此處添加更多變體產品屬性。

獎勵條件步驟 –

您在步驟 1中學習創建的變體產品屬性將在全局範圍內使用。 您創建的任何產品，您都可以將這些屬性分配給它們。

但是，在某些情況下，您的產品的變體可能與您商店中的任何其他產品都不相似。

例如，假設您決定銷售一件獨特的夾克，該夾克具有基於封口的變體——一個有拉鍊封口，另一個有鈕扣封口。 在這種情況下，不太可能會有更多具有相似變體的產品。

在這裡，您可以做的是，您可以直接為該產品創建自定義變體屬性，而不是創建全局變體產品屬性。

就是這樣。

一世。 在屬性菜單中，選擇自定義產品屬性，而不是選擇變體產品屬性，然後單擊添加。

它將在下面添加一個空白屬性。

ii. 在這裡，以“Variant1|Variant2”的形式命名屬性並分配值。

iii. 並選中“用於變體”選項。

iv. 然後點擊保存屬性。

接下來，是時候根據您添加的屬性變體生成產品變體了。

第 5 步 – 生成產品變體

現在您的屬性已添加到您的產品中，是時候生成產品變體了。

1.轉到變體菜單。

2.在這裡，單擊添加變體，然後選擇“從所有屬性創建變體”。

3.然後點擊Go ，WooCommerce 會要求您確認。 確認後，將添加此產品的變體。

**如果您在步驟 4中為變體標記了多個屬性，那麼 WooCommerce 將在此處生成變體之間的所有可能組合。

例如，如果您使用具有 3 個變體術語的尺寸屬性和具有 3 個變體術語的顏色屬性，則總共將生成 9 個產品變體。\

然後，您可以刪除不需要的那些。

第 6 步 – 正確配置每個變體

現在，您必須配置每個生成的變體並輸入正確的數據。

1.單擊一個變體，它將展開。

2.首先，為SKU分配一個唯一值。

3.接下來，輸入該產品的價格和庫存狀態。

如果您有促銷活動，您可以包含促銷價格。

您可以將庫存狀態指定為“有貨”、“缺貨”或“延期交貨”。

4.上傳專用於此變體的合適圖像。

這意味著如果有人在產品頁面上選擇此變體，則將查看此圖像。

確保在此處包含一個好的圖像。

6.添加說明並分配稅類（如果適用）。

即使您之前添加了描述，在每個變體中添加簡短描述仍然是一個好主意。

當一個人選擇這個變體時，他/她會得到一個專門針對這個變體的描述。 因此，您將有機會突出產品這一特定變體的獨特性。

而且，如果您願意，您可以僅為該變體啟用 Tax 類； 您可以將值從“與父級相同”更改為您在設置 WooCommerce 時創建的類之一。

7.您還可以為該變量分配重量、尺寸和運輸類別。

8.在圖片下方，您會看到一些選項。 選擇適用於您的要求的那些。

您將獲得以下選項：

• 啟用 -
  如果您取消選中此選項，此變體將不會作為選項出現在產品頁面上。

• 可下載 -
  如果您的產品需要隨產品一起下載的可下載文件，請選中此選項。

**當您將產品標記為可下載時，您將獲得其他選項 — 附加文件、添加文件鏈接、分配下載限製或
將到期日期指定為下載時間。

• 虛擬的 -
  如果您將產品標記為虛擬，則表示該產品無法發貨，因為它是在線產品。

**當您將產品標記為虛擬時，您將看到重量、尺寸和運輸等級字段將不再可見。

• 管理庫存 –
  如果您想管理每個變體的庫存，則可以啟用此選項。

**如果您啟用管理庫存，庫存狀態字段將不再可見。 相反，您將獲得輸入可用數量的選項，並指示您是否允許延期交貨。

最好根據每個變體管理庫存，因為有時某個變體可能會提前售罄。 在產品級別而不是變體級別進行管理可能會導致您回答許多關於不可用變體的查詢。

9.現在單擊下面的保存更改。 然後為您為此產品生成的每個變體重複步驟 6 中的所有任務。

10.向上滾動並在右上角，點擊發布，產品將被發布。

而已。 您已成功創建 WooCommerce 變量產品。

如何優化產品數據以增加銷售額

現在，我將為您提供一些優化產品數據的技巧，這將幫助您提高轉化率。

大多數人會給你一些建議，比如“使用優化的圖像來突出你的產品”，或者“在你的產品描述中優化 SEO”等等。 現在，確實所有這些都很重要。

但在這裡，我將為您提供一些獨特的想法，這些想法可能會讓您在進一步增加銷售額方面更有優勢。

一世。 選擇具有“智能形容詞”的功能特定產品名稱

在選擇產品名稱時，您必須記住，這將是人們在圖像之後首先會注意到的。

名稱應該以這樣的方式確定，以便人們可以立即知道它是什麼以及它最特別的功能。 另外，您需要使用形容詞巧妙地描述產品。

接下來，你要了解這個產品的用途。

T 卹是一種風格元素，因此您可能想要使用形容詞“時尚”。 然而，你必須考慮到“時尚”這個詞對大多數男人的影響可能較小。 您可能想使用性別友好的形容詞。

上面建議的三個名稱只是示例。 但在同一類別中的所有產品名稱上都必須使用形容詞。

例如——如果它是一件沒有獨家設計的單色 T 卹，那麼你最好將它命名為“舒適純色 T 卹”。 （當談到服裝產品時，舒適這個詞幾乎總是相對的。）

如果產品有變體，當有人選擇特定變體時，您可以在產品名稱中提及變體術語。

**在 WooCommerce 中，默認情況下無法執行此操作。 所以你必須使用自定義編碼來實現它。

您也可以選擇在產品名稱中提及所有變體術語。

例如，您可以將其命名為“The Trending Super Heroes T-shirt In Blue, Green or Red”。

儘管這可能不像單個變體名稱那樣有吸引力，但它仍然可以有效地讓人們知道可用的選擇。

ii. 讓產品描述物有所值

當一個人閱讀產品描述時，這意味著該人對產品感興趣，但想確認它是否具有他/她需要的功能。 你的任務是抓住這個機會，讓潛在客戶意識到這是他/她正在尋找的產品。

大多數人不那麼重視產品描述。 他們只是提到產品功能，僅此而已。 但請相信我，產品描述可能是做出購買決定的一大推動力。

這是我建議您可以遵循的格式。 按以下順序創建描述：

現在，這種格式只是我的建議，但它有效。

通常將第三段與第一段交換可能是一個好主意。 對於一些過於簡單的產品，最好不要使用第三段； 相反，將其與第一段結合起來。

iii. 使用簡短描述

我之前提到過，主要描述要么位於基本產品詳細信息的下方，要么帶有一個可供單擊和查看的選項卡。

因此，您可能更願意使用 WooCommerce 中的簡短描述功能，該功能顯示在產品頁面標題下方。

當您編輯產品時，轉到屏幕選項並啟用產品簡短描述選項，它將出現在產品數據部分的正下方。

在這裡，在 3 行內解釋人們正在尋找的產品的主要功能。

這將幫助人們直接意識到它是適合他們的產品。

iv. 根據主產品名稱更新 slug

當您在產品名稱中使用形容詞和變體術語時，發布它還會將它們添加到 slug 或產品鏈接中。

但是，最好使用簡單的 URL slug，而不是長的。

您可以在創建產品時分配 slug。 只需轉到屏幕選項並啟用 Slug 選項。 Slug 部分將出現在 Product Data 部分的正下方。 在那裡，你可以輸入你想要的 slug。

或者，發布產品後，您可以轉到儀表板 > 產品 > 所有產品。 在那裡尋找產品并快速編輯它。 在這裡，您將獲得輸入所需 slug 的選項。

v. 嘗試根據每個變體管理庫存

在 WooCommerce 中，您可以選擇管理庫存，即產品數量和延期交貨服務。

編輯可變產品時，您可以在產品數據部分的“庫存”選項卡中或在每個變體中進行。

最好在每個變體中使用管理庫存選項，而不是在庫存中使用。 這將允許您控制每個變體有多少可用。 如果一種變體售罄，您可以在商店中提及。

在這裡，如果您從“庫存”選項卡控制數量，買家將不知道是否有特定的變體可用。

除了以上這 5 個提示外，請記住，在產品描述上應用 SEO 優化仍然非常重要。 最好使用突出產品最佳功能的優化圖像。

**我將重複另一個重要提示。 請不要使用虛假圖片來銷售您的產品。

首先，許多人使用產品的圖像，然後交付看起來不完全相同的複製品。 它們不符合說明中聲明的功能要求。 例如，如果您說它是原裝球衣，那麼它應該是原裝的。 你不能只發送一個副本。

其次，不要編輯您的產品圖像，使其看起來比實際更好，或者看起來與實際產品不同。 例如，不要將紫色連衣裙變成粉色連衣裙。 說“顏色會與現實生活略有不同”並不能證明如此大的差異是合理的。

如何自定義產品頁面以增加參與度

當然，優化產品數據非常重要。 但優化產品頁面也同樣重要。

您可以通過可變產品獲得額外的優勢，並且有更多的定制範圍。

這裡有一些關於定制產品頁面的技巧，這些技巧目前對許多人來說都非常有效。

一世。 將您的產品頁面自定義為簡單且不那麼擁擠

尋找不太擁擠的 WooCommerce 產品頁面模板，並使潛在客戶可以輕鬆地對產品做出決定。

許多人使用的模板在第一個視圖中顯示了太多細節，這可能會使買家感到困惑。

這是一個乾淨的產品頁面的示例 -

在這種情況下，您可以直接下載自定義產品頁面模板，例如 TemplateMonster 的自定義模板，也可以使用 Elementor 等頁面構建器創建一個。

ii. 使用變體樣本提供產品變體

這是 WooCommerce 行業的新趨勢之一。

您可以以按鈕樣本的形式顯示產品變體。 例如，您可以使用彩色色板來呈現顏色變體，或使用圖像色板讓人們選擇變體。

這是吸引買家注意力並激發選擇變體的好奇心的好方法。

這是使用色板顯示產品變體的示例。

您可以使用插件 Variation Swatches for WooCommerce 通過遵循簡單指南輕鬆實現此目的。

iii. 使用圖像縮放功能突出產品

您可以讓人們將鼠標懸停在產品圖片上以獲得放大視圖。 這將讓人們正確地檢查產品。

當您銷售具有復雜細節的產品（例如古董產品）時，它會很方便。

當您擁有基於設計模式的產品變體時，這也可能很有用。

您可以使用 WooCommerce 的插件 Product Image Zoom 來實現此目的。

iv. 在產品頁面上使用基於目標的折扣

您可以為人們設置基於目標的折扣優惠，並在產品頁面上提及以影響人們購買更多商品。

以下是如何展示折扣優惠的示例：

您可以通過 ELEX WooCommerce 動態定價和折扣等插件來處理此問題。

v. 在產品頁面中添加快速購買選項

確保轉換的一種方法是在買家對產品感興趣時立即購買。

因此，您可以做的就是讓人們可以立即完成購買。 您可以使用插件 Buy Now For WooCommerce 來實現這一點。

這是一個簡單的插件，買家可以點擊立即購買按鈕，結帳頁面將顯示為彈出窗口，以便買家可以立即付款並完成購買，而無需離開頁面。

您可以進行更多自定義來改進產品頁面。 Here's a list of plugins you can checkout to customize WooCommerce variable product pages.

結論

Running a WooCommerce store can be hectic if you do not organize your shop properly. Hence, it is best to learn the proper steps and actions to take when adding products, especially variable products.

Hopefully, if you follow the steps in this guide, you will be able to run a successful WooCommerce store with no difficulties whatsoever. When it comes to selling variable products, the tips will come handy for you.

Though there are so many more to learn about WooCommerce, it's best to learn one step at a time. And learning to add variable products in an optimized way is definitely an important step that you covered through this guide.

Also, here is a list of guides you can use to learn WooCommerce in detail. Take your time and learn to set up a proper WooCommerce store so that you can achieve a high conversion rate and increased ROI in the near future.