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

Bubble应用的分步指南

平台：

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

首先，前往您的 Asyntai 仪表板并向下滚动到"嵌入代码"部分。复制您的专属嵌入代码，格式如下：

<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：使用应用设置（推荐）

Bubble内置了通过应用设置添加自定义脚本的方式：

登录您的Bubble应用编辑器
前往左侧边栏中的Settings
点击"Web 应用"选项卡
向下滚动到"高级设置"
找到"自定义头部和正文"部分
将您的 Asyntai 嵌入代码粘贴到"正文中的脚本"字段中
部署您的应用

提示： 将代码添加到body脚本字段可确保它加载到Bubble应用的每个页面上，这是聊天小部件的推荐方法。此功能适用于所有Bubble计划，包括Free。

替代方案：使用HTML元素

如果您只想将聊天机器人添加到特定页面：

在Bubble编辑器中，打开您要添加聊天机器人的页面
在页面中添加一个HTML元素
将Asyntai嵌入代码粘贴到该元素中
部署您的应用

注意： 推荐使用应用设置方法，因为它会将聊天机器人应用到整个应用。HTML元素方法只会将聊天机器人添加到您放置元素的特定页面。

步骤3：验证安装

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

看不到小部件？ 确保在添加代码后部署了您的应用。尝试清除浏览器缓存或在无痕窗口中查看。如果在开发模式下测试，请确保也检查应用的线上版本。

文档

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

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

步骤2：使用应用设置（推荐）

替代方案：使用HTML元素

步骤3：验证安装