摘要
您只需几个简单的步骤，即可将 Astra 安装到任何网站上，只需从您的 Astra Dashboard 复制一段代码片段，并将其粘贴到您网站的 HTML 中即可。安装后，您可以选择 Astra 的显示方式——无论是作为聊天小部件、聚光灯视图，还是带有可选的 Magic Highlighter 功能。
说明
请按照以下步骤在您的网站上安装 Astra：
步骤 1：获取安装代码
登录您的 Astra 账户，网址为 https://astra.wati.io。
前往“Agents”（代理人），然后选择一个代理人进行编辑，或者点击以创建新代理人。
转到 Build My Agent（构建我的代理人），然后点击配置 按钮以获取代码。
选择 Copy code（复制代码）以复制您的安装代码。
步骤 2：将代码添加到您的网站
找到适合您网站类型的正确文件，并将代码粘贴到 </body> 标签之前。
常规 HTML 网站：将代码添加到您的主 HTML 文件中（通常是
public_html文件夹中的index.html）。React.js：打开
public/index.html文件，并将代码粘贴到</body>标签之前。Next.js：在
pages文件夹中创建一个_document.js文件，然后在</body>标签之前包含脚本。其他网站：找到管理 HTML 的文件，并将代码粘贴到
</body>标签之前。
效果如下：
<!-- 这里是您现有的 HTML 代码 -->
<!-- 在此处粘贴 Astra 代码 -->
</body>
步骤 3：保存并验证
保存您的更改并进行部署（如果需要）。
刷新您的网站 — 您现在应该会看到 Astra 小部件出现。
部署选项
安装后，Astra 可以以不同的方式显示在您的网站上。您还可以启用 Magic Highlighter（魔法高亮）功能以获得互动体验。
1. 小部件（右下角聊天气泡）
在您网页的右下角显示为一个聊天气泡。
使用您的品牌图标以实现定制外观。
显示建议的对话开头，例如常见问题。
访问者可以点击一个问题，AI 代理会直接做出回应。
2. 聚光灯（底部中心聊天视图）
在您屏幕的底部中心显示为一个聚光灯式聊天窗口。
访问者可以选择一个问题，AI 代理会提供答案。
3. Magic Highlighter（魔法高亮）
允许访问者通过高亮显示网站上的任何文本来提问。
例如，如果有人高亮显示“搜索引擎优化”，然后点击 Ask Astra（询问 Astra）（或 Ask Agent（询问代理人）），AI 代理将生成问题并进行回答。
该功能会扫描您整个网站的知识库，以提供最相关的回复。
注意：如果您不想使用 Magic Highlighter（魔法高亮），可以通过导航到 Agents > Select an Agent （代理人 > 选择一个代理人）- 前往 Build My Agent > Branding（构建我的代理人 > 品牌），然后关闭 Magic highlighter（魔法高亮）开关来禁用它。
选择合适的选项
根据您网站的设计和访问者体验偏好，在 Widget（小部件）或 Spotlight（聚光灯）之间进行选择。
都可以使用您之前复制的安装代码进行部署。
可以通过启用其中任何一个选项来启用 Magic Highlighter（魔法高亮），以提供更具互动性的浏览体验。