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 Thông báo 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 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 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

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

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

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 Tiện ích HTML/JavaScript (Khuyến nghị)

Cách dễ nhất để thêm chatbot là sử dụng tiện ích HTML/JavaScript tích hợp của Blogger:

  1. Log in to your Blogger Dashboard at blogger.com
  2. Chọn blog của bạn từ danh sách
  3. Nhấp "Layout" trong thanh bên trái
  4. Tìm phần bạn muốn thêm tiện ích (tốt nhất là chân trang)
  5. Nhấp "Add a Gadget"
  6. Chọn "HTML/JavaScript" từ danh sách tiện ích
  7. Để trống tiêu đề (hoặc thêm nếu bạn muốn)
  8. Dán mã nhúng Asyntai vào khu vực nội dung
  9. Nhấp "Save"
  10. Nhấp "Save arrangement" trong trang Layout

Mẹo: Thêm tiện ích vào phần chân trang đảm bảo nó tải trên tất cả các trang của blog. Chatbot sẽ xuất hiện dưới dạng nút nổi bất kể bạn đặt tiện ích ở đâu.

Thay thế: Chỉnh sửa HTML Giao diện

Bạn cũng có thể thêm mã trực tiếp vào HTML giao diện:

  1. Đi đến "Theme" trong thanh bên trái
  2. Nhấp mũi tên thả xuống bên cạnh "Customize"
  3. Chọn "Edit HTML"
  4. Press Ctrl+F (or Cmd+F on Mac) to open search
  5. Tìm kiếm </body>
  6. Dán mã nhúng Asyntai ngay trước thẻ </body>
  7. Nhấp "Save theme"

Quan trọng: Khi chỉnh sửa HTML giao diện, hãy cẩn thận không xóa hoặc sửa đổi mã khác. Hãy cân nhắc sao lưu giao diện trước bằng cách nhấp "Backup" trước khi thay đổi.

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

Sau khi lưu thay đổi, truy cập blog 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? Blogger có thể mất vài phút để áp dụng thay đổi. Thử xóa bộ nhớ đệm trình duyệt hoặc xem trong cửa sổ ẩn danh. Đảm bảo bạn đã nhấp "Save" sau khi thêm tiện ích.