如何按類別使用產品 WooCommerce 塊

已發表: 2021-12-15

當您經營 WooCommerce 商店時，您可以使用各種策略來增加轉化率。 例如，讓客戶更容易訪問您的產品是改善網站導航和促進銷售的最簡單方法之一。 通過使用按類別分類的產品WooCommerce 塊，您可以按類別過濾您的商品，並幫助消費者更有效地瀏覽您的庫存。

在這篇文章中，我們將按類別探索 WooCommerce 塊的產品以及如何有效地使用它。 我們還將回答有關此元素的一些常見問題。

讓我們開始吧！

如何按類別 WooCommerce 塊將產品添加到您的帖子或頁面

Products by Category塊使您能夠顯示一個或多個類別的各種項目。 此元素還可以根據不同的標準訂購您的產品。 幸運的是，使用這個塊很容易。

首先，前往您要使用該區塊的帖子或頁面。 然後，單擊+圖標 (1) 添加新塊，然後在搜索欄中鍵入“產品類別” (2)。 最後，選​​擇出現的第一個圖標 (3)：

按類別插入產品塊。

或者，您可以在段落塊中鍵入“/products by category”，然後按 Enter鍵。 任何一種方法都會將 WooCommerce 元素插入到您的帖子或頁面中：

在“按類別劃分的產品”塊中選擇一個類別。

然後，您可以通過單擊它們旁邊的框來選擇一個或多個類別。 例如，您可以選擇Accessories 。

如果您對選擇感到滿意，請單擊完成。 您現在應該會看到一個包含 WooCommerce 商店中相關產品的網格：

使用按類別劃分的產品塊。

此時您的產品網格可能看起來有點混亂。 但是，在下一節中，我們將探討如何自定義塊的外觀以滿足您的需求。

按類別分類的產品 WooCommerce 塊設置和選項

您可以使用各種設置來自定義按類別劃分的產品塊。 幸運的是，這些配置易於訪問和調整。

首先，您會注意到該塊正上方的設置欄。 它包含一系列配置選項：

Products by Category 塊的設置菜單。

以下是這些設置的快速概覽：

  1. 更改塊類型或樣式：在這裡，您可以將元素轉換為不同的元素，例如Best Selling Products塊。
  2. 更改對齊方式：您可以選擇使塊全寬或寬寬。
  3. 編輯：此設置使您可以更改所選類別或將額外類別添加到塊的顯示網格。
  4. 選項：在這裡，您可以移動或複制元素。 此外，您可以將其添加到您的可重用塊或創建一個組塊。

您可以通過單擊塊然後選擇塊編輯器右上角的齒輪圖標來訪問更多配置選項。 這樣做會在屏幕右側打開一個新的設置菜單：

塊編輯器中的塊設置菜單。

讓我們詳細看看每個設置菜單項。 首先，產品類別選項使您可以更改所選類別或選擇其他類別：

按類別 WooCommerce 塊劃分的產品的產品類別設置。

如果您進一步向下滾動菜單，您可以訪問佈局和內容設置。 在這裡，您可以選擇在 WooCommerce 產品網格中顯示多少列和行。 此外，您可以選擇將在您的商品旁邊顯示的信息，例如產品名稱、價格和評級：

WooCommerce 塊的佈局和內容設置。

接下來，您可以單擊Order products by下方的下拉菜單。 您可以在此處選擇 WooCommerce 商品的順序，例如價格、評級或字母順序：

如何在產品類別塊中訂購產品。

最後一個選項使您能夠將自定義 CSS 類添加到塊中。 一旦您對所有選擇感到滿意，您可以點擊離開該塊並保存您的帖子或頁面。

有效使用按類別 WooCommerce 塊的產品的提示和最佳實踐

使用Products by Category塊相對簡單。 但是，您可以使用一些技巧和最佳實踐來充分利用此元素。

例如，您可以在元素上方添加一個標題塊來描述它包含的產品。 通過這樣做，您可以區分頁面上的不同項目，並將客戶指向他們可能感興趣的產品：

在 WooCommerce 塊上方添加標題塊。

此外，您可能會考慮限制顯示網格中的產品數量。 如果你有一個大型 WooCommerce 商店，這個塊很容易占據你的大部分頁面。 因此，您可能需要選擇 6 到 10 個頂級項目，以避免過多的選擇讓您的客戶不堪重負：

使用按類別 WooCommerce 塊劃分的產品顯示六種最新產品。

最後，您可以考慮對您的產品隱藏評論。 客戶評論可以為您的品牌提供社會證明，並激勵其他消費者購買您的產品。 但是，如果您的較新項目還沒有反饋，則沒有理由顯示空白字段。

有關按類別 WooCommerce 塊的產品的常見問題

我們已經深入介紹了這個 WooCommerce 塊。 但是，如果您有任何揮之不去的疑慮，我們現在將解決一些有關使用此元素的常見問題。

我在哪裡可以按類別塊使用產品？

您可以在與塊編輯器一起使用的 WordPress 網站的任何部分中使用此元素。 因此，您可以將其添加到任何帖子和頁面。 此外，您可以創建一個 WordPress 小部件並在頁腳或側邊欄中顯示該塊。

按類別塊劃分的產品與特色類別 WooCommerce 塊有何不同？

這兩個 WooCommerce 塊具有非常相似的名稱。 但是，特色類別WooCommerce 塊會創建一個號召性用語 (CTA)，提示客戶單擊它並瀏覽特定集合中的項目。 相比之下，按類別劃分的產品塊在可視網格中顯示項目選擇。

分類 WooCommerce 塊的產品與分類塊有何不同？

類別塊顯示屬於特定集合的 WordPress 博客文章的選擇。 相比之下，按類別劃分的產品塊僅顯示來自您的 WooCommerce 商店的商品。

結論

如果您有一家大型 WooCommerce 商店，您可能會庫存跨越多個類別的產品。 但是，在一個部分中顯示您的所有商品可能會使客戶不知所措，並阻止他們找到他們想要購買的產品。

通過使用按類別分類的產品WooCommerce 塊，您可以顯示屬於特定類型的項目選擇。 此外，您可以選擇元素的順序並限制它們在顯示網格中顯示的數量。 因此，您可以展示商店的不同部分並幫助您的客戶做出明智的購買決定。

您對按類別使用 WooCommerce 塊的產品有任何疑問嗎？ 在下面的評論部分讓我們知道！

特色圖片來自 Banpot Chaiyathep / shutterstock.com