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 Framer

Hướng dẫn từng bước cho trang web Framer

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 Mã Tùy chỉnh (Khuyến nghị)

Framer có tính năng Mã Tùy chỉnh tích hợp giúp thêm tập lệnh dễ dàng:

  1. Mở dự án Framer
  2. Nhấp vào biểu tượng bánh răng (Cài đặt trang) ở góc trên bên trái
  3. Đi đến phần "Custom Code"
  4. Nhấp nút "Add Script"
  5. Dán mã nhúng Asyntai vào trường script
  6. Đặt vị trí thành "End of <body> tag"
  7. Lưu và xuất bản trang web

Mẹo: Đặt script tại "End of <body> tag" đảm bảo nó tải sau nội dung trang, được khuyến nghị cho tiện ích trò chuyện và sẽ không làm chậm tải trang. Framer cũng cung cấp tùy chọn "Start of <head>" và "End of <head>", nhưng cuối body được ưu tiên.

Thay thế: Sử dụng Thành phần Mã

Nếu bạn muốn thêm chatbot bằng thành phần Mã:

  1. Trong trình biên tập Framer, mở trang bạn muốn chatbot
  2. Thêm thành phần Mã vào canvas
  3. Dán mã nhúng Asyntai vào thành phần
  4. Đặt vị trí trong bố cục theo nhu cầu

Lưu ý: Phương pháp Mã Tùy chỉnh được ưu tiên vì nó áp dụng chatbot toàn trang trên tất cả các trang. Phương pháp thành phần Mã chỉ có thể thêm chatbot vào trang cụ thể nơi bạn đặt thành phần.

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

Sau khi xuất bản thay đổi, truy cập trang Framer 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 đã lưu và xuất bản trang web 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 sử dụng tên miền tùy chỉnh, thay đổi có thể mất vài phút để lan truyền.