搜索页面列出与顾客在店铺搜索中输入内容相匹配的产品。它的主版块是搜索产品,一个由产品卡片组成的网格。该版块是此页面的必需版块。
顾客如何进入这个页面
顾客使用页头中的搜索图标。搜索区块是页头的一部分,请参阅页头版块。结果会在类似 https://example.com/search?q=shoes 的地址中打开。
在哪里找到它
打开建站工具,在页面标签中选择搜索页面,然后点击搜索产品。在建站工具中没有搜索词,所以预览会显示您最新的产品,方便您设置卡片样式。
版块设置
- 版块宽度:页面或全宽。
- 列数:桌面端每行 1 到 8 张卡片。
- 移动端列数:手机上每行 1 或 2 张卡片。
- 配色方案。
- 间距:卡片之间的空白。
- 内边距和自定义 CSS。
区块
- 产品卡片:每个结果的外观(图片、标题、价格、评分、购买按钮)。它是必需的,不能放进组中。请参阅产品卡片和合集卡片。每个页面的卡片设计是分开的,所以您可以让搜索结果的样式与合集页面不同。
- 文本(最多 2 个)、分隔线(1 条)和组(1 个):在网格上方或下方添加标题,例如“搜索结果”。
结果如何查找
- 搜索会查看产品名称。输入词的一部分就够了,大小写没有影响。
- 只显示已发布的产品。隐藏的产品不会显示。
- 结果按最新产品优先排序。
- 网格下方的显示更多按钮会加载后面的结果。
- 没有匹配结果,或搜索框为空就提交时,会显示一条简短消息来代替网格。
常见操作
- 手机上每行显示两个结果:把移动端列数设为 2。
- 添加标题:添加一个文本区块,并把它拖到产品卡片上方。
- 打开产品而不是加入购物车:修改产品卡片的购买部分,请参阅上面的卡片指南。
故障排除
- 某个产品没有出现在结果中:请检查它的名称是否包含搜索的词、是否已发布,以及是否被隐藏。
- 预览与真实搜索不一致:建站工具显示的是您最新的产品,而不是真实结果。请在线上店铺中搜索进行测试。
技巧
- 使用清晰的产品名称,包含顾客会输入的词,例如产品类型和颜色。描述不会被搜索。
- 在搜索页面保留页头,让顾客可以再次搜索。
- 搜索会作为搜索事件发送给您的广告像素,帮助广告平台了解顾客想要什么。
- 每个市场都有自己的搜索页面设计,所以请在您销售的每个市场中设置样式。