WebsiteChat 设置指南:把 AI 聊天加到你的网站
WebsiteChat 阅读网站的公开页面,并用这些内容回答访客问题。
大多数 CMS 和建站工具的设置步骤相同。你添加网站、抓取已发布页面、测试回复,然后嵌入一段小组件代码。
和平台有关的,只是这段代码放在哪里。
开始使用
如何把 WebsiteChat 加到网站
如果想先看完整流程,可以先看下面的视频。后面的文字说明每一步。
设置概览
01
登录 WebsiteChat
02
添加网站
03
抓取网站
04
检查抓取内容
05
配置聊天机器人
06
在控制台测试回答
07
复制小组件代码
08
把小组件装到网站
09
在正式网站上验证
添加网站 → 抓取 → 配置 → 测试 → 安装小组件 → 验证
1. 登录 WebsiteChat
登录 WebsiteChat 控制台。在侧栏打开 Website。选择已有站点,如果是第一次安装就添加新站点。
2. 添加网站
输入访客使用的公开正式网址。WebsiteChat 从该网址开始抓取。
没有单独的 WordPress 爬虫、Wix 连接器或 CMS API 步骤。WebsiteChat 阅读已发布的网站。
3. 抓取网站
添加网址后,WebsiteChat 发现公开页面、提取可用文字,并准备用于回答。小网站可以很快完成。大型博客或文档站会更久。
WebsiteChat 阅读已发布的网页。
CMS 草稿、未发布的编辑器数据、管理画面和私有内容,不会因为站点使用某个平台就被收录。
4. 检查抓取内容
抓取结束后,在 Website 打开页面列表并检查:
- 访客真正会问到的服务或产品页
- 如果你公布了价格,价格页是否在内
- 存在的联系、关于和支持页
- 不要依赖过期网址
回答质量跟随来源网站。互相矛盾或过时的页面,会产生矛盾或过时的回复。
5. 配置聊天机器人
在 Chatbot → Design 让小组件与网站一致。当前可调整:
- 聊天机器人名称
- 启动图标
- 主题色
- 气泡颜色
- 欢迎消息
- 位置(右下或左下)
6. 在控制台测试回答
用 Chatbot → Test 提出网站已经用明文回答过的问题。
- 营业时间是什么?
- 办公室在哪里?
- 这项服务多少钱?
- 这个产品做什么?
- 如何联系你们?
先从事实问题开始。如果回复错误或为空,先检查页面是否被抓取、答案是否真的在网站上、来源文字是否过时或含糊,再把它当成模型问题。
7. 复制小组件代码
打开 Chatbot → Install。嵌入代码是一段短脚本。data-site 每个站点唯一;从控制台复制,不要用这个示例里的值。
<script src="https://websitechat.ai/widget.js" data-site="YOUR_SITE_KEY"></script> 无论网站运行在 WordPress、Shopify、Wix、Studio 还是其他平台,小组件代码基本相同。变化的是代码必须加在哪里。
8. 把小组件装到网站
把代码放在每个公开页面都会加载的位置。各建站工具暴露这个位置的方式不同。
9. 在正式网站上验证
检查公开网址,不要只看编辑器预览。
- 启动按钮可见
- 聊天窗口能打开
- 如果设置了欢迎消息,它会出现
- 测试问题能得到回复
- 桌面和手机
- 未登录或无痕会话
页面缓存和 CDN 缓存可能让第一次出现变慢。
10. 网站内容变化时
如果价格、服务、时间、政策或文档变了,确认 WebsiteChat 仍有当前页面。
在 Website 使用 Refresh website 重新抓取。部分方案也会自动重新抓取。这里没有可以引用的固定公开间隔。刷新后,检查重要网址仍在列表中。
11. 常见问题
小组件不出现
- 代码没有保存
- 加在了单页位置,而不是全站位置
- 网站没有发布
- 缓存或 CDN 仍在提供旧 HTML
- 安全或脚本优化设置拦截了它
回答错误或不完整
- 相关页面没有被抓取
- 答案不在公开网站上
- 来源页面过时
- 两页说法不一致
小组件只出现在部分页面
代码可能在局部模板里。把它移到全站位置。参见 小组件安装位置。