如何按庫存 WooCommerce 塊使用過濾產品

已發表: 2021-12-23

經營在線商店時,重要的是要確保購物者能夠輕鬆找到他們正在尋找的東西並了解是否有特定產品可用。 最有效的方法之一是使用按庫存過濾產品WooCommerce 塊。 此元素可讓訪問者查看有貨或無貨,以及延期交貨的物品。

在這篇文章中,我們將解釋如何將Filter Products by Stock WooCommerce 塊添加到您的帖子和頁面,並探索其各種設置。 然後,我們將為您提供一些有關如何有效使用它的提示,並以一些常見問題作為結尾。

讓我們開始吧!

如何按股票 WooCommerce 塊將過濾產品添加到您的頁面或帖子

按庫存過濾產品WooCommerce 塊允許用戶根據庫存狀態過濾產品。 例如,他們可以按庫存、缺貨或延期交貨對您的商店進行分類。

將此塊放置在您的帖子和頁面中既快捷又簡單。 首先,導航到您要插入它的位置(例如您的產品頁面)。 接下來,點擊Add Block按鈕(1),搜索“filter products by stock”(2),選擇第一個選項(3):

按庫存過濾產品 WooCommerce 塊。

或者,您可以通過在 WordPress 編輯器的段落塊中鍵入“/filter products by stock”並按Enter鍵來找到該塊。 當您放置塊時,它會顯示您當前庫存的標題和產品計數:

WordPress 中的按庫存狀態過濾。

如果您想更改區塊的標題,您只需在“按庫存狀態過濾”文本框內單擊即可進行修改。 您還可以通過多種其他方式自定義此塊。

按庫存 WooCommerce 塊設置和選項過濾產品

按庫存過濾產品WooCommerce 塊可讓您顯示每個庫存類別有多少產品,選擇您要使用的標題級別(H2、H3、H4 等),並添加一個可選按鈕。 讓我們仔細看看這些選項中的每一個。

在“內容”部分下,您可以選擇是否顯示產品總數,該選項默認打開。 在標題級別下,您可以選擇為“按庫存狀態過濾”標題設置的級別:

按庫存篩選產品的塊設置。

除此之外,按庫存過濾產品WooCommerce 塊並沒有為您提供很多自定義選項。 但是,您可以添加過濾器按鈕。 如果啟用,這將在商店前端的過濾器旁邊添加一個標有“Go”的按鈕。

這是與其他 WooCommerce 塊一起使用的絕佳元素,例如All Products塊。 它也可以與其他與過濾器相關的元素一起使用,我們將在下面討論。

有效使用 Stock WooCommerce 塊過濾產品的提示和最佳實踐

當你在前端預覽你的塊時,它看起來像這樣:

前端的按庫存篩選產品塊的預覽。

請注意,要使用Active Product Filters塊,您還需要添加Filter Products by StatusFilter Products by AttributeFilter Products by Size塊。 您可以將“按狀態篩選產品”塊與其他塊結合起來,為您的客戶提供最具體的搜索體驗。

例如,您不僅可以讓訪問者按庫存來過濾產品,還可以讓他們搜索既有庫存又有一定尺寸的商品:

WooCommerce 產品過濾器。

向您的商店頁面添加多個過濾器塊時,最好將它們放置在頂部附近。 您還可以通過Columns塊將它們水平組織成列。 以這種方式排列,他們不會將您的產品推到頁面下方太遠。

此外,我們建議在其他過濾器元素下方添加Active Products塊:

應用了過濾器的 WooCommerce 商店。

如果您要決定是否應在庫存狀態旁邊顯示產品數量,請考慮您手頭的每個庫存量。 例如,如果購物者可以看到您的缺貨和延期交貨的商品比您的可用商品多,這可能會令人沮喪。

關於按庫存 WooCommerce 塊過濾產品的常見問題

我們已經討論了有關按 Stock WooCommerce 塊過濾產品的所有信息。 但是,為了確保我們已經涵蓋了所有要點,讓我們回答一些常見問題。

我可以使用哪些其他塊來過濾我網站上的產品?

您還可以使用按屬性篩選產品和按價格篩選產品塊。 屬性塊允許您根據顏色和尺寸等元素過濾產品。 使用按價格過濾塊,您可以根據價格範圍對產品進行排序。

我應該將過濾產品按庫存塊放置在哪裡?

您可以在任何 WordPress 帖子和頁面上使用按庫存過濾產品塊。 您還可以將其添加為 WordPress 小部件。 自然,您需要將其添加到您的主商店頁面。 但是,您也可以將它與您網站上其他地方的所有產品塊一起使用。

如何更新產品的庫存狀態?

如果庫存狀態未更新,讓您的購物者選擇使用庫存過濾器瀏覽您的商店並不是很有幫助。 要修改項目的可用性,您可以導航到 WordPress 儀表板中的產品 > 所有產品

找到您要更新的產品名稱,然後單擊編輯。 在編輯器下方的Product data部分下,選擇Inventory選項卡 (1):

更改 WooCommerce 產品的庫存狀態。

接下來,您可以單擊Stock status下拉菜單進行更改 (2)。 完成後單擊更新按鈕保存更改。

結論

向您的在線商店添加過濾器有助於增強客戶的購物體驗。 它使他們能夠快速找到他們正在尋找的東西。 您可以使用一些塊,具體取決於您希望它們如何對您的產品進行分類。 如果您想讓用戶查看可用(和不可用)的內容,您可以使用按狀態過濾產品WooCommerce 塊。

您可以使用此塊來顯示您的庫存,包括延期交貨。 它還允許您在每個類別旁邊顯示產品計數。 為了給您的客戶提供完整的過濾體驗,我們建議將此元素與活動過濾器、按價格過濾產品和按屬性過濾產品塊一起使用。

您對使用按庫存過濾產品WooCommerce 塊有任何疑問嗎? 在下面的評論部分讓我們知道!

特色圖片來自 TarikVision/shutterstock