WooCommerce 的這 12 個產品變體插件使您的網站更易於使用

已發表: 2021-10-05

下拉菜單？

第一次使用 WooCommerce 創建產品變體時，您可能會感到驚訝。

如果您在 T 恤上添加“藍色”款式，您會在產品頁面上看到一個下拉菜單。這很好用，但顏色樣本會更直觀。

此處列出的適用於 WooCommerce 的最佳產品變體插件都可以解決此問題。

下面列出的插件將為您提供顯示產品變體的視覺選項，為您提供更美觀且易於理解的方式來分享產品的尺寸、顏色等。

如果您不想使用變體，您可能更喜歡這些產品附加插件。

目錄隱藏

WooCommerce 的最佳產品變體插件
1. 1. WooCommerce 更好的變化
2. 2. WooCommerce 變體樣本
3. 3. WooCommerce 附加變體圖像
4. 4. WooCommerce 在商店頁面上顯示變化
5. 5. YITH WooCommerce 顏色和標籤變化
6. 6. WooCommerce 變體大師
7. 7. WooCommerce 批量變化
8. 8. WooCommerce 的產品變化表
9. 9. WooCommerce 產品表
10. 10.WooCombinator
11. 11. WooCommerce 的變體樣本
12. 12. WooCommerce 附加變體圖像
哪個產品變體插件最好？

WooCommerce 的最佳產品變體插件

此處僅包含評價很高的插件。

除了顯而易見的暢銷書之外，您還會發現一些獨特的附加功能，例如產品變化表和其他可變圖像。

這些插件將幫助您銷售同一產品的更多變體，並使您的購物者更容易選擇變體。

由於這些是可以幫助您增加銷售額的電子商務插件，因此它們主要是高級插件，但最後包含一個免費選項。

1. WooCommerce 更好的變化
立即查看插件
插件說明
Better Variations 為您的可變產品提供了一些簡單而獨特的選項。它有兩種“顯示模式”，可用於自定義您向客戶呈現可變選擇的方式。
“標準”顯示模式允許您確保禁用缺貨變體並顯示為灰色。這意味著它們對用戶仍然可見，但不能被選中。此功能適用於單個和多個產品屬性。您還可以為缺貨的變體添加一些額外的文本。例如，您可以添加一條簡單的消息，例如“缺貨！” 或者您甚至可以添加變體重新入庫的日期。

進一步的定制選項包括將不同顏色應用於庫存變化和缺貨變化的能力。您甚至可以選擇對變體進行排序，以便庫存商品出現在缺貨商品上方。這些都是可以通過 Better Variations 插件輕鬆實現的簡單想法。
第二種顯示模式是“網格”。這允許您在單個表格或網格視圖中顯示產品的所有變體，以便客戶可以輸入多個產品的數量，而無需單獨選擇每個變體的繁重任務。您還可以顯示每個變體的庫存和價格信息。
網格模式非常適合客戶需要快速將多種變體添加到購物車的 B2B 和批發網站。它使訂購可變產品變得更加簡單。
總體而言，Better Variations 對於任何廣泛使用產品變體的 WooCommerce 商店來說都是一個很棒的插件。

了解更多→
2. WooCommerce 變體樣本
立即查看插件
插件說明
另一個需要考慮的頂級插件是 WooCommerce Variation Swatches。這個插件最好的部分是它可以自動將您現有的下拉列表轉換為色板。只需幾分鐘即可將您的所有產品切換到更優雅的樣本選擇器設計。
這個 WooCommerce 插件還包括創建雙色調色板的功能。圓形樣本將被分成兩半，因此購物者可以輕鬆看到他們將獲得的調色板。如果您希望向客戶展示所選顏色的產品外觀預覽，您可以將色板替換為從您的特色圖片自動生成的小型產品縮略圖。
總的來說，對於任何使用顏色變化的商店來說，它都是一個很棒的插件。
了解更多→
3. WooCommerce 附加變體圖像

立即查看插件
插件說明
變體的一個主要限制是購物者繼續看到相同的產品圖像和視頻，無論他們選擇哪種變體。這一切都隨著 WooCommerce Additional Variation Images 插件而改變。
使用此插件，您可以為每個產品變體添加新的圖像和視頻。這將使客戶在購買前更好地了解產品，並提升購物體驗的質量。
WooCommerce 附加變體圖像還為您提供各種自定義選項。您可以啟用滑塊的自動播放、顯示/隱藏箭頭等元素以及更改縮略圖的位置。當然，無論您如何配置它，它都是完全響應式和移動友好的。
單擊下面的鏈接以查看更多屏幕截圖和詳細信息。
了解更多→
4. WooCommerce 在商店頁面上顯示變化

