Quay lại bảng điều khiển

Tài liệu

Tìm hiểu cách sử dụng Asyntai

Bắt đầu
Cài đặt Cơ sở Tri thức Kiểm thử AI của Bạn Quản lý Website
Tùy chỉnh
Màu Tiện ích Tên Trợ lý AI Tin nhắn Ban đầu Vị trí Tiện ích Tự động Kích hoạt Bong bóng chào mừng Huy hiệu Chưa đọc Chế độ Hướng dẫn Đặt Câu hỏi Sử dụng Emoji Thu thập Email Thu thập Số Điện thoại Thu thập Khách hàng Thông minh Bản địa hóa Ẩn Thương hiệu Liên kết Quyền riêng tư Thông báo Tùy chỉnh Tải xuống Bản ghi Cuộc hội thoại mới Lịch sử Cuộc trò chuyện Khẩu hiệu & Chấm Trạng thái Chuyển Giọng nói thành Văn bản Biểu tượng Chat Logo Công ty Giới hạn Ký tự Nhiệt độ
Mẹo Hướng dẫn AI So sánh Gói dịch vụ
Tính năng
Thu thập dữ liệu Website Lỗ hổng tri thức Thẻ sản phẩm Thẻ sản phẩm động Dynamic Images Ngữ cảnh Người dùng Giám sát trực tiếp Tiếp quản bởi Con người Chuyển tiếp Thông báo AI Báo cáo Hàng ngày Nguồn Dữ liệu Thời gian thực Nguồn Dữ liệu Thời gian thực Tối đa Thành viên Nhóm Đăng nhập một lần Bao gồm Hình ảnh Nhận diện Hình ảnh Tiện ích Dịch thuật Bản địa hóa Khách hàng tiềm năng Thu thập Khách hàng Thông minh Phiếu Hỗ trợ Đặt lịch Nhúng Loại trừ Trang IP bị chặn Mô hình Thông minh hơn Bật Suy nghĩ Gợi ý Trả lời Tin nhắn Theo dõi Chuyển Giọng nói thành Văn bản Tải xuống Bản ghi Chat Nhúng
Phân tích
Phân tích Chat Nhật ký Chat
Tích hợp
REST API Instagram Messenger WhatsApp Zapier Email Ứng dụng di động
Khác
Thêm vào Màn hình chính Nút Mở Tùy chỉnh
Hỏi AI

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

Hướng dẫn từng bước cho ứng dụng Bubble

Lấy Mã Nhúng
Nền tảng:
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

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:

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

Lưu ý: Mã ở trên chỉ là ví dụ. Bạn phải sao chép mã nhúng duy nhất của riêng mình từ Bảng điều khiển vì nó chứa ID tiện ích cá nhân của bạn.

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

Bubble có cách tích hợp để thêm tập lệnh tùy chỉnh qua cài đặt ứng dụng:

  1. Đăng nhập vào trình biên tập ứng dụng Bubble
  2. Đi đến Settings trong thanh bên trái
  3. Nhấp tab "Web App"
  4. Cuộn xuống "Advanced Settings"
  5. Tìm phần \"Custom headers and body\"
  6. Dán mã nhúng Asyntai vào trường "Script in body"
  7. Triển khai ứng dụng của bạn

Mẹo: Thêm mã vào trường script body đảm bảo nó tải trên mọi trang ứng dụng Bubble, đây là cách tiếp cận được khuyến nghị cho tiện ích trò chuyện. Tính năng này có sẵn trên tất cả gói Bubble bao gồm cả Free.

Thay thế: Sử dụng Phần tử HTML

Nếu bạn muốn thêm chatbot chỉ vào một trang cụ thể:

  1. Trong trình biên tập Bubble, mở trang bạn muốn chatbot
  2. Thêm phần tử HTML vào trang
  3. Dán mã nhúng Asyntai vào phần tử
  4. Triển khai ứng dụng của bạn

Lưu ý: Phương pháp cài đặt ứng dụng được ưu tiên vì nó áp dụng chatbot cho toàn bộ ứng dụng. Phương pháp phần tử HTML chỉ thêm chatbot vào trang cụ thể nơi bạn đặt phần tử.

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

Sau khi triển khai ứng dụng, truy cập trang Bubble 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.

Không thấy tiện ích? Đảm bảo bạn đã triển khai ứng dụng sau khi thêm mã. Thử xóa bộ nhớ đệm trình duyệt hoặc xem trong cửa sổ ẩn danh. Nếu thử nghiệm ở chế độ phát triển, đảm bảo kiểm tra cả phiên bản trực tuyến của ứng dụng.