什麼時候 經營網上商店,重要的是要確保購物者可以輕鬆地找到他們想要的東西並了解是否有特定的產品。 執行此操作的最有效方法之一是使用按股票 WooCommerce 塊過濾產品。 此元素可讓訪問者查看有貨或缺貨的商品,以及缺貨商品。
在這篇文章中,我們將解釋如何將按股票過濾產品的 WooCommerce 塊添加到您的帖子和頁面,並探索其各種設置。 然後,我們將為您提供一些有關如何有效使用它的提示,並總結一些常見問題。
讓我們開始吧!
如何按股票 WooCommerce 塊將過濾產品添加到您的頁面或帖子
按庫存過濾產品 WooCommerce 塊允許用戶根據庫存狀態過濾產品。 例如,他們可以根據庫存、缺貨或缺貨情況對您的商店進行分類。
將此塊放置在您的帖子和頁面中既快捷又容易。 首先,導航到您想要插入的位置(例如您的產品頁面)。 接下來,點擊添加區塊按鈕(1),搜索「按庫存過濾產品」(2),然後選擇第一個選項(3):
或者,您可以通過在段落塊中鍵入「/filter products by stock」來找到塊 WordPress 編輯器 並按 Enter 鍵。 當您放置塊時,它會向您顯示當前庫存的標題和產品數量:
如果要更改區塊的標題,只需在「按庫存狀態過濾」文本框內單擊即可進行修改。 您還可以通過其他各種方式自定義此塊。
按庫存過濾產品 WooCommerce 塊設置和選項
按庫存過濾產品 WooCommerce 塊可讓您顯示每個庫存類別有多少產品,選擇 標題級別 要使用(H2、H3、H4 等),並添加一個可選按鈕。 讓我們仔細看看這些選項中的每一個。
在「內容」部分下,您可以選擇是否顯示產品總數,該選項默認開啟。 在標題級別下,您可以選擇為「按庫存狀態過濾」標題設置的級別:
除此之外,按庫存過濾產品 WooCommerce 塊並沒有為您提供許多自定義選項。 但是,您可以添加過濾器按鈕。 如果啟用,這將在商店前端的過濾器旁邊添加一個標記為「Go」的按鈕。
這是與其他元素一起使用的極好元素 WooCommerce 塊, 如那個 所有產品塊. 它也可以與其他與過濾器相關的元素一起使用,我們將在接下來討論。
按庫存 WooCommerce 塊有效使用過濾器產品的提示和最佳實踐
當您在前端預覽塊時,它看起來像這樣:
請注意,要使用 活動產品過濾器塊,您還需要添加按狀態過濾產品、按屬性過濾產品或按尺寸過濾產品塊。 您可以將按狀態過濾產品塊與其他塊結合起來,為您的客戶提供最具體的搜索體驗。
例如,您不僅可以讓訪問者按庫存過濾產品,還可以讓他們搜索既有庫存又有一定尺寸的商品:
將多個過濾器塊添加到您的商店頁面時,最好將它們放置在靠近頂部的位置。 您還可以通過 列塊. 以這種方式排列,他們不會將您的產品在頁面上推得太遠。
此外,我們建議在其他過濾器元素下方添加 Active Products 塊:
如果您要決定是否應該在庫存狀態旁邊顯示產品數量,請考慮您手頭的每種庫存數量。 例如,如果購物者看到您的缺貨和缺貨商品數量超過可用商品數量,這可能會令人沮喪。
關於按庫存 WooCommerce 塊篩選產品的常見問題解答
我們已經討論了有關 Stock WooCommerce 塊過濾產品的所有信息。 但是,為了確保我們已經涵蓋了所有要點,讓我們回答一些常見問題。
我可以使用哪些其他塊來過濾我網站上的產品?
您還可以使用按屬性過濾產品和按價格過濾產品塊。 屬性塊允許您根據顏色和尺寸等元素過濾產品。 使用按價格篩選塊,您可以根據價格範圍對產品進行排序。
我應該將過濾產品按庫存塊放在哪裡?
您可以在任何 WordPress 帖子和頁面上使用按庫存過濾產品塊。 您也可以將其添加為 WordPress 小部件. 自然地,您會希望將它添加到您的主要商店頁面。 但是,您也可以將它與站點上其他地方的「所有產品」塊一起使用。
如何更新產品庫存狀態?
如果庫存狀態沒有更新,讓您的購物者可以選擇使用庫存過濾器瀏覽您的商店並不是很有幫助。 要修改項目的可用性,您可以導航到 WordPress 儀錶板中的產品 > 所有產品。
找到要更新的產品名稱,然後單擊「編輯」。 在編輯器下方,在產品數據部分下,選擇庫存選項卡 (1):
接下來,您可以單擊 Stock status 下拉菜單進行更改 (2)。 完成後單擊「更新」按鈕保存更改。
結論
向您的在線商店添加過濾器有助於增強客戶的購物體驗。 它使他們能夠快速找到他們正在尋找的東西。 您可以使用一些塊,具體取決於您希望它們如何對您的產品進行分類。 如果您想讓用戶看到什麼可用(和不可用),您可以使用 WooCommerce 狀態塊過濾產品。
您可以使用此塊來顯示您的庫存,包括缺貨的商品。 它還允許您在每個類別旁邊顯示產品數量。 為了給您的客戶提供完整的過濾體驗,我們建議將此元素與有源過濾器、按價格過濾產品和按屬性過濾產品塊一起使用。
您對使用按股票 WooCommerce 塊篩選的產品有任何疑問嗎? 在下面的評論部分讓我們知道!
特色圖片來自 TarikVision/shutterstock