WooCommerce 塊 使您能夠在您的商店中展示最好和最熱門的產品。 您可以顯示特價商品、推薦產品類別、暢銷商品等等。 多虧了精選產品 WooCommerce 塊，您還可以將訪問者指向您想要突出顯示的確切產品。
本文將討論精選產品塊的工作原理以及如何將其添加到您的帖子和頁面。 我們將討論如何配置元素並討論有效使用它的技巧。
讓我們開始吧！
如何將精選產品 WooCommerce 塊添加到您的帖子或頁面
Hand-Picked Products 塊使您能夠顯示包含從您的庫存中精心挑選的項目的產品網格。 要添加元素， 打開塊編輯器 並選擇放置新塊的選項。 然後，使用搜索欄查找 Hand-Picked Products 塊並單擊它：
插入塊後，您將能夠從列表中選擇產品 您的整個 WooCommerce 庫存. 還有一個搜索欄，您可以使用它來更快地定位產品：
您可以選擇任意數量的產品，從一個到整個目錄不等。 WooCommerce 然後將使用您的選擇生成產品網格。 默認情況下，該塊將首先顯示您商店的最新添加內容：
您可以通過修改塊的設置來更改產品的順序。 此外，您可以隨時更改您的產品選擇。 讓我們來看看這些設置是如何工作的。
精選產品 WooCommerce 阻止設置和選項
精選產品塊提供格式設置和一般配置設置。 要訪問塊的格式菜單，請在塊編輯器中單擊它。 元素上方將出現一個菜單，包括兩個選項，可修改其對齊方式並更改您的產品選擇：
如果您單擊鉛筆圖標，該塊將使您返回到項目選擇菜單。 要訪問塊的其餘設置，請選擇元素並單擊屏幕右上角的齒輪狀圖標。
精選產品塊設置菜單包括以下配置選項：
- 布局：此選項使您可以更改塊中的列數。 它最多可以有六列，對齊按鈕選項會將添加到購物籃按鈕置於每個產品下方。
- 內容：您可以為每個產品修改塊的顯示元素，包括標題、價格、評級和添加到購物籃按鈕。
- 排序依據：此設置可以重新排列塊顯示產品的順序。
我們來看看塊的設置菜單是什麼樣的：
如果您進一步向下滾動，精選產品設置菜單還包括一個產品選項卡。 您可以從這裡選擇顯示項目，而無需訪問塊的格式菜單：
最後，精選產品塊有一個高級設置選項卡。 您可以通過將自定義 CSS 類插入到框中來向元素添加自定義 CSS 類：
由於 Hand-Picked Products 塊沒有任何樣式選項，CSS 是更改元素設計的唯一方法。 如果您習慣使用 CSS，則可以自定義塊在您的網站上的顯示方式。
有效使用精選產品 WooCommerce Block 的技巧和最佳實踐
有效地使用精選產品塊非常簡單。 WooCommerce 讓您可以完全控制塊的布局。 因此，您可以修改其列數，具體取決於您要展示的產品數量。
由於我們談論的是精心挑選的產品列表，因此限制顯示項目的數量可能是有意義的。 如果您添加太多產品，客戶可能會認為您向他們展示的是隨機選擇而不是精心策劃的列表。
因此，我們建議使用精選產品塊顯示最多六種產品。 此外，您可能會考慮將您的商品展示在三列中，以便每個商品都有足夠的空間來發光：
您可能還注意到我們添加了一個 標題塊 在精選產品元素上方。 默認情況下，塊沒有標題或標題。 因此，手動添加一個是必不可少的，這樣客戶才能了解他們在看什麼。
此外，精選產品塊可以完美匹配主頁或商店頁面。 如果您將塊放在您的主頁上，它可以讓訪問者知道從哪裡開始在您的產品目錄中查找。
關於精選產品 WooCommerce Block 的常見問題
如果您對在 WooCommerce 中使用精選產品塊仍有任何疑問，本節將回答這些問題。 讓我們首先討論您應該使用該塊展示哪些類型的產品。
我應該使用精選產品塊顯示哪些類型的產品？
「精選」一詞告訴客戶他們正在查看精心挑選的產品清單。 理想情況下，這些商品應該有精彩的評論或滿足特定的消費者需求。 使用該塊推薦客戶不喜歡的產品會損害他們對您品牌的信任。
我什麼時候應該使用精選產品塊？
有很多 WooCommerce 阻止選項可以在您的商店中顯示特定產品。 一些示例包括以下元素：
精選產品塊滿足特定需求。 您可以使用它來展示未獲得應有關注的產品。 由於您展示的商品具有出色的客戶評價，因此在它們自己的部分中展示它們可以幫助您獲得額外的銷售額。
結論
有很多 WooCommerce 塊 可以在您的商店中展示特定類型的產品。 但是，精選產品塊是唯一可以讓您完全控制您顯示的項目的選項。
Hand-Picked Products 塊可能是完美的選擇，可以將客戶指向沒有獲得應有的銷售量的特定商品。 為獲得最佳效果，我們建議保持產品列表相對較短，以便更有條理。
您對如何使用精選產品 WooCommerce 塊有任何疑問嗎？ 讓我們在下面的評論部分中討論它們！
精選圖片來自 Gurza/shutterstock.com