WebsiteChat.ai
网站聊天机器人集成完整指南

网站聊天机器人集成完整指南

2025年7月10日 • 技术团队
集成 教程 技术

网站聊天机器人集成完整指南

将AI聊天机器人集成到您的网站中比您想象的要简单。本指南将带您完成整个过程。

准备工作

在开始集成之前，请确保您有：

  1. 网站的管理员权限
  2. 基本的HTML/JavaScript知识
  3. WebsiteChat.ai账户

集成步骤

第一步：获取集成代码

登录您的WebsiteChat.ai控制台，在”集成”页面获取您的专属代码：

<script src="https://websitechat.ai/widget.js" defer></script>
<script>
  window.WebsiteChat && WebsiteChat.init({ siteKey: "YOUR_SITE_KEY" });
</script>

第二步：添加到网站

将上述代码添加到您网站的 </body> 标签之前。

第三步：配置选项

外观与欢迎语在控制台「站点设置」中配置（welcome_message、primary_color）。嵌入时只需传入 siteKey：

<script src="https://websitechat.ai/widget.js" defer></script>
<script>
  window.WebsiteChat && WebsiteChat.init({ siteKey: "YOUR_SITE_KEY" });
</script>

测试和优化

集成完成后，请进行以下测试：

  1. 检查聊天窗口是否正常显示
  2. 测试基本对话功能
  3. 验证移动端兼容性
  4. 检查加载性能

常见问题

Q: 聊天机器人不显示怎么办？ A: 请检查API密钥是否正确，以及网络连接是否正常。

Q: 如何自定义聊天机器人的回答？ A: 在控制台的”知识库”部分添加和编辑您的自定义内容。

Q: 支持多语言吗？ A: 是的，我们支持多种语言，可在控制台中配置。

获取帮助

如果您在集成过程中遇到任何问题，请：

开始您的AI客服之旅吧！