如何進行智能的WooCommerce產品搜索(分步進行)

[ad_1]

是否想用智能的WooCommerce產品搜索替換在線商店上的基本搜索欄?

默認情況下,WooCommerce提供一個基本的搜索欄,其中不包含類別搜索,圖像搜索,價格搜索等重要功能。 您需要自定義產品搜索,以為用戶提供更好的體驗。

多個WordPress搜索插件可能有助於向您的WooCommerce商店添加智能搜索。 藉助這些工具,您可以立即增加銷售額。

在本文中,我們將向您展示如何在短短的幾分鐘內進行明智的WooCommerce產品搜索。

進行智能的WooCommerce產品搜索

明智的WooCommerce搜索可以吸引用戶,並迅速將他們帶到他們要尋找的產品中。 使用自定義搜索欄,用戶可以搜索產品價格,標題,類別等。

在商店中添加智能WooCommerce產品搜索時,您可能會認為它需要編碼技能,或者您需要 聘請專業開發商

但是我們建議使用WordPress插件,例如 Smart WooCommerce搜索 這樣您就可以向電子商務商店中添加完全可定製且高度靈活的產品搜索。

網站上的搜索小部件

該插件完全不需要編碼。 它與 Elementor頁面構建器 等流行 拖放構建器 讓您自定義搜索欄。

現在,讓我們了解如何在5分鐘內設置智能的WooCommerce搜索欄。

步驟1:安裝並激活Smart WooCommerce搜索插件

您需要做的第一件事是安裝並激活 Smart WooCommerce搜索 插入。

如果您以前從未做過此事,則應查看有關以下內容的文章 如何安裝WordPress插件

激活插件後,您需要轉到Smart Search»Default,然後單擊WooCommerce產品搜索選項卡。

注意:此插件可讓您自定義WooCommerce產品搜索設置,以覆蓋默認的WordPress搜索選項。 在本文的後面,我們還將向您展示如何為您的產品頁面添加完全自定義的搜索小部件。

在「常規設置」選項卡下,您需要在「產品搜索」小部件中選中「啟用智能搜索」以在商店上啟用智能WooCommerce搜索。

智能搜尋

現在,您可以啟用/禁用多個設置,包括結果中的特色圖像,結果中的摘錄,產品價格,「查看全部」鏈接文本,等等。

產品搜索設置

單擊保存按鈕以存儲這些設置。

然後,您應該訪問要搜索的項目標籤。 這使您可以啟用/禁用欄位以搜索術語,包括標題,內容,摘錄,類別,產品標籤等。

搜索項目

它還可以讓您添加針對特定搜索條件的限制,例如缺貨的產品和產品類別。

限制搜索

確保單擊「保存」按鈕。

之後,您應該單擊樣式選項卡。 這使您可以自定義結果彈出窗口,包括圖像大小,邊框顏色,背景顏色,文本顏色等。

結果樣式

您還可以更改結果中帖子的摘錄位置,並自定義摘錄文本顏色。

摘錄文字結果

單擊下面的「保存」按鈕以存儲您的樣式選項。

步驟2:添加新的自定義搜索窗口小部件

要為特定產品頁面創建自定義搜索窗口小部件,您需要在WordPress管理控制台中訪問「智能搜索»添加新頁面」。

首先為新的搜索小部件添加名稱。

在下面,您將找到WooCommerce產品搜索的類似設置以及其他選項。 在常規選項卡中,您可以為搜索欄添加一個佔位符。

添加新的搜索小部件

不要忘記單擊「保存」按鈕以繼續。

現在,單擊要搜索的項目選項卡。 這也為自定義帖子類型和產品變體提供了更多選項。

搜索項目

您可以檢查特定搜索小部件的任何設置,然後單擊「保存」按鈕。

在樣式標籤中,您可以完全自定義搜索欄的外觀和設計。 這使您可以啟用圓角邊框,更改邊框顏色,添加文本顏色等等。

搜索樣式選項

現在,您需要保存這些設置,然後再進行下一步。

步驟3:在WordPress中顯示Smart WooCommerce搜索欄

要在WordPress中顯示自定義搜索欄,您需要訪問Smart Search»自定義小部件。 從那裡,您需要複製用於新產品搜索的簡碼。

自定義搜索窗口小部件

現在,您應該編輯一個頁面/帖子以將短代碼粘貼到文本編輯器中,以顯示智能的WooCommerce產品搜索。

您也可以訪問外觀»小部件,並將Smart Search小部件添加到網站的小部件區域,如側邊欄,頁腳等。

智能搜索小部件

就是這樣!

我們希望本文能幫助您學習如何進行智能的WooCommerce產品搜索來替換默認的搜索功能。

您可能還需要查看有關以下內容的指南 最好的WordPress搜索插件 改善您的常規網站搜索欄。

該文章將有更多資源來幫助您創建一個搜索欄,以改善用戶體驗(UX)並促進銷售。

帖子 如何進行智能的WooCommerce產品搜索(分步進行) 首先出現 IsItWP-免費的WordPress主題檢測器

相關文章