一、为什么可见性是网站的 "智能开关" ？
想象一下这个场景：
你经营一家跨国电商，法国客户访问你的网站，看到的却是英文内容和美元价格——客户一脸懵，转身去了竞争对手的网站。又或者，你做了一个仅限会员的优惠活动，结果没登录的访客也看到了折扣码，白白浪费了营销预算。
这就是没有可见性控制的代价。
Odoo 19 的 Visibility（可见性） 功能，就像给网站装上了 "智能开关" ——你可以控制每个建筑块、每个元素，在什么情况下显示、在什么情况下隐藏。让对的人看到对的内容，转化率自然飙升。
Odoo 19 可见性控制的两大维度：
| 维度 | 控制方式 | 应用场景 |
|---|
| 设备类型 | 桌面端/移动端显示或隐藏 | 响应式设计、移动端优化 |
| 条件触发 | 国家、语言、UTM参数、登录状态 | 精准营销、个性化内容、会员专享 |
二、设备类型可见性：让桌面和移动端 "各取所需"
控制建筑块的设备可见性
- 打开网站页面 → 点击 Edit 进入编辑模式
- 选中 一个建筑块
- 进入 Style 标签页
- 找到 Visibility 区域
两个切换按钮
| 按钮 | 图标 | 功能 | 效果 |
|---|
| Show/Hide on Desktop | 🖥️ | 隐藏/显示桌面端 | 桌面/笔记本用户看不到该块 |
| Show/Hide on Mobile | 📱 | 隐藏/显示移动端 | 手机/平板用户看不到该块 |
- 点击按钮切换状态
- 点击 Save 保存更改
> 实战场景：桌面端显示复杂的表格数据，移动端隐藏表格改用卡片展示——用户体验瞬间提升。
元素级设备可见性
不仅建筑块可以控制，块内的单个元素也能单独隐藏：
- 选中建筑块内的某个元素
- 查看该元素的定制选项中是否有 Visibility 选项
- 如有，同样可以使用 🖥️ 和 📱 按钮控制
> 典型场景：一张很宽的图片在手机上显示不全，单独隐藏该图片，换成适合移动端的版本。
示例：
红色的 📱（Show/Hide on Mobile）按钮表示：选中的图片在移动设备上已隐藏。
三、条件可见性：让内容 "按需出现"
进入条件设置
- 选中建筑块或元素
- 进入 Style 标签页 → Visibility 区域
- 点击 No condition 下拉菜单
- 选择 Conditionally
六大条件类型
| 条件类型 | 说明 | 数据来源 | 实战场景 |
|---|
| Country | 访客所在国家 | IP地址地理位置 | 法国用户看法语内容、美国用户看美元价格 |
| Languages | 网站语言 | 访客选择的语言版本 | 中文用户看中文促销、英文用户看英文活动 |
| UTM Campaign | 营销活动 | 追踪链接中的UTM参数 | 只有点击 "夏季大促" 链接的用户看到专属优惠 |
| UTM Medium | 营销媒介 | 追踪链接中的UTM参数 | 邮件渠道用户看到邮件专享价 |
| UTM Source | 营销来源 | 追踪链接中的UTM参数 | Google广告用户看到广告落地页内容 |
| Users | 登录状态 | 访客是否登录 | 会员专享内容、未登录用户看到注册引导 |
条件配置方法
对于前五种条件（Country、Languages、UTM Campaign、UTM Medium、UTM Source）：
第一步：选择显示/隐藏方向
| 选项 | 说明 |
|---|
| Visible for | 满足条件的用户能看到该块 |
| Hidden for | 满足条件的用户看不到该块 |
第二步：选择具体条件
- 点击 Choose a record…
- 选择一个或多个选项
- 可多选叠加
第三步：管理条件
- 点击 ➖（remove） 按钮移除某个选项
- 可添加多个不同类型的条件
第四步：保存
- 点击 Save 应用更改
登录状态条件（Users）
| 选项 | 说明 |
|---|
| Visible for Logged In | 仅登录用户可见 |
| Visible for Logged Out | 仅未登录用户可见 |
| Visible for Everyone | 所有人可见（默认） |
> 实战场景：未登录用户看到 "注册享9折" banner，登录用户看到 "欢迎回来，您的积分余额" banner。
四、复合条件实战：多条件叠加的 "精准狙击"
Odoo支持多个条件同时生效，实现极其精细的内容展示控制。
实战示例
场景： 一个建筑块配置如下条件：
| 条件类型 | 设置 | 说明 |
|---|
| Country | Visible for Belgium | 仅比利时IP可见 |
| Languages | Visible for French | 仅法语版本可见 |
| UTM Campaign | Hidden for Sales | 排除点击Sales追踪链接的用户 |
结果： 只有同时满足以下三个条件的访客才能看到该块：
- ✅ IP地址位于比利时
- ✅ 正在浏览法语版本的网站
- ❌ 没有 通过标记为 "Sales" 的UTM campaign链接访问页面
> 这就是 "精准狙击" ——把最相关的内容展示给最精准的受众，避免信息过载和营销浪费。
五、不可见元素列表：预览不同条件下的页面效果
设置了自定义可见性的建筑块和元素，会列在网站编辑器侧边栏底部的 Invisible Elements 区域。
功能说明
| 操作 | 效果 |
|---|
| 点击 👁️（眼睛图标） | 切换该元素在预览中的显示/隐藏状态 |
| 元素名称显示在列表中 | 表示该元素有自定义可见性设置 |
示例列表：
| 元素名称 | 状态 |
|---|
| Banner | 👁️ 可见/隐藏切换 |
| Features Wall | 👁️ 可见/隐藏切换 |
> 用途：方便预览不同条件下的页面效果，确保每个用户群体看到的内容都正确无误。
六、可见性控制的 "最佳实践"
| 实践 | 说明 | 效果 |
|---|
| 移动端精简内容 | 隐藏桌面端复杂的表格/图表 | 提升移动端加载速度和体验 |
| 国家定向促销 | 不同国家显示不同价格和货币 | 提升转化，避免汇率困惑 |
| 语言版本差异化 | 不同语言显示本地化内容 | 增强用户归属感 |
| UTM专属落地页 | 不同渠道用户看到不同内容 | 提升广告ROI |
| 会员专享内容 | 登录/未登录用户看到不同banner | 促进注册，提升留存 |
| 复合条件精准投放 | 国家+语言+UTM叠加 | 最大化营销精准度 |
| 预览检查 | 用Invisible Elements切换预览 | 确保各条件组合下内容正确 |
七、总结：可见性控制，让网站从 "一视同仁" 变成 "千人千面"
| 维度 | 控制方式 | 核心价值 |
|---|
| 设备类型 | 🖥️ 桌面 / 📱 移动端 | 响应式优化，各设备体验最佳 |
| 国家 | IP地理位置 | 本地化内容，精准定价 |
| 语言 | 网站语言版本 | 母语体验，提升信任 |
| UTM Campaign | 营销活动追踪 | 渠道专属内容，提升ROI |
| UTM Medium | 营销媒介追踪 | 媒介差异化策略 |
| UTM Source | 营销来源追踪 | 来源精准归因 |
| 登录状态 | 已登录/未登录 | 会员运营，注册引导 |
记住：最好的网站不是 "给所有人看一样的内容" ，而是 "给每个人看他最需要的内容" 。 Odoo 19的可见性控制功能，就是让你的网站实现 "千人千面" 的终极武器！