返回仪表板

文档

了解如何使用 Asyntai

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

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

Duda 网站的分步指南

获取嵌入代码
平台：
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：将代码添加到网站设置（推荐）

将聊天机器人添加到 Duda 网站所有页面的最简单方法是通过网站设置：

  1. 登录您的 Duda 账户并打开网站编辑器
  2. 在左侧栏中，点击"更多"（三点图标）
  3. 点击"设置"
  4. 向下滚动并点击"Head HTML"
  5. 在"Body End HTML"字段中，粘贴您的 Asyntai 嵌入代码
  6. 点击"保存"
  7. 点击右上角的"发布"以使更改生效

提示： 将代码添加到 Body End HTML 部分可确保聊天机器人在页面内容之后加载，不会影响网站的加载速度。此方法会自动将聊天机器人添加到网站的每个页面。

替代方法 1：HTML 小部件（特定页面）

如果您只想将聊天机器人添加到特定页面，请使用 HTML 小部件：

  1. 在 Duda 编辑器中打开要编辑的页面
  2. 在左侧栏的小部件面板中搜索"HTML"
  3. 将 HTML 小部件拖放到页面的列或行中
  4. 点击小部件进行编辑
  5. 将您的 Asyntai 嵌入代码粘贴到代码字段中
  6. 点击"更新"
  7. 点击"发布"以使更改生效

注意： HTML 小部件允许您在页面任何位置嵌入自定义代码。小部件的视觉位置不会影响聊天机器人的显示位置——它仍将按配置显示在右下角。

替代方法 2：开发者模式（高级）

对于高级用户，您可以使用开发者模式将代码直接添加到 HTML 中：

  1. 在 Duda 编辑器中，点击顶部栏的开发者模式图标
  2. 点击"站点 HTML/CSS"以展开选项
  3. 从文件列表中点击"body-end.html"
  4. 滚动到文件的最后一行
  5. 在新的一行粘贴您的 Asyntai 嵌入代码
  6. 点击"保存"
  7. 点击"完成"以退出开发者模式
  8. 点击"发布"以部署您的更改

重要提示： 开发者模式让您可以直接访问网站的 HTML 和 CSS。请确保仅在 body-end.html 文件的末尾添加代码，以避免破坏网站功能。发布前请务必测试更改。

步骤3：验证安装

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

看不到小部件？ 确保已发布网站（不仅仅是保存）。清除浏览器缓存或在无痕模式下查看。检查代码是否使用 HTTPS（默认已使用）。打开浏览器控制台（F12）检查是否有 JavaScript 错误。