如何将 Asyntai AI 聊天机器人添加到 Tilda
Tilda 网站的分步指南
平台:
步骤1:获取您的嵌入代码
首先,前往您的 Asyntai 仪表板并向下滚动到"嵌入代码"部分。复制您的专属嵌入代码,格式如下:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
注意: 以上代码仅为示例。您必须从仪表板复制您自己的专属嵌入代码,因为其中包含您的个人小部件 ID。
第 2 步:将代码添加到整个站点(推荐)
要一次性将聊天机器人添加到 Tilda 网站的所有页面,请使用站点设置方法:
- 登录您的 Tilda 账户并打开站点编辑器
- 点击顶部菜单中的站点设置(齿轮图标)
- 向下滚动到 "More" 部分
- 找到 "HTML code for the HEAD section for all pages"
- 点击 "Edit code"
- 将您的 Asyntai 嵌入代码粘贴到文本框中
- 点击"保存"
- 点击 "Publish" 将更改应用到您的上线站点
提示: 此方法会自动将聊天机器人添加到站点的每个页面。这是确保聊天机器人在全站对访客可用的最简单方式。
替代方案:使用 T123 块(特定页面)
如果您只想将聊天机器人添加到特定页面,可以使用 Tilda 的 T123 HTML 块:
- 在 Tilda 编辑器中打开要编辑的页面
- 点击 "+ Add Block" 或按 "T"
- 在块库中,前往 Other → T123 (Embed HTML Code)
- 或者在搜索栏中搜索 "T123"
- 点击 T123 块将其添加到页面
- 在块设置中,粘贴您的 Asyntai 嵌入代码
- 将块放置在页面的任何位置(不影响小部件的显示位置)
- 点击"发布"以使更改生效
注意: T123 块支持 HTML、JavaScript(在 <script> 标签内)和 CSS(在 <style> 标签内)。块的可视位置不重要——聊天机器人将按配置显示在右下角。
单页 Head 部分(高级)
如需更多控制,您可以将代码添加到单个页面的 head 部分:
- 在 Tilda 编辑器中打开页面
- 点击顶部菜单中的页面设置(齿轮图标)
- 前往 "Additional" 标签页
- 找到 "HTML code for the HEAD section"
- 粘贴您的Asyntai嵌入代码
- 点击"保存",然后点击"发布"
重要提示: 使用 T123 块或单页方法时,您需要在每个希望聊天机器人出现的页面上添加代码。如需全站安装,请使用第 2 步中描述的站点设置方法。
步骤3:验证安装
发布更改后,在新的浏览器标签页或无痕窗口中打开您的网站。您应该会在右下角看到聊天小部件按钮。点击它以确保其正常打开和运行。
看不到小部件? 请确保您已发布更改(不仅仅是保存)。尝试清除浏览器缓存或在无痕窗口中查看站点。Tilda 的更改可能需要一段时间才能显示在上线站点上。
Weebly