摘要
您可以通过从 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中的语法错误可能会导致网站崩溃。请务必保留备份。如果出现问题,请禁用代码片段或移除添加的代码。避免直接编辑父主题文件。 仅在子主题中进行更改,以防止在更新期间出现问题。