立即查看插件
插件說明
通常，WooCommerce 會在商店頁面上列出您的所有產品，購物者需要選擇產品才能查看其變體。對於某些商店，在商店頁面上包含所有產品變體更為實用，而這正是 WooCommerce Show Variations on Shop Page 可以為您的商店做的事情。
啟用此插件後，您的產品及其所有變體將出現在您的主商店頁面上。由於變體的通用產品標題是蹩腳的，您可以重寫每個變體的標題以使其更具吸引力。您還會發現，在商店頁面上按屬性過濾時，始終會顯示正確的變體。
如果您想讓您的變體在您的商店中更加突出，這個插件將非常有幫助。
了解更多→
5. YITH WooCommerce 顏色和標籤變化

立即查看插件
插件說明
YITH 的這個產品變體插件很可能是您正在尋找的插件。它使您可以向產品頁面添加漂亮的色板和其他選擇選項，而不是 WooCommerce 使用的無聊的下拉菜單。
使用此變體插件，您可以為添加的每個變量選擇正確類型的圖標以顯示在產品頁面上。例如，您可以為訪問者添加顏色選擇器以選擇顏色，為完全不同的樣式添加圖像，或為選擇大小添加純文本。僅此選項就使該插件物有所值，但還包含更多功能。
您還可以為每個變體添加完全不同的圖像庫。例如，如果您有一件連帽衫要出售並且有人選擇了綠色版本，那麼您的所有圖庫圖片都會更新以匹配綠色版本。您還可以添加與樣式縮略圖的較大圖像一起出現的小工具提示。

除了所有這些功能之外，您還可以在每個變體下方添加簡短描述，在產品描述下方的“附加信息”部分中列出所有變體選項，並在商店頁面上顯示您的變體，例如單個產品。
總體而言，這是一個出色的插件，可以控制您的變化並為您的客戶創造更好的用戶體驗。
了解更多→
6. WooCommerce 變體大師
立即查看插件
插件說明
這個插件被稱為“Variation Master”是有原因的。它不僅僅是在您的產品頁面上添加色板和自定義標籤。
如您所料，此插件可讓您在產品頁面上顯示顏色樣本，並為項目尺寸顯示單個字母（“L”表示大）。除了此功能外，它還包括許多其他有用的功能。
使用 WooCommerce Variation Master，您可以為每個變體添加新的圖片庫。如果您有四張白色襯衫的圖片，而客戶切換到粉色版本，則所有四張圖庫圖片都會更新。還有一個選項可以將圖庫圖片變成滑塊，這樣您就可以添加更多產品圖片。為了獲得更流暢的購物體驗，您可以直接在商店頁面和單個產品頁面上啟用所有這些選項。

WooCommerce Variation Master 插件中最酷的功能可能是購物車頁面彈出窗口。每個購物車項目都添加了一個新的“更新”按鈕，如果客戶點擊它，它會在購物車頁面中顯示一個彈出窗口。在彈出窗口內，可以更改變體選項。例如，可以將黑色襯衫換成藍色。數量也可以調整。
該插件添加的所有設計都是完全響應的，因此這些選項將可以在桌面和移動設備上完全訪問。如果您想要大量方法來自定義如何為您的產品選擇變體，WooCommerce Variation Master 插件將是一個不錯的選擇。
了解更多→
7. WooCommerce 批量變化
立即查看插件
插件說明
根據您銷售的產品類型，您可能會發現客戶想要購買同一產品的多個變體。默認的變體下拉菜單使這非常耗時，因為您必須一次將每個變體添加到購物車中。

WooCommerce Bulk Variations 插件通過以矩陣或網格格式顯示特定產品的所有變體來解決此問題。客戶可以輸入他們需要的每個變體的數量，然後單擊一次“添加到購物車”按鈕，而不是多次重複該過程。
有很多用於配置批量變化網格的選項。您可以選擇將其用於哪些產品以及是否為每個變體顯示圖像。有一些選項可以選擇在變體網格中將哪些屬性顯示為行或列，並且您可以顯示額外信息，例如庫存信息。
了解更多→
8. WooCommerce 的產品變化表
立即查看插件
插件說明
如果您正在銷售服裝，您可能會接受色板和友好的視覺選項來選擇單件商品。但對於技術產品來說，這可能還不夠。例如，購買計算機零件或相機設備的購物者可能希望同時查看許多規格。這就是變體表插件的用武之地。

