组件设置

设置配置 > 组件设置 决定 HeiChat 在前台长什么样,以及顾客会通过哪些入口与它互动。

1. 外观设置

外观设置 负责控制聊天入口和组件的整体视觉表现。

建议重点查看:

  • 桌面端和移动端位置
  • 组件大小
  • 边距和 z-index
  • 移动端显示模式
  • 聊天气泡样式和动画
  • 延迟加载时间
  • 品牌 Logo、头像、问候语、Callout、主题色
  • 是否启用组件首页
  • Classic UI(1.0)或新版沉浸式 UI(2.0)
  • RTL 支持
  • 会话头部样式

推荐操作顺序:

  1. 先确定桌面端和移动端位置,避免和页面固定元素冲突。
  2. 再设置大小和边距。
  3. 决定移动端用全屏还是抽屉模式。
  4. 上传品牌 Logo 和头像。
  5. 写好问候语和 Callout。
  6. 组件首页请在 基础设置 > Enhance Your Experience 中配置。

New UI(2.0)支持更大的聊天体验、Chatbar 入口、Shopilot 和更丰富的商品卡操作。启用 Chatbar 后,Callout 会自动隐藏;请使用独立的桌面端与移动端 Chatbar 边距来定位它。Classic UI 仍可供现有店铺使用,但 New UI 是后续重点发展的界面。

2. 功能组件

功能组件会让 HeiChat 不只是一个聊天按钮。

销售类组件

常见销售组件包括:

  • Restock Notification
  • Product Quiz
  • Exit Intent Popup
  • Spin to Win
  • Promotional Product Card
  • Video Popup Widget
  • Sales Activity Popup

适合用于:

  • 收集缺货通知
  • 挽回准备离开的访客
  • 增加紧迫感和社交证明

支持类组件

常见支持组件包括:

  • Product Search Widget
  • Order Search Widget
  • Help Desk Widget
  • Feedback Widget
  • Inline Chat Button
  • Drawer Cart Widget
  • Shipping Protection、Free Shipping Reminder
  • Product FAQ、Order Status Page

适合用于:

  • 降低重复客服咨询
  • 提供自助查单
  • 让用户带图反馈问题
  • 在商品页中嵌入聊天入口

推荐上线顺序

如果你想逐步上线:

  1. 先从 Product Search 或 Order Search 开始。
  2. 如果客服很依赖截图,再加 Feedback Widget。
  3. Restock Notification、Exit Intent 这类营销组件放到基础体验稳定后再启用。

Product Quiz 提供独立的引导式商品选择流程,可显示在组件首页或聊天快捷按钮中,并支持使用 /products/* 等路径的黑名单/白名单规则。

Product FAQ 会生成商品专属 FAQ 和卖点。启用后,还需要在商品模板中添加 HeiChat Product FAQ 应用区块。可在 已学习商品 > Generated FAQ 中查看、编辑或重新生成源语言内容;其他已选语言会从源语言自动更新。

3. 快捷按钮

快捷按钮是组件内的一键快捷按钮。

最常见的包括:

  • Best Seller
  • Need Help
  • Q&A 快捷按钮

它们的价值在于缩短用户到达目标动作的路径。

推荐顺序:

  1. 如果需要人工兜底,先开 Need Help
  2. Talk to Human 请在独立的 Live Support 中配置,包括工作时间和节假日安排。
  3. 如果聊天也承担导购任务,再开 Best Seller
  4. 最后把高频 FAQ 做成 Q&A 按钮。

页面也会列出在其他位置启用、当前显示在聊天快捷按钮中的项目;可在这里隐藏入口,而不关闭原功能。Q&A 会直接使用已配置的标准答案,本轮不会额外检索知识库。

4. 快捷引导

快捷引导是显示在组件首页或聊天中的文档快捷链接;组件首页行为在 基础设置 > Enhance Your Experience 中管理。

每条文档建议准备:

  • 标题
  • 简短说明
  • 封面图 URL
  • 跳转链接 URL

要注意:

  • 它只是快捷入口
  • 不会自动进入 AI 知识库
  • 如果你也希望 AI 能基于这些内容回答,就要同时加入 Knowledge Base

5. 社交媒体

社交媒体入口用来给 Instagram、Facebook、TikTok、Messenger、Telegram 等渠道加图标入口。

每条配置通常分三步:

  1. 选择平台
  2. 填入对应链接或 ID
  3. 决定是否在前台展示

社媒链接可以出现在 Floating Widget、组件首页和聊天快捷按钮中。你可以只从某个展示位置隐藏入口而不删除配置:首页可在基础设置中管理,Floating Widget 可在组件设置中管理。

Floating Widget 与 Live Support

Floating Widget 是统一管理前台侧边联系方式、社媒链接和功能组件的入口。将项目从这里隐藏不会关闭其原始配置。Live Support 则独立管理人工接管入口、按钮文案、工作时间和节假日,不再混在快捷按钮中。

推荐实施顺序

  1. 先完成外观设置。
  2. 只启用真正解决问题的少量功能组件。
  3. 再补快捷按钮。
  4. 如果你已经有成熟帮助内容,再加快捷引导。
  5. 最后再接社交媒体入口。