在任何商店中，都有一些產品的銷量比其他庫存產品要好得多。 自然，您會希望在您的網站上儘可能突出地顯示這些項目。 這就是暢銷產品 WooCommerce 塊可以幫助您的地方。
有了這個方便 WooCommerce 區塊，您可以在您網站的任何位置顯示您商店的暢銷商品網格。 在本文中，我們將向您展示該塊的工作原理，解釋如何配置它，並討論一些有效使用它的技巧。
讓我們開始吧！
如何將最暢銷的產品 WooCommerce 塊添加到您的帖子或頁面
當你 安裝 WooCommerce，該插件向 WordPress 添加了一系列新的電子商務塊。 暢銷產品塊就是其中之一。 要使用它，請打開要放置新的暢銷產品部分的頁面，然後選擇添加新塊的選項。
輸入「暢銷產品」，塊應該出現 塊編輯器 結果立即：
一旦您將塊放置在您的頁面或帖子中，它會自動生成一個 3×3 的網格，顯示您商店中最暢銷的產品。 這是使用其中之一的網格的樣子 默認 WordPress 主題：
WooCommerce 將自動提取您商店最暢銷的數據，以決定在您使用此塊時顯示的產品。 隨著產品的流行和過時，最暢銷產品 WooCommerce 塊顯示的項目將轉變為匹配。
暢銷產品 WooCommerce 阻止設置和選項
暢銷產品塊提供了廣泛的設置，您可以配置這些設置以更改其樣式和顯示的產品。 如果您將滑鼠懸停在 WordPress 編輯器中的塊上，您將看到一個格式菜單。 該菜單包括一個用於更改塊寬度的選項：
要訪問塊的其餘設置，請單擊它並選擇右上角的齒輪狀圖標。 這樣做將打開編輯器右側的塊設置菜單。
讓我們回顧一下 Best Selling Products 塊的每個選項的作用：
布局部分使您能夠配置暢銷產品塊將包含的行數和列數。 您最多可以將該塊擴展到六行和六列，具體取決於您要顯示的產品數量和您喜歡的布局。
還有一個標記為 Align Last Block 的選項，這將確保每個產品的添加到購物籃按鈕統一顯示：
如果向下滾動到內容設置，您可以選擇要為塊中的每個產品顯示哪些元素。 您可以為每個項目顯示產品標題、價格、評級和添加到購物車按鈕。 我們建議您啟用所有這些元素，因為它們使客戶更容易確定他們想要什麼產品。
暢銷產品塊還使您能夠按類別過濾產品。 這樣，您就可以控制在「最暢銷」部分中顯示的商品類型：
最後，你可以 添加自定義 CSS 類 如果你喜歡這個街區。 您可以使用 CSS 類以默認設置不允許的方式自定義塊的樣式，只要您對某些自定義編碼感到滿意。
有效使用暢銷產品 WooCommerce Block 的技巧和最佳實踐
Best Selling Products 塊非常易於使用，但這並不意味著您應該將其放置在站點的任何位置。 根據我們的經驗，這個區塊作為商店主頁的一部分或作為商店頁面頂部的專用部分創造了奇蹟。
也很重要 添加標題 這解釋了客戶在看什麼。 默認情況下，Best Selling Products 塊不包含有關它顯示的產品類型的任何指示。 添加一個簡單的 Best Sellers 或 Hottest Products 標題應該會讓訪問者更加興奮：
您還可以使用暢銷產品塊的過濾功能在整個網站上設置多個暢銷產品部分。 如果您想專註於特定的項目行，此功能使您能夠顯示特定類別的暢銷產品。
關於最暢銷產品的常見問題 WooCommerce Block
如果您對 Best Selling Products 區塊仍有任何疑問，本節將為您解答。 讓我們首先談談是什麼讓這個塊與其他 WooCommerce 元素不同。
暢銷產品和精選產品塊是一樣的嗎？
WooCommerce 使您能夠使用手工挑選的產品塊設置包含手動策劃的產品的商店網格。 相比之下，暢銷產品塊會自動顯示您網站上最暢銷的商品。
我可以選擇哪些產品出現在暢銷產品區塊中嗎？
當您使用暢銷產品塊時，WooCommerce 不允許您選擇它顯示的產品。 但是，該塊確實使您能夠根據特定類別過濾結果。 這意味著您可以在整個網站上為各種類型的產品設置暢銷書部分。
我應該在哪裡放置 WordPress 中最暢銷的產品塊？
暢銷產品塊是對大多數商店主頁的一個很好的補充。 您還可以在主商店頁面中將該塊添加為單獨的部分。 這樣，您就可以突出顯示商店庫存中最有可能吸引潛在客戶注意力的商品。
結論
WooCommerce 不僅使您能夠 在線銷售產品 使用 WordPress，但它也極大地擴展了您的塊庫。 我們最喜歡的元素之一 WooCommerce 塊 是暢銷產品元素。
使用此塊，您可以顯示包含商店中最受歡迎商品的網格。 塊編輯器使您能夠自定義此網格包含的布局和元素，並且您可以將其放置在您網站上的任何位置。
您對如何使用 WordPress 中的暢銷產品塊有任何疑問嗎？ 讓我們在下面的評論部分中討論它們！
精選圖片來自 Keep Calm 和 Vector / shutterstock.com