使用 WooCommerce 插件的產品變體表，您可以顯示所有不同變體的完整表。更好的是，訪問者可以直接將表中的產品添加到他們的購物車中。這意味著您不僅可以直觀地展示所有變體，還可以將其用作銷售工具，讓訪問者一次購買多個變體。
該表包括實時搜索，當訪問者在搜索欄中鍵入時會立即更新行。眾所周知，表格很難適應移動設備，但這個插件可以很好地處理響應式設計。
了解更多→
9. WooCommerce 產品表
立即查看插件
插件說明
通常，WooCommerce 只允許客戶在單個產品頁面上選擇變體。這並不理想，因為如果客戶想要購買幾種不同的可變產品，他們必須訪問多個頁面。
WooCommerce 產品表是完美的解決方案，因為它允許客戶在單個產品頁面之外添加變體。它通過在快速訂單表單佈局中列出產品來實現這一點，並配有數量選擇器和變體選擇器。
您可以在商店頁面、類別頁面或通過向任何頁面或帖子添加短代碼手動列出產品和變體。如果每張桌子上都有很多產品，您可以使用 AJAX 驅動的搜索框幫助客戶更輕鬆地找到它們。還可以添加過濾下拉列表，以便客戶可以快速過濾表格以查找具有特定屬性的可變產品。
有兩種方法可以在產品表中顯示變體。您可以在每個產品的添加到購物車列中將它們顯示為下拉列表，也可以在表格的單獨行中列出每個變體。無論哪種方式，它都是從單個產品頁面之外選擇變體的絕佳方式。
了解更多→
10.WooCombinator
立即查看插件
插件說明
WooCombinator 是將您的變體下拉菜單轉換為更具吸引力的設計的另一個絕佳選擇。
該插件會將您的所有變體列為產品描述上方的按鈕。例如，您可以在頁面上列出一個帶有“玻璃”和“塑料”作為變體的瓶子，您的訪問者可以快速單擊一個來選擇它。所選變體會在頁面上突出顯示，以明確他們的選擇。
當您有多個 WooCommerce 屬性和產品變體時，WooCombinator 提供了一種讓訪問者快速挑選出他們想要的產品版本的絕佳方式。更不用說，選擇正確的選項很有趣，您最終可能會根據這些選擇收取更多費用，這將提高您的底線。
如果您是開發人員或知道如何編寫 CSS，您可能更喜歡這個插件。它允許您為元素和狀態添加自定義類，並輕鬆添加您自己的內聯 CSS 規則。還有大量文檔可以幫助初學者和高級用戶。
WooCombinator 為您的客戶提供比默認下拉菜單更流暢的體驗。購物者可以一次清楚地看到所有選項，並且他們的選擇一目了然。也就是說，YITH 插件提供了顯示可用的實際顏色，並且可以包含更清晰、更明顯的小產品圖像。
了解更多→
11. WooCommerce 的變體樣本
立即查看插件
插件說明
如果您正在尋找一個免費且直接的選擇，WooCommerce 的 Variation Swatches 非常棒。
這個插件完全按照您的預期工作。它採用您的顏色選項，而不是使用 WooCommerce 通常顯示的下拉菜單，而是輸出可以輕鬆單擊的顏色樣本。這使訪問者可以快速查看可用的顏色並選擇一種。
也許比簡單的色板更實用的是圖像選項。例如，如果您有同款手錶的不同款式，您可以將色板替換為各種手錶款式的小縮略圖。圖像變化樣本比使用純色更具描述性。
這個 WordPress 插件適用於顏色以外的各種可變產品屬性。它也適用於服裝尺碼、鞋碼和戒指尺碼。您可以將其調整為幾乎任何您想要的產品屬性。
雖然更高級的選項僅限於 PRO 版本，但免費版本非常有用，並且非常適合添加顏色和圖像樣本。
了解更多→
12. WooCommerce 附加變體圖像
立即查看插件
插件說明
WooCommerce Additional Variation Image 是一個簡單的功能插件，可為您的網站添加更多變體圖像。
使用此插件，您可以為網站上的每個變體添加更多產品圖片。當潛在客戶選擇新的變體時，所有圖像都會立即更新以匹配。
雖然這個 WooCommerce 插件不像其他插件那樣包含視覺樣本，但除了此處列出的其他插件之外，您還可以使用它。這意味著您可以使用不同的插件來替換默認的下拉菜單並堅持使用此插件來添加更多圖像變體。
作為在 WooCommerce 官方商店出售的插件，您還可以相信 WooCommerce 開發團隊對它進行了良好的編碼和完整的文檔記錄。
了解更多→