跳转到主要内容

如何在您的 WordPress 网站上安装 AI 代理

摘要

您可以通过从 Astra Dashboard 复制代码片段并将其粘贴到您网站的 HTML 中,在短短几个步骤内将 Astra AI 代理安装到任何使用 WordPress 创建的网站上。安装后,您可以选择 Astra 的显示方式——可以是聊天小部件、聚光灯视图,或者可选的魔法高亮功能。

说明

请按照以下步骤将 Astra 安装到您的网站上:

方法 1:使用“代码片段”插件(推荐)

步骤 1:获取您的安装代码

  • 登录您的 Astra 账户 https://astra.wati.io

  • 导航至“Agents”(代理),然后选择一个代理进行编辑,或点击创建新代理。

  • 前往 Build My Agent(构建我的代理)并点击配置 按钮以获取代码。

  • 选择 Copy code(复制代码)以复制您的安装代码。

步骤 2:将代码添加到您的网站

在您的 WordPress 管理门户中,使用任何允许您添加 HTML 代码的插件。

如果您还没有,可以安装 WPCode 插件

安装插件后,请按照以下步骤操作:

  • 点击“Add Snippet”(添加代码片段)然后点击“Add your Custom Code”(添加您的自定义代码)

  • 选择 'HTML Snippet'(HTML 代码片段)

  • 粘贴 Astra AI 代理的小部件代码,然后激活并更新。

步骤 3:验证

  • 刷新您的网站。您现在应该能看到 Astra 小部件出现。

方法 2:通过子主题的 functions.php 文件添加

步骤 1:获取您的安装代码

  • 登录您的 Astra 账户 https://astra.wati.io

  • 导航至“Agents”(代理),然后选择一个代理进行编辑,或点击创建新代理。

  • 前往 Build My Agent(构建我的代理)并点击配置 按钮以获取代码。

  • 选择 Copy code(复制代码)以复制您的安装代码。

步骤 2. 检查子主题

  • Appearance > Themes(外观 > 主题)中,确保活动主题是子主题

  • 如果您没有子主题,请先创建一个。

步骤 3. 编辑 functions.php 文件

  • Appearance > Theme File Editor(外观 > 主题文件编辑器)(或通过 FTP/SFTP)中,打开 Theme Functions (functions.php)(主题函数 (functions.php))。

  • 将复制的 Astra AI 代理代码添加到末尾。

  • 保存更改。

步骤 4. 清除缓存并验证

  • 清除所有 WP 缓存、服务器缓存或 CDN 缓存。

  • 清除浏览器缓存并重新加载您的网站。

  • 确认小部件出现并正常工作。

注意事项

  • 请谨慎编辑。functions.php 中的语法错误可能会导致网站崩溃。请务必保留备份。如果出现问题,请禁用代码片段或移除添加的代码。

  • 避免直接编辑父主题文件。 仅在子主题中进行更改,以防止在更新期间出现问题。

这是否解答了您的问题?