跳到主要内容

设置聊天机器人组件样式

快速开始

使用实时预览调整样式并在约 5 分钟内保存。

本指南帮助你通过实时预览修改聊天机器人组件的颜色、文字和布局。

前往： Chatbot → Widget Settings

快速参考​

任务点击位置结果
预览组件Getting Started / Conversation看到访客视角效果
修改启动按钮Launcher 区块调整入口按钮样式
修改头部/气泡Header, Bubbles对齐品牌风格
修改输入/欢迎页Input, Welcome调整聊天体验
保存更改Save应用到线上组件
恢复默认Reset to Defaults恢复默认主题

计划权限​

  • 组件样式需要付费计划。
  • 免费计划无法保存样式，会显示升级提示。

要升级，请前往 Settings → Billing & Subscription。

更新组件样式​

  1. 前往 Chatbot → Widget Settings

  2. 选择预览模式：

    • Getting Started
    • Conversation

    ✓ 预览会切换到对应模式。

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

    • Launcher
    • Header
    • Bubbles
    • Input
    • Welcome

  4. 修改颜色、标签或图标

    ✓ 预览即时更新。

  5. 点击 Save

    ✓ 新样式应用到组件。

恢复默认样式​

  1. 点击 Reset to Defaults
  2. 查看预览
  3. 点击 Save 保存默认主题
需要控制访问？

请在 Chatbot → Setup → Widget & Access 中管理落地页和白名单域名。

提示​

  • 保持高对比度以提升可读性。
  • 保存前检查两个预览模式。
  • 与官网和邮件的颜色保持一致。

故障排查​

预览不更新​

现象： 修改后预览无变化。

解决：

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

保存失败或回退​

现象： 保存后样式未生效。

解决：

  1. 再次点击 Save
  2. 等待成功提示
  3. 确认计划包含组件样式功能

默认设置无法保持​

现象： 刷新后默认设置消失。

解决：

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

仍未解决？​

出现以下情况请联系 success@vouch-technologies.com：

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

建议提供：

  • 组件设置页截图
  • 你尝试的样式修改
  • 问题开始时间

相关指南​