想要用智能 WooCommerce 产品搜索替换在线商店中的基本搜索栏吗?

默认情况下,WooCommerce 提供了一个基本的搜索栏,其中不包括类别搜索、图片搜索、价格搜索等重要功能。您需要自定义您的产品搜索,以便为您的用户提供更好的体验。

许多 WordPress 搜索插件可能有助于将智能搜索添加到您的 WooCommerce 商店。借助这些工具,您可以立即增加销售额。

在本文中,我们将向您展示如何在短短几分钟内进行智能 WooCommerce 产品搜索。

执行智能 WooCommerce 产品搜索

智能 WooCommerce 搜索吸引用户并快速引导他们找到他们正在寻找的产品。使用自定义搜索栏,用户可以搜索产品价格、标题、类别等。

将智能 WooCommerce 产品搜索添加到您的商店时,您可能认为它需要编码技能,或者您需要聘请专业开发人员。

但我们建议使用 WordPress 插件,例如 Smart WooCommerce Search,这样您就可以将完全可定制且高度灵活的产品搜索添加到您的电子商务商店。

不需要这个插件在所有编码。它与 Elementor 页面构建器等流行的拖放构建器一起使用,让您自定义搜索栏。

现在,让我们了解如何在 5 分钟内设置智能 WooCommerce 搜索栏。

第 1 步:安装并激活 Smart WooCommerce 搜索插件

您需要做的第一件事是安装并激活 Smart WooCommerce 搜索插件。

如果您以前从未这样做过,您应该查看我们关于如何安装 WordPress 插件的文章。

激活插件后,您需要转到智能搜索 » 默认并单击 WooCommerce 产品搜索选项卡。

注意:此插件允许您自定义 WooCommerce 产品搜索设置以覆盖默认的 WordPress 搜索选项。在本文的后面,我们还将向您展示如何将完全自定义的搜索小部件添加到您的产品页面。

在“常规设置”选项卡下,您需要选中“产品搜索”小部件中的“启用智能搜索”以在您的商店中启用智能 WooCommerce 搜索。

现在,您可以启用/禁用几个设置,包括结果中的特色图像、结果中的摘录、产品价格、“查看全部”链接文本等。

单击保存按钮以存储这些设置。

然后您应该访问要搜索的项目选项卡。这允许您启用/禁用字段以搜索术语,包括标题、内容、摘录、类别、产品标签等。

它还允许您对特定搜索条件添加限制,例如缺货产品和产品类别。

确保点击“保存”按钮。

之后,您应该单击“样式”选项卡。这允许您自定义结果弹出窗口,包括图像大小、边框颜色、背景颜色、文本颜色等。

< p>

您还可以更改结果摘录位置发布,自定义摘录文字颜色。

单击“保存”按钮以存储您的样式选项。

第 2 步:添加新的自定义搜索小部件

要为特定产品页面创建自定义搜索小部件,您需要访问 WordPress 管理控制台中的智能搜索 » 添加新页面”。

首先为新的搜索小部件添加名称。

您将在下面找到 WooCommerce 产品搜索的类似设置以及其他选项。在“常规”选项卡中,您可以为搜索栏添加占位符。

不要忘记单击“保存”按钮继续。

现在,单击您要搜索的项目选项卡。这还会为自定义帖子类型和产品变体打开更多选项。

可以查看具体搜索any小部件的设置,然后单击“保存”按钮。

在“样式”选项卡中,您可以完全自定义搜索栏的外观和设计。这使您可以启用 rou找到边框、更改边框颜色、添加文本颜色等等。

现在,你需要在继续下一步之前保存这些设置。

第 3 步:在 WordPress 中显示智能 WooCommerce 搜索栏

要在 WordPress 中显示自定义搜索栏,您需要访问智能搜索 » 自定义小部件。从那里,您需要复制新产品搜索的简码。

现在,你应该编辑将短代码粘贴到文本编辑器中以显示智能 WooCommerce 产品搜索的页面/帖子。

您还可以访问外观 » 小部件并将智能搜索小部件添加到您网站的小部件区域,如侧边栏、页脚等。

就是这样!

我们希望本文能帮助您了解如何进行智能 WooCommerce 产品搜索以替换默认搜索功能。

您可能还想查看我们关于最佳 WordPress 搜索插件的指南,以改进您的一般网站搜索栏。

本文将提供更多资源来帮助您创建可改善用户体验 (UX) 和促进销售的搜索栏。

帖子如何进行智能 WooCommerce 产品搜索(逐步)首先出现在 IsItWP - 免费 WordPress 主题检测器上。