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