自定义您的 AI 聊天机器人
配置组件的外观、行为和 AI 设置
小部件样式
除了经典的聊天气泡,您的小部件还可以以 Ask AI 输入栏的形式运行——位于页面底部居中的输入框,访客一开始输入就会展开为全屏对话。它使用本页面的全部设置,并且可以仅限于特定页面显示,例如您的文档页面。
Switch styles under Widget Style in Widget Settings, and see the Ask AI Bar guide for details.
聊天按钮样式
聊天气泡并不是按钮唯一的形状。共有十五种样式:Chat Bubble、Pill、Reveal、浅色与深色两版的 Ghost、Edge tab、Card、Dock、Orb、Split、Typewriter、Overhang、Wordmark、Quiet link 以及 Ask AI Bar。每一种都使用您自己的颜色、图标和设置。
Open More designs under Widget Style in Widget Settings, or go straight to the chat button designs. Press Try it on any design to see it full screen on a page, running your real widget, then press Choose it to keep it.
Chat Bubble、Ghost、Orb、Wordmark 和 Quiet link 在所有套餐中都可使用。Pill、Reveal、Edge tab 和 Dock 需要 Starter 套餐。Card、Split、Overhang 和 Typewriter 需要 Standard 套餐。Ask AI Bar 需要 Pro 套餐。每个样式上都标有所需套餐,超出您套餐的样式仍可先试用再决定。
Typewriter 需要问题。 选择它时会弹出一个框,询问要输入什么内容。这与聊天使用的推荐问题是同一组,写一次即可两处通用。
每一种样式都放得进手机角落。最占地方的三种会在那里让一步:Typewriter 不再打字,Split 隐藏搜索的那一半,Card 去掉第二行。当小部件位于左侧时,每种样式也会自动左右镜像。
手机也可以有自己的样式。在样式上方,把 Choosing for 从 Desktop 切换到 Phone,再选一个样式。这样手机显示这个样式,电脑保留第一个。按 Use the desktop design on phones 可以让两者回到同一个样式。在您另行选择之前,手机一直沿用电脑的样式,所以在此之前什么都不会变。
聊天按钮图标
同一页面的颜色行旁边有四个内置标记:实心聊天气泡、描边气泡、闪光,以及您的姓名缩写。所选标记会用于每一种样式,包括经典气泡。
如果您上传自己的聊天图标,系统会改用该图标并关闭内置标记。您的图片会被完整缩放到圆形内,而不是裁切,因此不会有任何部分被切掉。
组件颜色
Customize the color scheme of your chat widget to match your brand. All colors can be configured in the Widget Settings.
| 颜色设置 | 描述 | 默认 |
|---|---|---|
| 按钮颜色 | 主聊天组件触发按钮和发送按钮的颜色 | #0B0D10 |
| 头部背景 | 聊天头部和输入区域的背景颜色 | #f8fafc |
| 文字颜色 | 头部和机器人消息的主要文字颜色 | #1f2937 |
| 用户消息 | 访客发送的消息的背景颜色 | #0B0D10 |
| 机器人消息 | AI 助手回复的背景颜色 | #e5e7eb |
| 聊天背景 | 主聊天消息区域的背景颜色 | #ffffff |
提示: 每种颜色都有重置按钮可恢复默认值。为用户消息和机器人消息使用互补色,使对话更易于阅读。
AI 助手名称
自定义聊天头部显示的名称。这是访客看到的 AI 助手身份标识。示例:
- AI 助手(默认)
- 客户支持
- 销售助手
- 您的公司名称或吉祥物
初始消息
访客首次打开聊天组件时看到的问候消息。此消息为对话定下基调并鼓励互动。最多 200 个字符。
示例: "您好!👋 今天有什么可以帮您的吗?欢迎随时向我咨询有关我们产品或服务的任何问题。"
组件位置
控制聊天组件在您网站上的显示位置:
| 位置 | 描述 |
|---|---|
| 右下角 | 标准位置,右下角(推荐) |
| 左下角 | 屏幕左下角 |
| 自定义 | 通过自定义 X 和 Y 偏移量(以像素为单位)微调 |
使用 自定义 定位时,您可以设置:
- 方向:右侧或左侧
- X 偏移:距边缘的水平距离(0-200px)
- Y 偏移:距底部的垂直距离(0-400px)
自动触发
在访客停留在您的页面上一定时间后自动打开聊天来与其互动。这种主动的方式可以显著提高对话率。
设置:
- 启用/禁用:开启或关闭自动触发功能
- 延迟:触发前的等待时间(1-60 秒)
- 显示模式:
- 完整聊天 + 气泡:在桌面端打开完整聊天,在移动端显示通知气泡
- 仅气泡:在桌面端和移动端都显示通知气泡(较少干扰)
提示: 建议从 5-10 秒延迟和"仅气泡"模式开始,以获得更低干扰的体验。监控互动率以进行优化。
按钮输入框
在聊天按钮上方显示一个带有占位文本的输入框。当访客点击时,聊天窗口打开并且输入框获得焦点,让他们可以立即开始输入。
设置:
- 启用/禁用: 切换触发器输入字段
提示: 此功能通过让访客感觉他们可以在不打开完整聊天窗口的情况下开始对话来提高参与度。与通知气泡结合使用效果非常好。
问候气泡
在聊天组件按钮旁边显示一个浮动消息气泡,以吸引访客注意力并鼓励互动。
设置:
- 启用/禁用:开启或关闭通知气泡
- 气泡消息:气泡中显示的自定义文本(最多 100 个字符)
示例: "有任何问题尽管问!"、"需要帮助吗?"、"与我们聊天!"、"有问题吗? 👋"
未读徽章
在聊天按钮上显示红色通知徽章,表示有未读消息。这个视觉提示可以吸引注意力并通过暗示访客有待处理的消息来提高互动率。
指令模式
控制 AI 助手如何回应对话:
| 模式 | 描述 | 最适合 |
|---|---|---|
| 聚焦商务 | AI 保持话题聚焦,专注于您的业务、产品和服务。将偏离主题的对话引导回商务事项。 | 适合企业、电商、SaaS |
| 通用对话 | AI 处理更广泛的对话,不受严格的话题限制。更灵活、更对话化。 | 教育、社区网站、博客 |
提问
启用后,AI 会在消息末尾提出相关的后续问题。这有助于:
- 更好地了解访客的需求
- 保持对话自然流畅
- 收集有用的支持信息
- 增加互动和对话深度
使用表情符号
启用后,AI 会在回复中包含友好的表情符号,使对话更温馨、更亲切。禁用则呈现更专业、正式的语气。
收集邮箱
When enabled, an optional email input field appears above the chat input. Collected emails appear on your Leads page where you can view and export them.
注意: 邮箱和电话字段都是可选的 - 访客可以点击 X 按钮关闭它们。如果两个选项都启用了,字段会上下堆叠显示。如果启用了本地化,提示会自动翻译。
提示: 访客在聊天消息中直接输入的任何邮箱地址或电话号码都会被自动检测并保存到您的潜在客户页面。
收集电话号码
When enabled, an optional phone input field with international country code selector appears above the chat input. Phone numbers are saved to your Leads page alongside emails.
默认国家
默认情况下,区号选择器会根据访客的浏览器语言自动检测其所在国家。您可以从下拉菜单中选择特定的默认国家来覆盖此设置。例如,如果您的企业位于澳大利亚,选择澳大利亚,这样所有访客默认看到的就是澳大利亚区号(+61),而不依赖自动检测。
注意: 邮箱和电话字段都是可选的 - 访客可以点击 X 按钮关闭它们。如果两个选项都启用了,字段会上下堆叠显示。如果启用了本地化,提示会自动翻译。
提示: 访客在聊天消息中直接输入的任何邮箱地址或电话号码都会被自动检测并保存到您的潜在客户页面。
智能线索收集
启用后,AI 会在对话过程中自然地向访客询问联系信息。AI 不依赖可见的输入字段,而是在聊天中找到合适的时机请求邮箱地址或电话号码。
工作原理
The AI waits until it has helped the visitor or answered their question, then politely asks for contact details. It asks only once and respects the visitor's decision if they decline. Any email or phone number provided is automatically detected and saved to your Leads page.
询问内容
启用智能线索获取后,您可以选择 AI 应该询问什么:
- 任意联系方式(默认)- AI 会询问联系方式,让访客分享邮箱或电话号码
- 邮箱地址 - AI 会专门询问访客的邮箱
- 电话号码 - AI 会专门询问访客的电话号码
- 邮箱地址和电话号码 - AI 会同时询问邮箱和电话号码
此设置独立于“收集邮箱”和“收集电话”输入字段 - 您可以单独使用智能线索获取,无需启用可见的输入字段。
提示: 智能线索获取可以与可见的邮箱/电话输入字段配合使用,也可以作为替代方案。您可以同时使用两者以最大化线索收集,或单独使用智能线索获取以获得更简洁的聊天界面。
本地化
自动翻译您的组件界面以匹配访客的浏览器语言。支持 32 种语言,包括:
翻译内容:
- AI 助手名称:聊天头部显示的名称
- 初始消息:打开聊天时的问候消息
- 问候气泡消息:引人注目的气泡中的文本
功能:
- 自动检测:组件自动检测访客的浏览器语言
- 编辑翻译: 查看和自定义每种语言的翻译
- 重新生成: 一键重新生成所有翻译
提示: 本地化能显著提高国际受众的互动率。AI 还会以访客检测到的语言进行回复。
隐藏品牌标识
从聊天组件底部移除"Powered by Asyntai"文本,实现完全白标体验。这非常适合希望无缝品牌整合的代理商和企业。
隐私链接
在聊天组件页脚中显示您的隐私政策链接,紧邻"Powered by Asyntai"品牌标识。这有助于您遵守隐私法规并建立访客信任。
设置:
- 启用/禁用: 切换隐私链接的显示与隐藏
- 链接 URL: 您的隐私政策页面的 URL(例如 https://yoursite.com/privacy)
- 链接文本: 自定义显示的文本(默认:"Privacy Policy",最多 20 个字符)。您可以将其翻译为任何语言。
显示效果:
注意: 如果您启用了"隐藏品牌标识"(Pro 计划),页脚中将仅显示隐私链接。如果两者都禁用,页脚将完全隐藏。
自定义通知
在聊天输入框上方显示自定义通知。这非常适合免责声明、同意通知或您希望访客在聊天前看到的重要信息。
功能:
- 自定义文本: 编写最多 500 个字符的任意消息
- Markdown 链接: 支持使用 Markdown 语法创建可点击链接:
[链接文本](https://url.com) - 可关闭: 访客可以通过 X 按钮关闭通知(会记住他们的偏好)
- 新会话重置: 新的聊天会话开始时通知会重新出现
使用示例:
- "AI 回复可能并不总是准确的。请验证重要信息。"
- "使用此聊天即表示您同意我们的[隐私政策](https://yoursite.com/privacy)和[条款](https://yoursite.com/terms)。"
显示效果:
提示: 使用 Markdown 链接来包含可点击的隐私政策或服务条款。示例:[隐私政策](https://yoursite.com/privacy)
对话记录下载
允许访客将聊天对话下载为 .txt 文件。启用后,聊天标题栏的三点菜单中会出现"下载对话记录"选项。
工作原理:
- 访客点击聊天标题栏中的三点菜单图标
- 选择"下载对话记录"以保存对话
- 文件包含所有消息及其时间戳和发送者标签
新对话按钮
允许访客从聊天菜单开始新的对话。启用后,聊天标题栏的三点菜单中会出现"新对话"选项。
工作原理:
- 访客点击聊天标题栏中的三点菜单图标
- 选择"新对话"以清除当前聊天
- 系统生成新的会话 ID 并显示欢迎消息
- 邮箱、电话和自定义通知输入在新会话中会被重置
对话历史
允许访客从聊天菜单浏览和恢复过去的对话。启用后,三点菜单中会出现"对话历史"选项,与"新对话"并列显示。
工作原理:
- 当访客点击"新对话"时,当前聊天会自动存档到浏览器的本地存储中
- 访客可以点击菜单中的"对话历史"查看过去的对话列表
- 每条记录显示第一条消息的预览、相对时间和消息数量
- 点击某条对话即可恢复(当前聊天会先被存档,不会丢失任何内容)
- 每个组件最多存储 20 条过去的对话
注意: 启用对话历史会自动启用新对话按钮,因为对话在访客开始新对话时会被存档。禁用新对话也会同时禁用对话历史。
提示: 对话历史存储在访客的浏览器中(localStorage)。如果他们清除浏览器数据,历史记录将会丢失。没有用户消息的对话(仅有欢迎消息)不会被存档。
标语与状态点
控制聊天组件标题栏中显示的标语和状态点。默认情况下,AI 名称下方会以绿色显示"Online"文本,AI 名称旁边会显示一个绿色闪烁的圆点。
状态点:
- 开启/关闭: 显示或隐藏 AI 名称旁边的绿色闪烁状态点
- 默认: 已启用 - 状态点默认可见,表示聊天机器人可用
标语:
- 开启/关闭: 显示或隐藏 AI 名称下方的标语
- 自定义文本: 用最多 30 个字符的自定义标语文本替换默认的"Online"文本(例如"全天候在线"、"随时为您服务")
- 智能配色: 默认的"Online"文本以绿色显示。自定义标语文本会自动使用与 AI 名称相同的颜色,以保持一致的外观
注意: 状态点和标语是独立的设置——您可以分别启用、同时启用或全部禁用。
语音转文字
在聊天组件中启用语音输入,让访客可以通过语音而非打字来发送消息。音频通过 AI 转录后直接放入聊天输入框中。
工作原理:
- 麦克风按钮: 启用后聊天输入区域会出现麦克风图标
- 录音: 点击麦克风按钮开始录音,并显示可视化波形动画和计时器
- 转录: 语音通过 AI 自动转换为文本
- 自动停止: 录音在 60 秒后自动停止
- 取消: 随时丢弃录音而不发送
转录后:
选择语音消息转录后的操作:
- 显示在输入框中(默认):转录的文本出现在聊天输入框中,让访客在发送前可以查看或编辑
- 自动发送: 转录的消息立即发送,无需访客按下发送按钮
您可以在语音转文字设置中的"转录后"下拉菜单中进行配置。
注意: 访客的浏览器在首次使用时会请求麦克风权限。如果未授予权限,语音输入将无法使用。
聊天图标
上传自定义图片以替换默认的聊天组件按钮图标。您的图片将被裁剪为正方形,并显示为访客点击打开聊天的浮动聊天按钮。
功能:
- 自定义品牌: 使用您的公司徽标或与品牌相匹配的自定义图标
- 图片裁剪器: 内置裁剪器让您精确选择要使用的图片部分
- 支持的格式: PNG、JPG、GIF 和 WebP
- 轻松移除: 随时移除自定义图标以恢复默认聊天气泡
提示: 为获得最佳效果,请使用在小尺寸下(70x70 像素)仍可辨认的简洁设计的方形图片。
公司徽标
上传公司徽标,显示在聊天标题栏中 AI 助手名称旁边。这使您的聊天具有更专业的品牌外观。
显示效果:
设置后,圆形徽标按以下顺序显示在聊天标题栏中:
- 在线状态点: 绿色闪烁指示器
- 公司徽标: 您上传的圆形图片
- 助手名称: AI 名称、状态点和"Online"标语
使用场景:
- 展示您的公司徽标以增强品牌识别度
- 使用您的品牌吉祥物或图标
- 为您的 AI 助手增添专业感
提示: 使用清晰、高质量的面部图片或可辨认的图标。图片将被裁剪为圆形,并以 40x40 像素显示。
对话开场白
添加可点击的提示建议,显示在聊天组件输入框上方。访客可以点击这些建议而无需打字,快速开始对话。开场白仅在聊天为空时显示,第一条消息发送后消失。
工作原理:
- 开启/关闭: 从自定义页面启用或禁用对话开场白
- 最多 4 个提示: 通过"编辑开场白"按钮添加最多 4 个短文本提示(每个最多 100 个字符)
- 可点击标签: 开场白以药丸形按钮的形式直接显示在输入框上方
- 自动发送: 点击开场白会将文本作为用户消息发送,就像他们输入的一样
- 仅空聊天时显示: 开场白仅在对话为空时可见——如果已有消息则不会显示(例如页面重新加载后保留了聊天记录)
- 动态悬停: 标签悬停颜色与您的组件按钮颜色匹配
使用场景:
- 引导访客了解常见话题:"你们的价格是多少?"、"如何开始使用?"
- 减少首次访客不知道该问什么的困扰
- 突出您的 AI 助手可以帮助的关键服务或功能
提示: 保持开场白简短且面向行动。提问比陈述更有效,因为点击起来感觉更自然。
字符限制
设置访客单条消息可发送的最大字符数。这有助于防止垃圾信息并保持对话专注。
工作原理:
- 默认限制: 每条消息 750 个字符
- 最小值: 500 个字符
- 最大值:无上限 — 您可以设置任何您想要的值
- 警告: 当访客超过限制时,输入框下方会出现红色小提示
- 自动截断: 超过限制的消息在发送前会自动截断至设定的长度
建议: 我们建议将限制保持在 750 个字符。设置过高可能会因允许过长的消息而增加垃圾信息或滥用的风险。
Temperature(温度)
Temperature 控制 AI 回复的创造性或专注程度。它调节语言模型生成回复时的随机性。
工作原理:
- 范围: 0.0 到 2.0
- 默认值: 0.7
- 较低值 (0.0 - 0.5): 更专注、一致且可预测的回复。最适合事实性问答、客服和技术查询。
- 中等值 (0.5 - 1.0): 准确性和创造性的平衡组合。
- 较高值 (1.0 - 2.0): 更多样、富有创意和多元化的回复。最适合头脑风暴或对话型聊天机器人。
提示: 设为 0 时,对同一问题的回答几乎总是相同的。值越高,每次的回复可能差异越大。不建议企业将其设为 2.0,因为这会显著增加产生幻觉和不准确回答的可能性。
预览您的组件
在更改上线之前,使用模拟按钮测试聊天组件在不同设备上的外观和行为。
提示: 预览模拟会加载与您网站上完全一致的实际组件,包括您的自定义颜色、消息和自动触发设置。
保存更改
所有自定义更改在您操作时会自动保存。设置成功保存后您会看到确认消息。更改会立即在您的网站上生效。