如何将 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 网站的每个页面。

  1. 登录您的 Weebly 账户并打开站点编辑器
  2. 点击顶部菜单中的Settings
  3. 从左侧边栏选择SEO
  4. 向下滚动找到Footer Code部分
  5. 将您的 Asyntai 嵌入代码粘贴到 Footer Code 框中
  6. 点击 Save
  7. 点击发布使更改生效

为什么使用 Footer Code? 将脚本添加到页脚可确保它在页面内容之后加载,这对性能来说是最佳的,不会减慢您的网站速度。

方法 2:单页安装

如果您只想在特定页面上使用聊天机器人,请对每个页面使用此方法:

  1. 在 Weebly 编辑器中,点击顶部菜单中的Pages
  2. 选择您要添加聊天机器人的页面
  3. 点击该页面的SEO Settings(或Advanced Settings
  4. 找到Footer Code部分
  5. 粘贴您的Asyntai嵌入代码
  6. 点击 Save
  7. 对任何其他您想添加聊天机器人的页面重复此操作
  8. 点击发布使更改生效

注意: 页面级代码仅影响该特定页面。如果您想在多个页面上使用聊天机器人,全站方法更高效。

方法 3:使用嵌入代码元素

您也可以使用 Weebly 的嵌入代码元素,不过对于聊天小部件,推荐使用页脚方法:

  1. 在 Weebly 编辑器中,前往Build标签页
  2. 在 Basic 部分下找到Embed Code元素
  3. 将 Embed Code 元素拖放到页面上(最好靠近底部)
  4. 点击该元素并选择Edit Custom HTML
  5. 粘贴您的Asyntai嵌入代码
  6. 点击元素外部以保存
  7. 点击发布使更改生效

重要提示: Embed Code 元素不会在编辑器中显示预览。您需要发布网站才能看到聊天机器人运行。

步骤3:验证安装

发布网站后,在新的浏览器标签页或无痕窗口中访问您的网站。您应该会在右下角看到聊天小部件按钮。点击它以确保其正常打开和运行。

看不到小部件? Weebly 不会预览添加在页头/页脚部分的代码。确保您已点击"发布"使更改生效。尝试清除浏览器缓存或在无痕窗口中查看。

Weebly Square Online 说明

如果您使用的是Square Online(Weebly 的电商平台),步骤类似:

  1. 前往您的 Square Online 仪表板
  2. 导航至Website > Site Settings
  3. 查找Advanced SettingsCustom Code
  4. 将您的 Asyntai 嵌入代码添加到页脚部分
  5. 保存并发布您的更改