如何使用最暢銷的產品 WooCommerce 塊

在任何商店中，都有一些產品的銷量比您的其他庫存好得多。 自然，您會希望在您的網站上盡可能突出地顯示這些項目。 這就是最暢銷產品WooCommerce 塊可以幫助您的地方。

使用這個方便的 WooCommerce 塊，您可以在您網站的任何位置顯示您商店的暢銷商品的網格。 在本文中，我們將向您展示該塊的工作原理，解釋如何配置它，並討論一些有效使用它的技巧。

讓我們開始吧！

如何將暢銷產品 WooCommerce 塊添加到您的帖子或頁面

當您安裝 WooCommerce 時，該插件會向 WordPress 添加一組新的電子商務塊。 暢銷產品塊就是其中之一。 要使用它，請打開您要放置新的暢銷產品部分的頁面，然後選擇添加新塊的選項。

輸入“最暢銷的產品”，該塊應立即出現在塊編輯器結果中：

一旦您將塊放置在您的頁面或帖子中，它將自動生成一個 3×3 的網格，顯示您商店中最暢銷的產品。 這是使用默認 WordPress 主題之一的網格的樣子：

WooCommerce 將自動提取您商店最暢銷商品的數據，以決定在您使用此塊時顯示哪些產品。 隨著產品的流行和過時，最暢銷產品WooCommerce 塊顯示的項目將轉向匹配。

暢銷產品 WooCommerce 塊設置和選項

暢銷產品塊提供了廣泛的設置，您可以配置這些設置以更改其樣式和顯示的產品。 如果您將鼠標懸停在 WordPress 編輯器中的塊上，您將看到一個格式化菜單。 該菜單包括一個用於更改塊寬度的選項：

要訪問塊的其餘設置，請單擊它並選擇右上角的齒輪形圖標。 這樣做將打開編輯器右側的塊設置菜單。

讓我們來看看Best Selling Products塊的每個選項的作用：

佈局部分使您能夠配置暢銷產品塊將包含的行數和列數。 您可以將塊擴展到六行和六列，具體取決於您要顯示的產品數量和您喜歡的佈局。

還有一個標記為Align Last Block的選項，這將確保每個產品的Add to basket按鈕統一顯示：

如果您向下滾動到內容設置，您可以選擇要為塊內的每個產品顯示哪些元素。 您可以顯示每個項目的產品標題、價格、評級和添加到購物車按鈕。 我們建議您啟用所有這些元素，因為它們使客戶更容易確定他們想要的產品。

暢銷產品塊還使您能夠按類別過濾產品。 這樣，您可以控制在“暢銷”部分中顯示哪些類型的商品：

最後，如果您願意，可以將自定義 CSS 類添加到此塊中。 只要您對某些自定義編碼感到滿意，您就可以使用 CSS 類以默認設置無法實現的方式自定義塊的樣式。

有效使用暢銷產品 WooCommerce 塊的提示和最佳實踐

暢銷產品塊非常易於使用，但這並不意味著您應該將其放置在您網站的任何位置。 根據我們的經驗，這個塊可以作為商店主頁的一部分，或者作為商店頁面頂部的專用部分。

添加一個標題來解釋客戶正在查看的內容也很重要。 默認情況下， Best Selling Products塊不包含任何關於其顯示的產品類型的指示。 添加一個簡單的暢銷商品或最熱門產品標題應該會讓訪問者更加興奮：

您還可以使用暢銷產品塊的過濾功能在整個網站中設置多個暢銷產品部分。 如果您想專注於特定的商品系列，此功能使您能夠展示特定類別的暢銷產品。

關於暢銷產品 WooCommerce 塊的常見問題

如果您對“暢銷產品”塊仍有任何疑問，本部分將回答這些問題。 讓我們先談談是什麼讓這個塊與其他 WooCommerce 元素不同。

暢銷產品和精選產品塊是一樣的嗎？

WooCommerce 使您能夠使用Hand-Picked Products塊設置包含手動策劃產品的商店網格。 相比之下， Best Selling Products塊會自動顯示您網站上最暢銷的商品。

我可以選擇哪些產品出現在暢銷產品塊中？

WooCommerce 不允許您在使用“暢銷產品”塊時選擇它顯示的產品。 但是，該塊確實使您能夠根據特定類別過濾結果。 這意味著您可以在整個網站中為各種類型的產品設置暢銷書部分。

我應該在哪裡放置 WordPress 中最暢銷的產品塊？

暢銷產品塊是大多數商店主頁的重要補充。 您還可以將主商店頁面中的塊添加為單獨的部分。 這樣，您可以突出顯示商店庫存中最有可能吸引潛在客戶注意力的商品。

結論

WooCommerce 不僅使您能夠使用 WordPress 在線銷售產品，而且還極大地擴展了您的塊庫。 WooCommerce 區塊中我們最喜歡的元素之一是暢銷產品元素。

有了這個 塊，您可以顯示一個包含商店中最受歡迎的商品的網格。 塊編輯器使您能夠自定義此網格包含的佈局和元素，並且您可以將其放置在您網站上任何您想要的位置。

您對如何使用 WordPress 中的暢銷產品塊有任何疑問嗎？ 讓我們在下面的評論部分中討論它們！

特色圖片來自 Keep Calm 和 Vector / shutterstock.com