如何進行智能的WooCommerce產品搜索


是否想改善WooCommerce商店中的產品搜索?

WooCommerce具有內置的搜索功能,但並不是很好地查找產品。 用更智能,更快捷的搜索代替它可以改善用戶體驗並帶​​來更多銷售。

在本文中,我們將向您展示如何對在線商店進行明智的WooCommerce產品搜索。

將更智能的WooCommerce產品搜索添加到您的在線商店

為什麼要將Smart WooCommerce產品搜索添加到您的商店?

默認情況下,WooCommerce帶有內置的產品搜索功能,但仍有很多不足之處。

它不會在產品屬性,評論,自定義字段或說明中查找匹配項。 它也非常慢,不能提供良好的用戶體驗。

這意味著用戶將無法找到他們想要的產品,並且您將失去潛在的銷售。

產品搜索顯示未找到產品

幸運的是,您可以使用一些出色的WooCommerce產品搜索插件來對此進行補救。 這將使您可以顯示更多有用的產品搜索結果,更快地獲取它們並獲得更多產品銷售。

話雖如此,讓我們看一下如何輕鬆地將智能的WooCommerce產品搜索功能添加到您的在線商店。

方法1.使用Ajax搜索WooCommerce進行更好的WooCommerce產品搜索

此方法更簡單,建議大多數商店所有者使用。

對於本教程,我們將使用Ajax Search for WooCommerce的專業版,這是市場上最好的WooCommerce產品搜索插件。

它會在您所有產品字段(包括自定義字段)中搜索搜索到的關鍵字。 該插件還可以在不重新加載頁面的情況下顯示結果,並且比默認的WooCommerce搜索要快得多。

也有此插件的免費版本,但是它沒有所有強大的功能。

首先,您需要安裝並激活Ajax Search for WooCommerce插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要單擊WordPress管理員側欄中的“ Ajax搜索WooCommerce”菜單以輸入許可證密鑰。 您可以在插件網站上的帳戶下找到此信息。

輸入您的許可證密鑰

之後,您可以訪問 WooCommerce»Ajax搜索欄 頁面以配置插件設置。 只需切換到“搜索欄”標籤即可開始使用。

更改搜索外觀

在這裡,您可以選擇搜索框的外觀。 您可以顯示和隱藏按鈕,更改搜索按鈕標籤並替換佔位符文本。

一旦用戶開始輸入,該插件即開始獲取並顯示產品結果。 您可以自定義要顯示的產品數量以及如何顯示即時結果。

配置Ajax搜索的外觀和行為

只需切換到“自動完成”標籤並查看可用選項。 如果不確定,則可以保留原樣。 默認設置適用於大多數在線商店。

接下來,您需要切換到“搜索配置”頁面。 從這裡,您可以告訴插件尋找匹配項時要查看的區域。

配置搜索引擎

您可以根據需要檢查所有選項。 您還可以選擇要包含在搜索中的自定義字段。

最後,該插件還包括模糊匹配。 這些基本上包括可能與用戶正在尋找的產品接近但並非完全匹配的產品。 我們建議將此設置保持為“正常”以獲得更相關和有用的結果。

最後,不要忘記單擊“保存更改”按鈕來存儲所有設置。

在您的網站上顯示您的WooCommerce產品搜索

Ajax搜索WooCommerce為您提供了三種將產品搜索框添加到WooCommerce商店的方法。

  • 您可以將其添加到商店的導航菜單中。
  • 使用小部件在邊欄中顯示它
  • 使用簡碼將其手動添加到商店頁面

將WooCommerce產品搜索添加到導航菜單

用戶可能會在頂部導航菜單附近尋找搜索選項。 該插件使您可以輕鬆地在此處放置產品搜索。

只需轉到 外觀»菜單 頁。 確保選擇了當前的導航菜單,然後將“ AJAX搜索欄”添加到導航菜單。

將Ajax產品搜索添加到導航菜單

不要忘記單擊“保存菜單”按鈕來存儲您的設置。

現在,您可以訪問商店,以查看產品搜索已添加到站點的導航菜單中。

在WooCommerce中預覽實時產品搜索

將WooCommerce產品搜索添加到側邊欄小部件

側邊欄也是顯示產品搜索選項的熱門位置。

只需轉到 外觀»小部件 頁,然後將“ AJAX搜索欄”小部件添加到側邊欄中。

將WooCommerce產品搜索添加到邊欄

(可選)您可以提供標題,並從小部件設置中選擇搜索字段的佈局。

不要忘記單擊“保存”按鈕以保存小部件設置。

