如何将 Asyntai AI 聊天机器人添加到 Weebly
Weebly 网站分步指南
平台:
步骤1:获取您的嵌入代码
首先,前往您的 Asyntai 仪表板并向下滚动到"嵌入代码"部分。复制您的专属嵌入代码,格式如下:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
注意: 以上代码仅为示例。您必须从仪表板复制您自己的专属嵌入代码,因为其中包含您的个人小部件 ID。
步骤2:选择安装方法
有多种方法可以将聊天小部件添加到您的 Weebly 网站。请选择最适合您的方法:
方法 1:全站 Footer 代码(推荐)
此方法会自动将聊天机器人添加到 Weebly 网站的每个页面。
- 登录您的 Weebly 账户并打开站点编辑器
- 点击顶部菜单中的Settings
- 从左侧边栏选择SEO
- 向下滚动找到Footer Code部分
- 将您的 Asyntai 嵌入代码粘贴到 Footer Code 框中
- 点击 Save
- 点击发布使更改生效
为什么使用 Footer Code? 将脚本添加到页脚可确保它在页面内容之后加载,这对性能来说是最佳的,不会减慢您的网站速度。
方法 2:单页安装
如果您只想在特定页面上使用聊天机器人,请对每个页面使用此方法:
- 在 Weebly 编辑器中,点击顶部菜单中的Pages
- 选择您要添加聊天机器人的页面
- 点击该页面的SEO Settings(或Advanced Settings)
- 找到Footer Code部分
- 粘贴您的Asyntai嵌入代码
- 点击 Save
- 对任何其他您想添加聊天机器人的页面重复此操作
- 点击发布使更改生效
注意: 页面级代码仅影响该特定页面。如果您想在多个页面上使用聊天机器人,全站方法更高效。
方法 3:使用嵌入代码元素
您也可以使用 Weebly 的嵌入代码元素,不过对于聊天小部件,推荐使用页脚方法:
- 在 Weebly 编辑器中,前往Build标签页
- 在 Basic 部分下找到Embed Code元素
- 将 Embed Code 元素拖放到页面上(最好靠近底部)
- 点击该元素并选择Edit Custom HTML
- 粘贴您的Asyntai嵌入代码
- 点击元素外部以保存
- 点击发布使更改生效
重要提示: Embed Code 元素不会在编辑器中显示预览。您需要发布网站才能看到聊天机器人运行。
步骤3:验证安装
发布网站后,在新的浏览器标签页或无痕窗口中访问您的网站。您应该会在右下角看到聊天小部件按钮。点击它以确保其正常打开和运行。
看不到小部件? Weebly 不会预览添加在页头/页脚部分的代码。确保您已点击"发布"使更改生效。尝试清除浏览器缓存或在无痕窗口中查看。
Weebly Square Online 说明
如果您使用的是Square Online(Weebly 的电商平台),步骤类似:
- 前往您的 Square Online 仪表板
- 导航至Website > Site Settings
- 查找Advanced Settings或Custom Code
- 将您的 Asyntai 嵌入代码添加到页脚部分
- 保存并发布您的更改
Weebly