如何按類別使用產品 WooCommerce Block

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

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

讓我們開始吧!

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

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

首先,前往要使用該塊的帖子或頁面。 然後,單擊 + 圖標 (1) 添加一個新塊,然後在搜索欄中鍵入「按類別分類的產品」(2)。 最後,選擇出現的第一個圖標(3):

how-to-use-the-product-by-category-woocommerce-block 如何按類別使用產品 WooCommerce Block

或者,您可以將「/products by category」輸入到 段落塊 然後按 Enter 鍵。 任一方法都會將 WooCommerce 元素插入到您的帖子或頁面中:

How-to-use-the-products-by-category-woocommerce-block-1 如何按類別使用產品 WooCommerce Block

然後,您可以通過單擊旁邊的框來選擇一個或多個類別。 例如,您可以選擇附件。

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

how-to-use-the-products-by-category-woocommerce-block-2 如何按類別使用產品 WooCommerce Block

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

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

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

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

how-to-use-the-products-by-category-woocommerce-block-3 如何按類別使用產品 WooCommerce Block

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

  1. 更改塊類型或樣式:在這裡,您可以將元素轉換為不同的元素,例如 暢銷產品 堵塞。
  2. 更改對齊方式:您可以選擇使塊全寬或寬寬。
  3. 編輯:此設置使您能夠更改所選類別或向塊的顯示網格添加額外類別。
  4. 選項:在這裡,您可以移動或複製元素。 此外,您可以將其添加到您的 可重複使用的塊 或創建一個 組塊.

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

how-to-use-the-products-by-category-woocommerce-block-4 如何按類別使用產品 WooCommerce Block

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

how-to-use-the-products-by-category-woocommerce-block-5 如何按類別使用產品 WooCommerce Block

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

how-to-use-the-products-by-category-woocommerce-block-6 如何按類別使用產品 WooCommerce Block

接下來,您可以單擊「訂購產品」下方的下拉菜單。 您可以在此處選擇 WooCommerce 商品的順序,例如價格、評級或字母順序:

how-to-use-the-product-by-category-woocommerce-block-7 如何使用產品按類別 WooCommerce Block

最後一個選項使您能夠添加 自定義 CSS 類 到塊。 一旦您對所有選擇感到滿意,您就可以在塊之外單擊並保存您的帖子或頁面。

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

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

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

how-to-use-the-products-by-category-woocommerce-block-8 如何按類別使用產品 WooCommerce Block

此外,您可以考慮限制顯示網格中的產品數量。 如果您有大型 WooCommerce 商店,則此塊很容易佔據您頁面的大部分。 因此,您可能需要選擇 6 到 10 個頂級項目,以避免讓您的客戶有太多選擇:

how-to-use-the-products-by-category-woocommerce-block-9 如何按類別使用產品 WooCommerce Block

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

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

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

我可以在哪裡使用按類別塊分類的產品?

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

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

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

按類別劃分的產品 WooCommerce 塊與類別塊有何不同?

類別塊 顯示了屬於特定集合的精選 WordPress 博客文章。 相比之下,按類別分類的產品塊僅顯示您的 WooCommerce 商店中的項目。

結論

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

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

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

精選圖片來自 Banpot Chaiyathep/shutterstock.com

來源

相關文章