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

WordPress 网站分步指南

获取嵌入代码

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

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

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

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

步骤2:选择安装方法

有多种方法可以将聊天小部件添加到 WordPress。请选择最适合您的方法:

方法 1:使用插件(推荐)

添加聊天小部件最简单的方法是使用"Insert Headers and Footers"或"WPCode"等插件。

使用 WPCode(免费)

  1. 在 WordPress 管理后台中前往Plugins → Add New
  2. 搜索"WPCode"并安装
  3. 激活插件
  4. 前往Code Snippets → Header & Footer
  5. 将您的 Asyntai 嵌入代码粘贴到"页脚"部分
  6. 点击"保存更改"

使用 Insert Headers and Footers

  1. 在 WordPress 管理后台中前往Plugins → Add New
  2. 搜索由 WPBeginner 开发的"Insert Headers and Footers"
  3. 安装并激活插件
  4. 前往Settings → Insert Headers and Footers
  5. 将您的 Asyntai 嵌入代码粘贴到"页脚脚本"框中
  6. 点击"保存"

为什么要使用插件? 使用插件可确保即使您更新或更换 WordPress 主题,代码仍然保留。

方法 2:编辑主题文件

您可以将代码直接添加到主题文件中。主题文件编辑器的位置取决于您的 WordPress 版本和主题类型。

对于经典主题

  1. 在 WordPress 管理后台中前往Appearance → Theme File Editor
  2. 从下拉菜单中选择您的活动主题(如果尚未选择)
  3. 在右侧文件列表中找到并点击footer.php
  4. 滚动到底部找到闭合的</body>标签
  5. 将您的Asyntai嵌入代码粘贴在</body>标签之前
  6. 点击"更新文件"

对于区块主题(FSE 主题)

如果您使用的是区块主题(如 Twenty Twenty-Four 或其他全站编辑主题),主题文件编辑器已移至新位置:

  1. 在 WordPress 管理后台中前往Tools → Theme File Editor
  2. 从下拉菜单中选择您的活动主题
  3. 在文件列表中查找footer.phpfooter.html
  4. 在闭合的</body>标签之前添加您的 Asyntai 嵌入代码
  5. 点击"更新文件"

注意: 某些区块主题没有 footer.php 文件。在这种情况下,请使用适用于所有主题类型的插件方法(WPCode)。

重要提示: 主题更新会覆盖您的更改。如需永久解决方案,请改用子主题或插件方法。

方法 3:使用 Elementor

如果您使用的是 Elementor,可以通过 Elementor 的自定义代码功能添加代码。

Elementor Pro

  1. 前往Elementor → Custom Code
  2. 点击"新增"
  3. 为其命名,例如"Asyntai Chatbot
  4. 将位置设置为"</body> 结束前"
  5. 粘贴您的Asyntai嵌入代码
  6. 将显示条件设置为"整个网站"
  7. 点击"发布"

Elementor Free

如果您使用的是 Elementor 免费版,请使用上述插件方法,因为自定义代码注入需要 Elementor Pro。

步骤3:验证安装

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

看不到小部件? 清除浏览器缓存和所有 WordPress 缓存插件。如果您使用的是 WP Rocket 或 W3 Total Cache 等缓存插件,请在添加代码后清除缓存。