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 每个站点唯一;从控制台复制,不要用这个示例里的值。

WebsiteChat 小组件(示例)
<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
  • 安全或脚本优化设置拦截了它

回答错误或不完整

  • 相关页面没有被抓取
  • 答案不在公开网站上
  • 来源页面过时
  • 两页说法不一致

小组件只出现在部分页面

代码可能在局部模板里。把它移到全站位置。参见 小组件安装位置。

常见问题

需要针对 CMS 的 WebsiteChat 插件吗?
多数情况下不需要。WebsiteChat 阅读公开网站,并用一段可以嵌入站点的小组件代码。
在 WordPress、Wix 或 Studio 上会不一样吗?
核心流程相同。主要差别是各平台允许你把小组件代码加在哪里。
必须抓取每一页吗?
不一定。重要的是包含访客需要的信息:服务、价格、政策、常见问题和联系方式。
网站更新之后做什么?
在 Website 画面使用 Refresh website 重新抓取公开页面。部分方案也会自动重新抓取。内容变更后,确认价格、营业时间等关键页面仍在列表中。
小组件代码应该在每页加载吗?
如果希望访客在网站任何位置都能打开聊天,通常是的。

让网站自己回答。

在现有网站上加入 AI 聊天,不必重建页面。