导航目录

一、功能介绍

导航目录是二维码页面专属的智能内容引导工具,可将页面内多板块重要内容拆解为独立导航项,在页面顶部生成可点击式导航栏。

catalog-1.jpg

扫码者点击对应导航项后,页面可自动完成精准滚动跳转内容切换展示,无需手动滑动查找目标内容,从根本上简化阅读流程、提升二维码页面的可读性与扫码体验,尤其适配信息量大、结构复杂的扫码场景。

二、效果展示

效果类型 操作逻辑 适用场景
滚动到对应位置 点击导航项后,页面平滑滚动至目标内容段落,全程展示完整页面内容 需保留上下文、希望扫码者浏览完整信息的场景(如产品详情)
切换至对应内容 点击导航项后,页面仅显示当前选中内容板块,其他内容临时隐藏,聚焦单一信息 内容独立、需快速获取核心信息的场景(如活动规则、安装步骤)

三、典型应用场景

导航目录适配内容多维度、信息层级清晰的二维码页面,以下为各行业高频场景:

场景类型 导航项配置建议 核心价值
产品说明书页 产品参数 / 安装教程 / 使用方法 / 注意事项 / 售后政策 让用户快速定位核心操作与规则,减少咨询成本
活动宣传页 活动规则 / 奖励设置 / 报名入口 / 注意事项 / 客服通道 引导用户按流程参与活动,提升活动转化效率
企业内部培训页 课程大纲 / 学习资料 / 考核标准 / 答疑专区 / 反馈渠道 帮助员工高效获取培训内容,降低学习门槛
客户服务页 服务流程 / 常见问题 / 售后政策 / 联系方式 / 投诉通道 清晰传递服务信息,提升客户服务响应效率
展会接待页 展会概况 / 展位分布 / 活动安排 / 商务洽谈 / 交通指引 快速引导访客了解展会信息,优化接待体验
政务办事指南页 办事流程 / 所需材料 / 办理时限 / 咨询方式 / 结果查询 简化群众办事流程,提升政务服务透明度

四、使用教程

1. 添加导航目录

在【样式库】工具栏中,点击【高级】分类,选择导航目录并添加。

catalog-2.jpg

2. 设置导航目录效果

  • 样式颜色选择
    选择导航目录的颜色主题(深色/浅色),适配页面整体视觉风格;

catalog-3.jpg

  • 效果选择
    按需设置导航点击逻辑:【滚动到对应位置】/【切换至对应内容】;

catalog-4.jpg

  • 导航目录编辑
    支持新增导航项、修改已有导航项名称,可根据内容需求调整导航项顺序

catalog-5.jpg

catalog-6.jpg

3. 添加导航内容块并插入到正文相应位置

在正文中任意位置点击插入,为每个导航项对应的内容段落添加独立的内容块,确保导航项与内容块一一对应。

catalog-7.jpg


五、常见问题

1. 导航内容块插入后,位置错乱如何调整?
导航内容块需插入在对应内容段落的起始位置,避免插入至段落中间;编辑页面支持拖拽内容块,可调整其位置与导航项精准匹配。同时需确保每个内容块独立,无重叠或嵌套情况。

2. 导航条支持自定义图标吗?
目前导航条暂不支持自定义图标,默认提供文字式导航项。可搭配产品配套的视觉素材(如背景图)使用,提升页面辨识度。

3. 导航项名称可以修改为特殊字符吗?
导航项名称支持中文、英文、数字及常见符号(如/、-、:),但不建议使用特殊表情符号或过长字符(单导航项名称不超过10个字),避免显示不全或排版错乱。