组件设置
设置配置 > 组件设置 决定 HeiChat 在前台长什么样，以及顾客会通过哪些入口与它互动。
1. 外观设置
外观设置 负责控制聊天入口和组件的整体视觉表现。
建议重点查看：
- 桌面端和移动端位置
- 组件大小
- 边距和 z-index
- 移动端显示模式
- 聊天气泡样式和动画
- 延迟加载时间
- 品牌 Logo、头像、问候语、Callout、主题色
- 是否启用组件首页
- RTL 支持
- 会话头部样式
推荐操作顺序：
- 先确定桌面端和移动端位置，避免和页面固定元素冲突。
- 再设置大小和边距。
- 决定移动端用全屏还是抽屉模式。
- 上传品牌 Logo 和头像。
- 写好问候语和 Callout。
- 只有在你希望用户先浏览快捷入口时，再启用组件首页。
2. 功能组件
功能组件会让 HeiChat 不只是一个聊天按钮。
销售类组件
常见销售组件包括：
- Restock Notification
- Exit Intent Popup
- Spin to Win
- Video Popup Widget
- Sales Activity Popup
适合用于：
- 收集缺货通知
- 挽回准备离开的访客
- 增加紧迫感和社交证明
支持类组件
常见支持组件包括：
- Product Search Widget
- Order Search Widget
- Help Desk Widget
- Feedback Widget
- Inline Chat Button
- Drawer Cart Widget
适合用于：
- 降低重复客服咨询
- 提供自助查单
- 让用户带图反馈问题
- 在商品页中嵌入聊天入口
推荐上线顺序
如果你想逐步上线：
- 先从 Product Search 或 Order Search 开始。
- 如果客服很依赖截图，再加 Feedback Widget。
- Restock Notification、Exit Intent 这类营销组件放到基础体验稳定后再启用。
3. 快捷按钮
快捷按钮是组件内的一键快捷按钮。
最常见的包括：
- Best Seller
- Need Help
- Talk to Human
- Q&A 快捷按钮
它们的价值在于缩短用户到达目标动作的路径。
推荐顺序：
- 如果需要人工兜底，先开
Need Help。 - 如果套餐支持人工接管，再开
Talk to Human。 - 如果聊天也承担导购任务，再开
Best Seller。 - 最后把高频 FAQ 做成 Q&A 按钮。
4. 快捷引导
快捷引导是显示在组件首页或聊天中的文档快捷链接。
每条文档建议准备：
- 标题
- 简短说明
- 封面图 URL
- 跳转链接 URL
要注意：
- 它只是快捷入口
- 不会自动进入 AI 知识库
- 如果你也希望 AI 能基于这些内容回答，就要同时加入 Knowledge Base
5. 社交媒体
社交媒体入口用来给 Instagram、Facebook、TikTok、Messenger、Telegram 等渠道加图标入口。
每条配置通常分三步：
- 选择平台
- 填入对应链接或 ID
- 决定是否在前台展示
如果侧边图标看起来太拥挤，可以回到 Appearance 调整位置和大小。
推荐实施顺序
- 先完成外观设置。
- 只启用真正解决问题的少量功能组件。
- 再补快捷按钮。
- 如果你已经有成熟帮助内容，再加快捷引导。
- 最后再接社交媒体入口。