現在,您可以訪問商店,並在側邊欄中看到搜索框。

側邊欄產品搜索預覽

使用簡碼添加WooCommerce產品搜索

如果您將自定義登錄頁面用於商店頁面或產品目錄,則可能要在該特定頁面或帖子上顯示產品搜索。

該插件附帶一個簡短的代碼,使您可以輕鬆地做到這一點。 只需在要顯示搜索框的位置編輯帖子或頁面。

在編輯屏幕上,單擊添加新塊按鈕(+),然後插入簡碼塊。 在簡碼塊內,您只需輸入以下簡碼:

[wcas-search-form]

添加簡碼塊

不要忘記發布,保存或更新您的帖子/頁面。

現在,您可以訪問該特定頁面或發布信息,以查看此處顯示的頁面搜索框。

產品搜索顯示在頁面上

方法2。使用SearchWP創建更智能的WooCommerce搜索

此方法適用於也擁有許多與產品無關的內容的商店所有者,並且他們希望為其所有內容提供更好的搜索體驗。

SearchWP是市場上最好的WordPress搜索插件,並且還附帶了WooCommerce插件,它也可以幫助您改善WooCommerce產品搜索。

SearchWP的優點是它還可以索引您的博客文章和登錄頁面。

缺點是其即時搜索功能不會在結果中顯示產品縮略圖。 作為商店所有者,您希望獲得更直觀的搜索體驗,以立即吸引客戶。

您需要做的第一件事是安裝並激活SearchWP插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

注意: 您至少需要PRO計劃才能訪問WooCommerce集成。

激活後,您需要訪問 設置»SearchWP 頁面並切換到許可證標籤以輸入您的許可證密鑰。

添加您的SearchWP許可證密鑰

接下來,您需要安裝並激活WooCommerce集成擴展。 您可以從SearchWP網站上的帳戶區域下載它,並像安裝其他任何WordPress插件一樣進行安裝。

現在,您可以設置SearchWP自定義搜索引擎了。

只需轉到 設置»SearchWP 頁,然後點擊“來源和設置”按鈕。

選擇SearchWP來源

這將彈出一個彈出窗口,您需要確保選中產品旁邊的複選框。

添加產品來源

接下來,單擊“完成”按鈕以關閉彈出窗口,然後向下滾動到“產品”部分。

默認情況下,該插件將查看產品標題,內容(說明),子詞和摘要(簡短說明)以進行匹配。 您可以通過單擊“添加/刪除屬性”按鈕來擴展它。

添加或刪除屬性以查找搜索匹配項

這將彈出一個彈出窗口,您可以在其中檢查是否包含評論或選擇自定義字段和分類法。 我們在自定義字段,產品類別和分類中的產品標籤中添加了顏色和大小。

將產品屬性和分類法添加到搜索中

現在,您可以繼續並單擊“保存引擎”按鈕以保存您的設置。 然後它將開始在後台重建搜索索引。

SearchWP自動查找您的WooCommerce或WordPress搜索表單並替換它們。 您的WooCommerce主題可能已經具有顯示搜索選項的選項。

您可以轉到您的網站嘗試搜索功能。 您會注意到它速度較慢,它將重新加載頁面以顯示搜索結果。

SearchWP中的搜索結果頁面

您可以通過從SearchWP的網站下載Live Search擴展來更改此行為。 下載後,您可以像安裝其他任何WordPress插件一樣安裝並激活它。

激活後,您只需轉到 外觀»小部件 頁,然後將“ SearchWP Live Search”小部件添加到側邊欄中。

SearchWP實時搜索小部件

不要忘記單擊“保存”按鈕以保存小部件設置。

之後,您可以訪問您的網站以查看正在使用的智能WooCommerce搜索。 您會注意到SearchWP將在實時搜索結果中顯示產品,但沒有產品縮略圖。

在SearchWP中進行實時搜索

哪個是最好的WooCommerce產品搜索插件?

Ajax Search for WooCommerce和SearchWP都非常適合查找默認WooCommerce搜索無法顯示的產品。

但是,針對WooCommerce的Ajax搜索速度更快,並且提供了更好的用戶體驗。 電子商務商店中更快的搜索功能最終會帶來更多銷售。

它也更易於使用,並且您無需安裝多個插件即可在您的站點上創建更好的產品搜索。

我們希望本文能幫助您學習如何輕鬆地對在線商店進行明智的WooCommerce產品搜索。 您可能還需要查看我們精選的最佳WooCommerce插件,這些插件可以幫助您增加商店,以及我們對最佳商務電話服務的比較,以在您的站點上添加虛擬電話號碼。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。