返回仪表板

文档

了解如何使用 Asyntai

开始使用
安装 知识库 测试您的 AI 管理网站
自定义
组件颜色 AI 助手名称 初始消息 组件位置 自动触发 问候气泡 未读徽章 指令模式 提问 使用表情符号 收集邮箱 收集电话号码 智能线索收集 本地化 隐藏品牌标识 隐私链接 自定义通知 对话记录下载 新对话 对话历史 标语与状态点 语音转文字 聊天图标 公司徽标 字符限制 Temperature（温度）
AI 指令提示 套餐对比
功能
网站抓取 知识缺口 产品卡片 动态产品卡片 Dynamic Images 用户上下文 自定义工具 实时监控 人工接管 转接人工 AI 通知 每日报告 实时数据源 实时数据源 Max 团队成员 单点登录 双重身份验证 包含图片 图像识别 翻译组件 本地化 潜在客户 智能线索收集 工单 预约 嵌入 排除页面 已屏蔽的IP 更智能模型 启用深度思考 回复建议 跟进消息 语音转文字 对话记录下载 嵌入式聊天
数据分析
聊天分析 聊天记录
集成
REST API Instagram Messenger WhatsApp Discord Zapier Email 移动应用
其他
添加到主屏幕 自定义打开按钮 询问 AI 按钮 Payment Failed?
问 AI

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

Bludit CMS的分步指南

获取嵌入代码
平台：
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

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

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

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

注意： 以上代码仅为示例。您必须从仪表板复制您自己的专属嵌入代码，因为其中包含您的个人小部件 ID。

步骤2：使用HTML Code插件添加代码（推荐）

将聊天机器人添加到Bludit网站最简单的方法是使用内置的HTML Code插件：

  1. 登录您的Bludit管理面板
  2. 导航到左侧边栏中的Plugins
  3. 找到"HTML Code"插件（通常已预装）
  4. 如果未激活，请点击"激活"以启用它
  5. 在 HTML Code 插件上点击"配置"
  6. 在配置中，您将看到页眉和页脚代码的字段
  7. 将您的 Asyntai 嵌入代码粘贴到"页脚"字段中
  8. 点击"保存"

提示： 将代码添加到Footer可确保它在页面末尾加载，不会减慢网站的初始加载速度。此方法会自动将聊天机器人添加到网站的所有页面。

替代方法1：主题文件集成

如需更多控制，您可以直接将代码添加到主题文件中：

  1. 通过FTP或文件管理器连接到您的Bludit安装
  2. 导航到/bl-themes/your-theme-name/
  3. 打开index.php文件进行编辑
  4. 找到</body>闭合标签
  5. 将您的Asyntai嵌入代码粘贴在</body>标签之前
  6. 保存文件
  7. 如适用，请清除网站缓存

注意： 直接编辑主题文件时，请确保先备份原始文件。主题更新可能会覆盖您的更改，因此请记录您的修改。

替代方法2：页面中的自定义内容

您也可以使用Bludit的内容编辑器将聊天机器人代码直接添加到特定页面：

  1. 登录您的Bludit管理面板
  2. 前往Content并选择要编辑的页面
  3. 在编辑器中切换到HTML模式（如果使用可视化编辑器）
  4. 在页面内容的任意位置添加您的Asyntai嵌入代码
  5. 点击"保存"
  6. 对其他需要聊天机器人的页面重复此操作

重要提示： 直接向页面内容添加代码时，您需要逐个页面添加。如需全站安装，请改用HTML Code插件或主题文件方法。

使用插件钩子（高级）

对于创建自定义插件的开发者，Bludit提供了插件钩子：

  • siteBodyBegin - 在<body>标签顶部执行
  • siteBodyEnd - 在底部执行，非常适合Asyntai小部件等JavaScript代码

您可以创建一个使用siteBodyEnd钩子的自定义插件，在所有页面上注入聊天机器人代码。

步骤3：验证安装

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

看不到小部件？ 确保您已保存插件配置或主题文件更改。清除浏览器缓存和Bludit的缓存（如果已启用）。检查浏览器控制台（F12）是否有JavaScript错误。