如何在 WordPress 上添加聊天机器人

免费创建一个零代码 AI 聊天机器人。

在您的 WordPress 网站上添加聊天机器人小部件，是吸引访客并快速解决他们问题的绝佳方式。借助 AI 驱动的聊天机器人，您甚至可以即时（全天候 24/7）为他们解答。

添加聊天机器人，无论是否使用 AI，都像将嵌入代码粘贴到网站代码中一样简单。

有两种方法可以实现：

1. 使用插件将代码放到您的网站上。
2. 将代码手动添加到您的主题文件中。

您还可以使用 Elementor 嵌入聊天机器人。

复制您的聊天机器人嵌入代码

此部分取决于您的聊天机器人平台，但在本指南中，我们以 ChatAgents 为例。

1. 在控制面板中，进入 Agent Channels > Website。
2. 打开 Enable Embed。
3. 在 Embed Code 部分，点击 Copy。

方法 1：使用插件添加聊天机器人

如果您不想修改网站主题文件，请使用此方法。

1. 在 WordPress 控制面板中，进入 Plugins > Add New。
2. 安装一个类似 Insert Headers and Footers 的插件。
3. 安装完成后，进入 Insert Headers and Footers 的设置页面。
4. 将嵌入代码粘贴到 Scripts in Footer 字段。
5. 点击 Save。

方法 2：将聊天机器人手动添加到您的主题

如果您不想向网站添加更多插件，也可以将代码直接嵌入到主题文件中。

1. 在 WordPress 控制面板中，进入 Appearance > Theme File Editor。
2. 在右侧文件列表中，打开您正在使用的主题下的 footer.php。
3. 滚动到文件底部。
4. 将嵌入代码粘贴到 </body> 标签之前。
5. 点击 Update File 保存。
   这将使聊天机器人在整个网站上加载。

注意：如果主题将来更新，您可能需要重新添加代码，除非您使用的是子主题。

使用 Elementor 添加聊天机器人

如果您正在使用 Elementor，可以通过 HTML 小部件 将聊天机器人添加到网站的任何部分。

1. 打开 WordPress 控制面板并进入 Pages（或 Templates，如果您正在编辑全局部分如页脚）。
2. 点击 Edit with Elementor 编辑您想修改的页面或部分。
3. 在 Elementor 面板中搜索 HTML 小部件。
4. 将 HTML 小部件拖到您希望聊天机器人出现的部分（通常是页脚）。
5. 在小部件的代码字段中粘贴 ChatAgents 嵌入代码。
6. 点击 Update 保存更改。
7. 访问您的网站，确认聊天机器人是否正常显示。

提示：要在整个网站显示聊天机器人，可以考虑将 HTML 小部件和嵌入代码添加到 Elementor Pro 的全局页脚模板中。

僅限登入用戶使用聊天機器人

如果您的聊天機器人僅供會員、員工或客戶使用，可以在 ChatAgents 中啟用 Authorized User Only 設定。此設定會隱藏聊天機器人，除非訪客已登入您的平台。

設定方法：

• 在控制台中進入 Agent Channels > General。
• 捲動到 Authorization 部分。
• 開啟 Authorized User Only 並複製 Secret Key。

若要了解更多關於此功能的運作方式以及如何安全傳遞用戶資料，請參閱完整指南。