WordPress可以使用“搜索”区块,在页面正文中添加站内搜索框。外贸建站内容逐渐增加后,搜索入口可以帮助客户查找已有资料。本文采用WordPress区块编辑器,介绍添加、调整和测试方法;其他页面编辑器需要按实际界面操作。

一、为什么要在页面中添加站内搜索框

1、补充分类导航的查找方式

客户知道需要查找的词语时,可以尝试直接搜索,不必逐个打开栏目。建议把搜索框放在资料较集中的页面,同时保留清楚的分类入口,方便不同浏览习惯的客户使用。

2、方便客户继续查找内容

产品介绍、使用说明和相关文章较多时,可以评估在合适位置增加搜索入口。放置前应考虑客户接下来想找什么,避免只为填充空白区域添加一个没有说明的输入框。

3、检查网站资料是否容易找到

WordPress独立站上线前,可以用实际页面标题和客户常用词测试搜索结果。需要按商品SKU或自定义参数查找时,应单独验证,不要仅凭添加了搜索框就认定已经支持。

二、WordPress页面添加站内搜索框教程

进入仪表板并单击“Plugins”按钮。

转到添加新插件部分并搜索Ivory Search(by Ivory Search)。

单击立即安装,然后激活它们。

一个新的象牙搜索选项卡出现在左侧的仪表板上。

WordPress

Includes部分允许你包含你希望用户搜索的所有内容。例如,你可以只允许用户搜索电子商务网站中的产品,也可以允许他/她搜索某些页面或附件。Includes部分允许你从用户的搜索中排除要隐藏的内容。例如,如果你已启用用户搜索页面但你想从搜索结果中排除某些页面,你可以在排除部分中执行此操作。

WordPress

当你在Ivory Search表单中工作时,将鼠标悬停到Settings选项,以设置搜索框的位置。这可以在页眉或页脚或水平菜单等中。

在“Settings”部分,你可以设置搜索框的外观。

以下是Ivory Search表单中提供的四种样式:

WordPress

WordPress

WordPress

WordPress

FAQ

1、添加基础搜索框需要插件吗?

使用WordPress自带搜索区块,不需要为此额外安装插件。

2、Elementor页面可以直接照着操作吗?

本文针对区块编辑器。使用Elementor时,应按对应编辑器选择实现方式。

3、能搜索商品SKU吗?

需要根据网站配置实际测试,不能仅凭搜索框已经显示就认定支持。

4、为什么已有内容没有出现在结果中?

建议检查发布状态、输入词及搜索范围,再核对主题或插件设置。

5、搜索结果页样式在哪里修改?

需要查看当前主题采用的搜索结果模板,与搜索框本身的设置区分。

相关推荐

《WordPress表格插件有哪些?外贸产品参数展示怎么选?》

《WordPress网站SEO怎么做》

《外贸独立站上线前需要检查哪些内容?》

相关文章

  • WooCommerce

    WooCommerce如何开启产品评论功能?

    对于使用WooCommerce搭建跨境电商独立站的商家来说,产品评论可以让客户在商品页面提交文字评价和星级评分,也方便商家了解客户对产品的实际反馈。WooCommerce产品评论功能已经内置在系统中,无需另外安装插件,商家可以根据店铺情况设置评论权限、星级评分和审核方式。 WooCommerce产品评论功能由WooCommerce自带,通常不需要另外安装评论插件。对于使用WordPress搭建跨境电商独立站的商家来说,开启前还要确认单个产品是否允许评论,并根据实际需要设置评论审核规则。 一、为什…

    开发教程 2026年 9月 2日
  • 访问Shopify设置和付款

    Shopify独立站建站教程:Stripe收款设置

    Stripe是一个使用范围和覆盖范围较广的支付平台,多数商家在搭建Shopify跨境电商独立站时会选择将Stripe添加到店铺中作为Shopify收款的一部分。为了帮助各位商家了解Shopify独立站建站过程中Stripe收款的设置步骤,下文将围绕该问题,具体介绍单独添加Stripe收款和通过Shopify Payments添加Stripe付款的过程。 一、通过模块设置Shopify Stripe收款 将 Stripe 集成到 Shopify 商店中的最快、最有效的方法是通过模块安装,下面是详细…

    开发教程 2025年 10月 29日
  • WordPress安全防护教程

    WordPress安全防护教程

    WordPress作为一款开源免费软件,在使用WordPress进行外贸建站的工作时,不免会遇到安全隐患的问题,那么为了独立站的安全,用户该如何保证网站的安全呢?下文将为大家介绍具体的操作内容。 1、进行WordPress备份 备份网站是最常见的保护WordPress独立站的方法,备份可以保障网站即使发生故障和恶意攻击,也能在短时间内恢复正常运行,如何对WordPress独立站进行备份,可以访问此文章《WordPress怎么备份文件和数据?》,了解具体操作。 2、启用 Web 应用程序防火墙 (…

    开发教程 2024年 9月 17日
  • WordPress添加JS和CSS样式表

    WordPress教程:WordPress添加JS和CSS样式表

    对于一些使用WordPress进行外贸建站的商家来说,大部分人会通过在WordPress中添加JS代码和CSS样式表,以增强网站的交互性和观赏性,但对于一些不了解代码知识的商家可谓是天方夜谭,所以本文接下来将为大家讲解WordPress添加JS和CSS样式表的具体教程。 一、WordPress添加JS和CSS样式表的常见错误 许多WordPress插件和主题开发人员都犯了直接将脚本或内联CSS添加到插件和主题中的错误,有些人错误地使用wp_head函数来加载脚本和样式表。 <?php ad…

    开发教程 2024年 9月 11日
  • WooCommerce多语言设置

    WooCommerce多语言设置教程

    WooCommerce作为一款WordPress外贸建站不可或缺的商城构建插件,其自身也拥用一系列强大的WooCommerce附加组件,例如构建WooCommerce多语言商城会使用到的Webis Multilingual插件,而下文将围绕此插件为大家展示WooCommerce多语言的设置过程,希望可以为各位提供一个多语言网站的设计思路。 一、安装插件 从WooCommerce帐户下载.zip文件,转到WordPress Admin-插件-添加新插件和上传插件,使用下载的文件,选择 Choose…

    开发教程 2024年 10月 24日
  • 将Etsy产品导入Shopify

    如何将Etsy产品导入Shopify:新手指南

    如何将Etsy产品导入Shopify?主要有手动CSV导入以及通过第三方App同步两种方法。随着业务规模扩大,许多卖家选择这条转型之路,来打造专属于自己的跨境电商独立站。无论是想免费亲力亲为,还是追求省时高效的自动化同步,都能找到最适合的解决方案。接下来,将详细拆解这三种导入方法的具体操作步骤,助里商家轻松开启建站第一步。 Etsy 是建立手工或创意业务的绝佳平台,但随着业务发展,它的诸多限制可能会阻碍店铺成长。因此,多商家正在学习如何将 Etsy 产品导入 Shopify,以扩展成为独立的品牌…

    开发教程 2026年 5月 20日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部