跳到主要内容

Chatbot 组件样式设置

快速设置

约 5 分钟即可调整组件外观并保存更改。

本指南帮助你通过实时预览更新 chatbot 组件的颜色、文本和布局。

前往： Chatbot → Widget Settings

快速参考​

任务点击位置结果
预览组件Getting Started / Conversation查看客人端组件体验
编辑启动按钮Launcher 区域更新客人点击的按钮
编辑头部和气泡Header、Bubbles匹配品牌风格
编辑输入区和欢迎区Input、Welcome调整聊天体验
配置政策链接Welcome → Configure Terms显示 Privacy Policy 与 Terms Of Service 链接
保存更改Save样式应用到线上组件
恢复默认Reset to Defaults恢复默认主题

套餐权限​

  • 组件样式功能需要付费套餐。
  • 免费套餐账号会看到升级提示，且无法保存样式。

升级路径：Settings → Billing & Subscription。

更新组件样式​

  1. 前往 Chatbot → Widget Settings

  2. 使用预览模式按钮：

    • Getting Started
    • Conversation

    ✓ 预览会随所选模式更新。

  3. 在右侧打开一个区块：

    • Launcher
    • Header
    • Bubbles
    • Input
    • Welcome

  4. 更新颜色、标签或图标

    ✓ 更改会立即显示在预览中。

  5. 如需在 Getting Started 上方显示政策链接，在 Welcome 点击 Configure Terms。

    ✓ 会打开政策配置弹窗。

  6. 在 Terms & Policies 中：

    • Vouch Policy (Required) 固定启用且不可修改。
    • 按需启用 Privacy Policy 或 Terms Of Service。
    • 填写政策 URL，或上传 .pdf 或 .md 文件。

    ✓ 上传文件后会自动填充政策 URL。

  7. 点击 Done。

  8. 点击 Save。

    ✓ 组件将应用新的样式。

恢复默认​

  1. 点击 Reset to Defaults
  2. 查看预览结果
  3. 点击 Save 以保留默认主题
需要控制访问范围？

使用 Chatbot → Setup → Widget & Access 管理落地页和白名单域名。

使用建议​

  • 保持高文本对比度，提升可读性。
  • 保存前同时检查两种预览模式。
  • 政策名称尽量简短，避免移动端显示拥挤。
  • 颜色建议与官网与客人邮件保持一致。

故障排查​

预览不更新​

你会看到： 修改后预览保持不变。

解决方法：

  1. 刷新页面
  2. 重新尝试修改
  3. 检查网络连接

保存失败或回退​

你会看到： 保存后样式没有保留。

解决方法：

  1. 再次点击 Save
  2. 等待成功提示
  3. 确认当前套餐支持 chatbot 样式

政策上传失败​

你会看到： Terms 弹窗中上传报错。

解决方法：

  1. 仅使用 .pdf 或 .md 文件
  2. 文件大小控制在 6 MB 以下
  3. 重新上传后点击 Save

政策链接未显示​

你会看到： 预览里没有 Privacy Policy 或 Terms Of Service。

解决方法：

  1. 打开 Welcome → Configure Terms
  2. 打开对应政策开关
  3. 填写有效 URL 并点击 Done
  4. 点击 Save

重置后未生效​

你会看到： 刷新后默认样式消失。

解决方法：

  1. 点击 Reset to Defaults
  2. 点击 Save

仍未解决？​

如遇以下情况，请联系 success@vouch-technologies.com：

  • ❌ 多次尝试后样式仍无法保存
  • ❌ 刷新后组件仍不更新
  • ❌ 问题持续超过 30 分钟

建议附上：

  • Widget Settings 页面截图
  • 你尝试的样式修改
  • 问题开始时间

相关指南​