如何将 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(免费)
- 在 WordPress 管理后台中前往Plugins → Add New
- 搜索"WPCode"并安装
- 激活插件
- 前往Code Snippets → Header & Footer
- 将您的 Asyntai 嵌入代码粘贴到"页脚"部分
- 点击"保存更改"
使用 Insert Headers and Footers
- 在 WordPress 管理后台中前往Plugins → Add New
- 搜索由 WPBeginner 开发的"Insert Headers and Footers"
- 安装并激活插件
- 前往Settings → Insert Headers and Footers
- 将您的 Asyntai 嵌入代码粘贴到"页脚脚本"框中
- 点击"保存"
为什么要使用插件? 使用插件可确保即使您更新或更换 WordPress 主题,代码仍然保留。
方法 2:编辑主题文件
您可以将代码直接添加到主题文件中。主题文件编辑器的位置取决于您的 WordPress 版本和主题类型。
对于经典主题
- 在 WordPress 管理后台中前往Appearance → Theme File Editor
- 从下拉菜单中选择您的活动主题(如果尚未选择)
- 在右侧文件列表中找到并点击footer.php
- 滚动到底部找到闭合的
</body>标签 - 将您的Asyntai嵌入代码粘贴在
</body>标签之前 - 点击"更新文件"
对于区块主题(FSE 主题)
如果您使用的是区块主题(如 Twenty Twenty-Four 或其他全站编辑主题),主题文件编辑器已移至新位置:
- 在 WordPress 管理后台中前往Tools → Theme File Editor
- 从下拉菜单中选择您的活动主题
- 在文件列表中查找footer.php或footer.html
- 在闭合的
</body>标签之前添加您的 Asyntai 嵌入代码 - 点击"更新文件"
注意: 某些区块主题没有 footer.php 文件。在这种情况下,请使用适用于所有主题类型的插件方法(WPCode)。
重要提示: 主题更新会覆盖您的更改。如需永久解决方案,请改用子主题或插件方法。
方法 3:使用 Elementor
如果您使用的是 Elementor,可以通过 Elementor 的自定义代码功能添加代码。
Elementor Pro
- 前往Elementor → Custom Code
- 点击"新增"
- 为其命名,例如"Asyntai Chatbot
- 将位置设置为"</body> 结束前"
- 粘贴您的Asyntai嵌入代码
- 将显示条件设置为"整个网站"
- 点击"发布"
Elementor Free
如果您使用的是 Elementor 免费版,请使用上述插件方法,因为自定义代码注入需要 Elementor Pro。
步骤3:验证安装
添加代码后,在新的浏览器标签页或无痕窗口中访问您的网站。您应该会在网站右下角看到聊天小部件按钮。点击它以确保其正常打开和运行。
看不到小部件? 清除浏览器缓存和所有 WordPress 缓存插件。如果您使用的是 WP Rocket 或 W3 Total Cache 等缓存插件,请在添加代码后清除缓存。
Weebly