如何将 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 网站的所有页面,请使用站点设置方法:

  1. 登录您的 Tilda 账户并打开站点编辑器
  2. 点击顶部菜单中的站点设置(齿轮图标)
  3. 向下滚动到 "More" 部分
  4. 找到 "HTML code for the HEAD section for all pages"
  5. 点击 "Edit code"
  6. 将您的 Asyntai 嵌入代码粘贴到文本框中
  7. 点击"保存"
  8. 点击 "Publish" 将更改应用到您的上线站点

提示: 此方法会自动将聊天机器人添加到站点的每个页面。这是确保聊天机器人在全站对访客可用的最简单方式。

替代方案:使用 T123 块(特定页面)

如果您只想将聊天机器人添加到特定页面,可以使用 Tilda 的 T123 HTML 块:

  1. Tilda 编辑器中打开要编辑的页面
  2. 点击 "+ Add Block" 或按 "T"
  3. 在块库中,前往 Other → T123 (Embed HTML Code)
  4. 或者在搜索栏中搜索 "T123"
  5. 点击 T123 块将其添加到页面
  6. 在块设置中,粘贴您的 Asyntai 嵌入代码
  7. 将块放置在页面的任何位置(不影响小部件的显示位置)
  8. 点击"发布"以使更改生效

注意: T123 块支持 HTML、JavaScript(在 <script> 标签内)和 CSS(在 <style> 标签内)。块的可视位置不重要——聊天机器人将按配置显示在右下角。

单页 Head 部分(高级)

如需更多控制,您可以将代码添加到单个页面的 head 部分:

  1. 在 Tilda 编辑器中打开页面
  2. 点击顶部菜单中的页面设置(齿轮图标)
  3. 前往 "Additional" 标签页
  4. 找到 "HTML code for the HEAD section"
  5. 粘贴您的Asyntai嵌入代码
  6. 点击"保存",然后点击"发布"

重要提示: 使用 T123 块或单页方法时,您需要在每个希望聊天机器人出现的页面上添加代码。如需全站安装,请使用第 2 步中描述的站点设置方法。

步骤3:验证安装

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

看不到小部件? 请确保您已发布更改(不仅仅是保存)。尝试清除浏览器缓存或在无痕窗口中查看站点。Tilda 的更改可能需要一段时间才能显示在上线站点上。