03-06 · 客服配置 & 主页媒体配置¶
入口路径：后台 → 运营配置 → 客服配置 / 主页媒体配置 目标读者：客服主管 / 运营 / 内容 核心问题：玩家在站点上怎么找到客服？站点底部展示哪些社交媒体图标？ 资料来源：
客服配置.png+添加客服.png+浮标位置说明.png+主页媒体配置.png+添加媒体链接.png+媒体位置说明.png最后更新：2026-05-11 作者：Bob/Aimee
一、客服配置¶
1.1 功能定位¶
配置前台浮动的客服联系按钮。多个客服可同时挂在线，玩家点击后展开列表选一个。
1.2 字段表¶
页面元素： - 添加客服按钮（蓝） - 在首页显示总开关（绿色 = 开启） - 表格字段：客服 / 联系类型 / 联系账号 / 状态 / 操作
| 字段 | 含义 |
|---|---|
| 客服 | 客服昵称 + 头像 |
| 联系类型 | Whatsapp / ❓ 其他选项 |
| 联系账号 | 该联系方式对应的账号 / URL |
| 状态 | 在线 / 离线 / ❓ |
| 操作 | 修改 / 删除 / 排序 |
1.3 添加客服弹窗¶
| 字段 | 当前值 / 限制 |
|---|---|
| 头像 | 上传 png/jpg ❓（尺寸限制待补） |
| 客服名称 | 文本 |
| 联系类型 | Whatsapp（默认）；下拉项 ❓（应该还有 Telegram / Email / 在线聊天等） |
| 联系账号 | 手机号 / 用户名 / URL |
| 状态 | 在线（默认）；下拉项 ❓（应该至少有"离线"） |
1.4 浮标在前台的位置¶
⚠️ 关键说明：这张"浮标位置说明"图实际同时显示了两类浮标——客服浮标（左下角）+ Telegram 浮标（右下角，来自"主页媒体配置"）。两个模块的"浮标"在前台呈现是叠加的。
- 左下角圆形：客服浮标（点开展开客服列表）
- 右下角圆形：Telegram / 社交浮标（来自"主页媒体配置 → 浮标位置"）
- 上方红框：首页顶部下载框（来自 04-广告位与轮播 § 二）
📌 截图里站点 logo 是 "P OMAS.COM"（不是 p222.com）❓ —— 可能是另一个示例平台的截图截到这里了；或者澎湃支持多个域名前台显示不同 logo。
二、主页媒体配置¶
2.1 功能定位¶
站点底部 / 浮标位置展示的社交媒体图标（Facebook / Telegram / WhatsApp / X / YouTube / Instagram 等）。
2.2 顶部 3 个按钮¶
| 按钮 | 用途 |
|---|---|
| 添加媒体链接（蓝） | §2.3 添加弹窗 |
| 媒体位置（灰带 ?） | 弹出 §2.5 媒体位置说明 |
| 浮标位置（灰带 ?） | 弹出 §2.6 浮标位置说明（与客服浮标共用） |
2.3 字段表¶
| 字段 | 含义 |
|---|---|
| 媒体类型 | Facebook / Telegram / WhatsApp / X / YouTube / Instagram ❓ |
| 默认浮标 | 平台内置该媒体的圆形 icon |
| 自定义浮标 | 业主自传 ❓（尺寸限制待补） |
| 浮标(点击修改) | 点击编辑该媒体专属浮标图 |
| 媒体链接 | 该社交账号的 URL（如 https://facebook.com/xxx） |
| 备注 | 业主自填 |
| 操作 | 编辑 / 删除 / 排序 |
2.4 添加媒体链接弹窗¶
| 字段 | 当前值 / 限制 |
|---|---|
| 媒体类型 | Facebook（默认）；下拉项含 Facebook / Telegram / WhatsApp / X (Twitter) / YouTube / Instagram ❓ |
| 媒体链接 | URL |
| 备注 | 业主自填 |
2.5 媒体位置说明¶
- 出现位置：站点首页底部合作伙伴章节最底下一排
- 截图案例：FB / Telegram / WhatsApp / X (Twitter) 4 个圆形 icon
- 比例：圆形小图标，水平铺开
2.6 浮标位置说明（同客服浮标）¶
见 §1.4 ——左下客服 + 右下社交媒体浮标。
三、典型工作流¶
3.1 新站接入客服¶
- 客服团队建好 Whatsapp / Telegram 工作号
- 后台 → 客服配置 → 添加客服 →
- 客服名："Support 1"
- 头像：上传客服自拍 / 头像
- 联系类型：Whatsapp
- 联系账号：+55 XXXX-XXXX
- 状态：在线
- 同步多个客服（建议 2-3 个轮班）
- 在首页显示 → 开启
3.2 上线运营时同步社交矩阵¶
- 主页媒体配置 → 添加媒体链接
- Facebook: https://facebook.com/p222official
- Telegram: https://t.me/p222_channel
- WhatsApp: https://wa.me/55XXXXXXXX
- YouTube / Instagram / TikTok（如有）
- 检查"媒体位置"按钮 → 看前台底部展示是否符合预期
- 检查"浮标位置"按钮 → 看右下角浮标排列
3.3 客服轮班切换¶
- 不同时段不同客服在线：在客服列表逐条改"状态 = 在线 / 离线"
- 假期 / 凌晨集体下线：把"在首页显示"总开关关掉（玩家会看到"客服暂时离线"提示 ❓ 待确认前台行为）
四、客服浮标 vs 社交媒体浮标 vs 媒体位置 三角关系¶
flowchart TD
A["玩家进入站点"] --> B["左下角浮标<br/>← 客服配置 → #quot;在首页显示#quot; 开关<br/>玩家点击：展开客服列表（Whatsapp / Telegram）"]
A --> C["右下角浮标<br/>← 主页媒体配置 → #quot;浮标位置#quot; 中标 ✓ 的媒体<br/>玩家点击：直接跳社交媒体 URL"]
A --> D["底部排标<br/>← 主页媒体配置 → #quot;媒体位置#quot; 排列（默认全显示）<br/>玩家点击：跳社交媒体 URL"]💡 设计建议： - 客服浮标：业务/技术问题 - Telegram 浮标：拉新公告频道（用户主动关注） - 底部排标：完整社交矩阵展示（合规要求 / 信任建立）
五、待确认清单¶
- 客服联系类型下拉完整选项？至少应有 Whatsapp / Telegram / Email / 在线聊天。
- 客服头像尺寸 / 格式限制？
- 客服"离线"时前台呈现：完全隐藏还是显示但灰色？
- "在首页显示"开关关掉后，玩家是否仍能从其他页面找到客服？
- 媒体类型下拉完整选项？是否支持自定义（如 Discord、Line）？
- 自定义浮标图片尺寸限制？
- 媒体位置 vs 浮标位置：哪个字段决定一个媒体出现在底部排标，哪个决定它出现在右下浮标？
- "P OMAS.COM" logo 出现在浮标说明图——是不是后台/前台支持多 logo 切换？
六、相关文档¶
- README · 运营配置总览
- 04-广告位与轮播（首页 banner / 下载框，与浮标视觉协同）
- 05-网站分享（OG image / 文案同样涉及 logo / 品牌）
- 15-站内消息推送