如何将Asyntai AI聊天机器人添加到Bludit

Bludit CMS的分步指南

获取嵌入代码

步骤1:获取您的嵌入代码

首先,前往您的 Asyntai 仪表板并向下滚动到"嵌入代码"部分。复制您的专属嵌入代码,格式如下:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

注意: 以上代码仅为示例。您必须从仪表板复制您自己的专属嵌入代码,因为其中包含您的个人小部件 ID。

步骤2:使用HTML Code插件添加代码(推荐)

将聊天机器人添加到Bludit网站最简单的方法是使用内置的HTML Code插件:

  1. 登录您的Bludit管理面板
  2. 导航到左侧边栏中的Plugins
  3. 找到"HTML Code"插件(通常已预装)
  4. 如果未激活,请点击"激活"以启用它
  5. 在 HTML Code 插件上点击"配置"
  6. 在配置中,您将看到页眉和页脚代码的字段
  7. 将您的 Asyntai 嵌入代码粘贴到"页脚"字段中
  8. 点击"保存"

提示: 将代码添加到Footer可确保它在页面末尾加载,不会减慢网站的初始加载速度。此方法会自动将聊天机器人添加到网站的所有页面。

替代方法1:主题文件集成

如需更多控制,您可以直接将代码添加到主题文件中:

  1. 通过FTP文件管理器连接到您的Bludit安装
  2. 导航到/bl-themes/your-theme-name/
  3. 打开index.php文件进行编辑
  4. 找到</body>闭合标签
  5. 将您的Asyntai嵌入代码粘贴在</body>标签之前
  6. 保存文件
  7. 如适用,请清除网站缓存

注意: 直接编辑主题文件时,请确保先备份原始文件。主题更新可能会覆盖您的更改,因此请记录您的修改。

替代方法2:页面中的自定义内容

您也可以使用Bludit的内容编辑器将聊天机器人代码直接添加到特定页面:

  1. 登录您的Bludit管理面板
  2. 前往Content并选择要编辑的页面
  3. 在编辑器中切换到HTML模式(如果使用可视化编辑器)
  4. 在页面内容的任意位置添加您的Asyntai嵌入代码
  5. 点击"保存"
  6. 对其他需要聊天机器人的页面重复此操作

重要提示: 直接向页面内容添加代码时,您需要逐个页面添加。如需全站安装,请改用HTML Code插件或主题文件方法。

使用插件钩子(高级)

对于创建自定义插件的开发者,Bludit提供了插件钩子:

  • siteBodyBegin - 在<body>标签顶部执行
  • siteBodyEnd - 在底部执行,非常适合Asyntai小部件等JavaScript代码

您可以创建一个使用siteBodyEnd钩子的自定义插件,在所有页面上注入聊天机器人代码。

步骤3:验证安装

保存更改后,在新的浏览器标签页或无痕窗口中访问您的Bludit网站。您应该在右下角看到聊天小部件按钮。点击它以确保其正常打开和运行。

看不到小部件? 确保您已保存插件配置或主题文件更改。清除浏览器缓存和Bludit的缓存(如果已启用)。检查浏览器控制台(F12)是否有JavaScript错误。