如何将 Asyntai AI 聊天机器人添加到 Weebly

Weebly 网站分步指南

平台：

步骤1：获取您的嵌入代码

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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 嵌入代码添加到页脚部分
保存并发布您的更改

文档