Cách Thêm Chatbot AI Asyntai vào HubSpot

Nền tảng:

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

Bước 1: Lấy Mã Nhúng của Bạn

Đầu tiên, đi đến Bảng điều khiển Asyntai và cuộn xuống phần "Mã Nhúng". Sao chép mã nhúng duy nhất của bạn sẽ trông như thế này:

Bước 2: Sử dụng Cài đặt Trang (Khuyến nghị)

Cách dễ nhất để thêm chatbot vào tất cả trang trên trang web HubSpot:

1. Đăng nhập vào tài khoản HubSpot
2. Nhấp biểu tượng cài đặt (bánh răng) trong thanh điều hướng chính
3. In the left sidebar, navigate to Website > Pages
4. Cuộn xuống phần "Site footer HTML"
5. Dán mã nhúng Asyntai vào khu vực văn bản
6. Nhấp "Save" ở cuối trang

Thay thế: Cài đặt cho Trang Cụ thể

Nếu bạn chỉ muốn chatbot trên các trang cụ thể:

1. Đi đến Marketing > Website > Website Pages (hoặc Landing Pages)
2. Nhấp vào trang bạn muốn chỉnh sửa
3. Trong trình biên tập trang, nhấp Settings ở trên cùng
4. Cuộn xuống "Advanced options"
5. Tìm phần "Footer HTML"
6. Dán mã nhúng Asyntai của bạn
7. Nhấp "Apply changes" và xuất bản trang

Thay thế: Sử dụng Design Manager

Để kiểm soát nhiều hơn, bạn có thể thêm tệp JavaScript qua Design Manager:

1. Go to Marketing > Files and Templates > Design Tools
2. Trong thanh bên trái, nhấp File > New file
3. Chọn "JavaScript" từ menu thả xuống
4. Đặt tên tệp (ví dụ: asyntai-chatbot.js)
5. Thêm mã sau:
   (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. Thay thế YOUR_WIDGET_ID bằng ID tiện ích thực tế của bạn
7. Nhấp "Publish changes"
8. Bao gồm tệp này trong mẫu bằng require_js hoặc liên kết trong cài đặt trang

Thay thế: Sử dụng Module Tùy chỉnh

Tạo module tái sử dụng cho chatbot:

1. Go to Marketing > Files and Templates > Design Tools
2. Nhấp File > New file > Module
3. Đặt tên "Asyntai Chatbot"
4. Trong tệp module.html, dán mã nhúng
5. Xuất bản module
6. Thêm module vào phần chân trang của mẫu, hoặc kéo nó vào các trang riêng lẻ

Bước 3: Xác minh Cài đặt

Sau khi lưu thay đổi, truy cập trang web HubSpot trong tab trình duyệt mới hoặc cửa sổ ẩn danh. Bạn sẽ thấy nút tiện ích trò chuyện ở góc dưới bên phải. Nhấp vào nó để đảm bảo nó mở và hoạt động chính xác.