如何进行智能 WooCommerce 产品搜索

想要改进您的 WooCommerce 商店中的产品搜索吗?

WooCommerce 有一个内置的搜索功能,但它不太擅长查找产品.用更智能、更快速的搜索代替它可以改善用户体验并带来更多销售.

在本文中,我们将向您展示如何为您的在线商店进行智能 WooCommerce 产品搜索.

Adding a smarter WooCommerce product search to your online store

为什么要在您的商店中添加智能 WooCommerce 产品搜索?

默认情况下,WooCommerce 带有内置的产品搜索功能,但仍有很多不足之处.

它不会在产品属性、评论、自定义字段或描述中查找匹配项.它也很慢,不能提供良好的用户体验.

这意味着用户将无法找到他们正在寻找的产品,您将失去潜在的销售机会.

Product search showing no products found

幸运的是,您可以使用一些出色的 WooCommerce 产品搜索插件来解决这个问题.这将使您能够显示更多有用的产品搜索结果,更快地获取它们,并获得更多的产品销售.

话虽如此,让我们来看看如何轻松地将智能 WooCommerce 产品搜索功能添加到您的在线商店.

方法 1.使用 Ajax 搜索 WooCommerce 进行更好的 WooCommerce 产品搜索

这种方法更简单,推荐给大多数店主.

在本教程中,我们将使用 WooCommerce 的 Ajax 搜索专业版,这是市场上最好的 WooCommerce 产品搜索插件.

它会在您的所有产品字段(包括自定义字段)中查找搜索到的关键字.该插件还可以在不重新加载页面的情况下显示结果,并且比默认的 WooCommerce 搜索快得多.

这个插件也有免费版本,但它没有所有强大的功能.

首先,您需要安装并激活 Ajax Search for WooCommerce 插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

激活后,您需要单击 WordPress 管理侧边栏中的"Ajax Search for WooCommerce"菜单以输入您的许可证密钥.您可以在插件网站上的帐户下找到此信息.

Enter your license key

之后,您可以访问WooCommerce » Ajax 搜索栏页面用于配置插件设置.只需切换到"搜索栏"选项卡即可开始使用.

Change search appearance

从这里,您可以选择搜索框的外观.您可以显示和隐藏按钮、更改搜索按钮标签以及替换占位符文本.

一旦用户开始输入,插件就会开始获取和显示产品结果.您可以自定义要显示的产品数量以及如何显示即时结果.

Configure Ajax search appearance and behavior

只需切换到"自动完成"选项卡并查看可用选项.如果您不确定,那么您可以让它们保持原样.默认设置适用于大多数在线商店.

接下来,您需要切换到搜索配置页面.从这里,您可以告诉插件在寻找匹配项时要查看哪些区域.

Configure search engine

如果需要,您可以检查所有选项.您还可以选择您可能希望包含在搜索中的自定义字段.

最后,该插件还包括模糊匹配.这些基本上包括可能接近用户正在寻找但不完全匹配的产品.我们建议将此设置保持在"正常"以获得更相关和更有帮助的结果.

最后,不要忘记点击"保存更改"按钮来存储您的所有设置.

在您的网站上显示您的 WooCommerce 产品搜索

WooCommerce 的 Ajax 搜索为您提供了三种将产品搜索框添加到 WooCommerce 商店的方法.

  • 您可以将其添加到商店的导航菜单中.
  • 使用小部件在侧边栏中显示
  • 使用短代码手动将其添加到商店页面

将 WooCommerce 产品搜索添加到导航菜单

用户可能会在顶部导航菜单附近寻找搜索选项.该插件可以轻松地将产品搜索放在那里.

只需转到外观»菜单页面.确保选择了您当前的导航菜单,然后将"AJAX 搜索栏"添加到您的导航菜单中.

Adding Ajax product search to navigation menu

不要忘记单击"保存菜单"按钮来存储您的设置.

您现在可以访问您的商店,查看添加到您网站导航菜单中的产品搜索.

Preview of live product search in WooCommerce

将 WooCommerce 产品搜索添加到侧边栏小部件

侧边栏也是显示产品搜索选项的热门位置.

只需转到外观» Widgets 页面并将"AJAX 搜索栏"小部件添加到侧边栏.

Adding WooCommerce product search to sidebar

或者,您可以提供标题并从小部件设置中为搜索字段选择布局.

不要忘记点击"保存"按钮来保存您的小部件设置.

