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

平台：

HubSpot

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

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

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

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

将聊天机器人添加到 HubSpot 网站所有页面的最简单方式：

1. 登录您的 HubSpot 账户
2. 点击主导航栏中的设置图标（齿轮）
3. 在左侧边栏中，导航到 Website > Pages
4. 向下滚动到"站点页脚 HTML"部分
5. 将您的 Asyntai 嵌入代码粘贴到文本区域中
6. 点击页面底部的"保存"

替代方法：页面特定安装

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

1. 转到 Marketing > Website > Website Pages（或 Landing Pages）
2. 点击您要编辑的页面
3. 在页面编辑器中，点击顶部的 Settings
4. 向下滚动到"高级选项"
5. 找到"页脚 HTML"部分
6. 粘贴您的Asyntai嵌入代码
7. 点击"应用更改"并发布您的页面

替代方法：使用设计管理器

如需更多控制，您可以通过设计管理器添加 JavaScript 文件：

1. 转到 Marketing > Files and Templates > Design Tools
2. 在左侧边栏中，点击 File > New file
3. 从下拉菜单中选择"JavaScript"
4. 命名您的文件（例如 asyntai-chatbot.js）
5. 添加以下代码：
   (function() {
  var script = document.createElement('script');
  script.async = true;
  script.src = 'https://asyntai.com/static/js/chat-widget.js';
  script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
  document.body.appendChild(script);
})();
6. 将 YOUR_WIDGET_ID 替换为您的实际小部件 ID
7. 点击"发布更改"
8. 使用 require_js 在模板中包含此文件，或在站点设置中链接它

替代方法：使用自定义模块

为聊天机器人创建一个可重用模块：

1. 转到 Marketing > Files and Templates > Design Tools
2. 点击 File > New file > Module
3. 将其命名为"Asyntai Chatbot"
4. 在 module.html 文件中，粘贴您的嵌入代码
5. 发布模块
6. 将模块添加到模板的页脚部分，或将其拖放到各个页面上

步骤3：验证安装

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