栏目导航：自适应模板
建议先从栏目目录定位同类模块，再根据是否排障需求选择对应文档。
上位页：返回自适应模板栏目目录
同类页：全站搜索模块介绍（自适应模块）、文章列表模块介绍（自适应模板）、图册目录模块介绍（自适应模板）、在线地图模块介绍（自适应模板）、产品展示模块介绍（自适应模板）
一、功能说明
利用横向标签可实现选择不同标签出现不同内容的效果。
二、功能说明
【版本】无版本限制
三、设置教程
1. 新增模块
在网站设计页面，选择页面左侧导航【模块-添加模块-排版】，新增【标签】模块（包括横向标签、纵向标签、图片标签、折叠标签）。
2. 编辑模块
2.1 新增标签
选择【添加标签】新增标签。
在标签列表中双击标签名称可自定义名称。
2.2 模块样式
在模块样式中支持选择标签样式，配置标签布局。
2.3 初始/选中标签
支持自定义配置初始/选中标签文字样式、背景等。
2.4 内容区
切换效果：
① 滑动（鼠标移动到哪个标签就显示哪个标签的内容）；
② 选择（鼠标移动到标签1，需要先选择标签1才会展示标签1内容）。
标签高度：
① 统一高度（全部标签的内容区一样的高度。
优点是阅读起来比较舒适）；
② 独立高度（标签1内容多配置高度100，标签2内容少配置高度50。
优点是内容多时可完整展示）。
3. 新增内容
选择标签选择【添加模块】，在左侧新增模块到标签中使用设计。
标签内容编排建议
以下补充内容用于帮助你在横向标签模块中，让标签切换逻辑更接近用户阅读顺序：
- 首项优先：默认展示的第一个标签建议放最重要的信息，而不是随机摆放。
- 内容均衡：不同标签之间内容量差异不宜过大，避免一个标签很空、另一个过于拥挤。
- 切换方式：滑动展示更适合快速预览，点击选择更适合需要用户明确切换的场景。
- 模块适配：如果标签内继续放图文、产品或表单模块，建议先检查切换后高度是否自然。
适用与不适用
这篇《横向标签模块介绍（自适应模块）》更适合用于处理表单字段设计、通知回执、数据处理与报价计算场景，尤其适合已经进入实际配置、联调或上线验证阶段的操作人员。
不适用的情况：如果页面只做静态内容展示而不涉及用户提交，本部分可只保留上线检查项。
前置条件
- 先明确表单目标：收集线索、预约、报名还是报价。
- 确认字段、通知接收人和数据去向已经设计清楚。
- 如涉及支付或计算，先准备真实测试数据。
验证方式
- 从前台完整提交一条真实数据。
- 检查后台记录、通知消息和回执提示是否一致。
- 如涉及计算/支付，确认金额、变量和结果承接正确。
失败排查
- 提交成功但无通知时，先查通知接收配置、短信/邮件通道和拦截。
- 提交后数据未显示时，优先查后台筛选条件、权限和字段规则。
- 报价计算异常时，优先查变量值和公式顺序。
上线检查清单
- 确认正式域名、正式终端和正式页面入口都已验证通过。
- 随机抽查至少 3 个关键动作或关键模块是否正常。
- 保留一份上线前后的截图或日志样本，便于后续排障。
真实案例式说明
例如《横向标签模块介绍（自适应模块）》如果前台提示提交成功但销售没有收到通知，问题往往不在按钮本身，而在通知接收人、通道配置和回执链路。
常见问题入口
如果你当前更关注失败、未生效、审核不过或状态不同步，建议继续查看这些独立问题页：
继续查看帮助文档与建站服务
如果这篇文档解决了你当前的问题，可以继续回到帮助目录查看同类教程；如果你正在准备企业官网建设、套餐选型或定制开发，也可以继续进入对应服务页了解。