您现在可以访问您的商店,并且会在侧边栏中看到搜索框.

Sidebar product search preview

使用简码添加 WooCommerce 产品搜索

如果您为商店页面或产品目录使用自定义登录页面,那么您可能希望在该特定页面或帖子上显示产品搜索.

该插件带有一个短代码,可让您轻松地做到这一点.只需编辑要显示搜索框的帖子或页面.

在编辑屏幕上,单击添加新块按钮 (+),然后插入短代码块.在短代码块内,您只需输入以下短代码:

[wcas-search-form]

Adding the shortcode block

不要忘记发布、保存或更新您的帖子/页面.

您现在可以访问该特定页面或发帖以查看那里显示的页面搜索框.

Product search displayed on a page

方法 2.使用 SearchWP 创建更智能的 WooCommerce 搜索

此方法适用于也有大量非产品相关内容的店主,他们希望为其所有内容提供更好的搜索体验.

SearchWP 是市场上最好的 WordPress 搜索插件,还附带 WooCommerce 插件,可帮助您改进 WooCommerce 产品搜索.

SearchWP 的优势在于它还可以索引您的博客文章和登录页面.

缺点是他们的即时搜索功能不会在结果中显示产品缩略图.作为店主,您希望获得更直观的搜索体验以立即吸引客户.

您需要做的第一件事是安装并激活 SearchWP 插件.有关更多详细信息,请参阅有关如何安装 WordPress 插件的分步指南.

注意:您至少需要 PRO 计划才能访问 WooCommerce 集成.

激活后,您需要访问设置» SearchWP 页面并切换到许可证选项卡以输入您的许可证密钥.

Adding your SearchWP license key

接下来,您需要安装并激活 WooCommerce 集成扩展.您可以从 SearchWP 网站上的帐户区域下载它并像安装任何其他 WordPress 插件一样安装它.

现在您已准备好设置 SearchWP 自定义搜索引擎.

只需转到设置» SearchWP 页面,然后单击"来源和"设置"按钮.

Choose SearchWP sources

这将弹出一个弹出窗口,您需要确保选中产品旁边的复选框.

Add products source

接下来,单击"完成"按钮关闭弹出窗口并向下滚动到"产品"部分.

默认情况下,插件将查看产品标题、内容(描述)、slug 和摘录(简短描述)以进行匹配.您可以通过单击"添加/删除属性"按钮来扩展它.

Add or remove attributes to look for search matches

这将弹出一个弹出窗口,您可以在其中检查以包含评论或选择自定义字段和分类法.我们在自定义字段中添加了颜色和尺寸,并在分类法中添加了产品类别和产品标签.

Adding product attributes and taxonomies into search

您现在可以继续并单击"保存引擎"按钮来保存您的设置.然后它将开始在后台重建您的搜索索引.

SearchWP 会自动查找您的 WooCommerce 或 WordPress 搜索表单并替换它们.您的 WooCommerce 主题可能已经有显示搜索选项的选项.

您可以访问您的网站来试用搜索功能.您会注意到它变慢了,并且会重新加载页面以显示搜索结果.

Search results page in SearchWP

您可以通过从 SearchWP 的网站下载 Live Search 扩展程序来更改该行为.下载后,您可以像安装任何其他 WordPress 插件一样安装和激活它.

激活后,您只需转到外观»小部件页面并将"SearchWP Live Search"小部件添加到侧边栏.

SearchWP live search widget

不要忘记单击"保存"按钮来保存您的小部件设置.

之后,您可以访问您的网站以查看您的智能 WooCommerce 搜索.您会注意到 SearchWP 将在实时搜索结果中显示产品,但没有产品缩略图.

Live search in SearchWP

哪个是最好的 WooCommerce 产品搜索插件?

WooCommerce 和 SearchWP 的 Ajax 搜索都擅长查找您的默认 WooCommerce 搜索无法显示的产品.

但是,WooCommerce 的 Ajax 搜索速度更快并提供更好的用户体验.电子商务商店上更快的搜索功能最终会带来更多的销售额.

它也更易于使用,您无需安装多个插件即可在您的网站上创建更好的产品搜索.

我们希望本文能帮助您了解如何轻松地为您的在线商店进行智能 WooCommerce 产品搜索.您可能还想查看我们挑选的可帮助您发展商店的最佳 WooCommerce 插件,以及我们对最佳商务电话服务的比较,以便在您的网站上添加虚拟电话号码.

10

发表回复