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

Hướng dẫn từng bước cho Bludit CMS

Nền tảng:

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: Thêm Mã bằng Plugin HTML Code (Khuyến nghị)

Cách dễ nhất để thêm chatbot vào trang Bludit là sử dụng plugin HTML Code tích hợp:

Đăng nhập vào Bảng Quản trị Bludit
Điều hướng đến Plugins trong thanh bên trái
Tìm plugin "HTML Code" (thường đã được cài sẵn)
Nếu chưa kích hoạt, nhấp \"Activate\" để bật nó
Nhấp "Configure" trên plugin HTML Code
Trong cấu hình, bạn sẽ thấy các trường cho mã Header và Footer
Dán mã nhúng Asyntai của bạn vào phần "Footer"
Nhấp "Save"

Mẹo: Thêm mã vào Footer đảm bảo nó tải ở cuối trang, không làm chậm tải ban đầu của trang web. Phương pháp này tự động thêm chatbot vào tất cả các trang trên trang web.

Phương pháp Thay thế 1: Tích hợp Tệp Giao diện

Để kiểm soát nhiều hơn, bạn có thể thêm mã trực tiếp vào tệp giao diện:

Kết nối với cài đặt Bludit qua FTP hoặc Trình quản lý Tệp
Điều hướng đến /bl-themes/your-theme-name/
Mở tệp index.php để chỉnh sửa
Tìm thẻ đóng </body>
Dán mã nhúng Asyntai ngay trước thẻ </body>
Lưu tệp
Xóa bộ nhớ đệm trang web nếu có

Lưu ý: Khi chỉnh sửa trực tiếp tệp giao diện, đảm bảo sao lưu tệp gốc trước. Cập nhật giao diện có thể ghi đè thay đổi của bạn, vì vậy hãy ghi chú các sửa đổi.

Phương pháp Thay thế 2: Nội dung Tùy chỉnh trong Trang

Bạn cũng có thể thêm mã chatbot trực tiếp vào các trang cụ thể bằng trình biên tập nội dung Bludit:

Đăng nhập vào Bảng Quản trị Bludit
Đi đến Content và chọn trang bạn muốn chỉnh sửa
Chuyển sang chế độ HTML trong trình biên tập (nếu sử dụng trình biên tập trực quan)
Thêm mã nhúng Asyntai bất kỳ đâu trong nội dung trang
Nhấp "Save"
Lặp lại cho các trang khác nơi bạn muốn chatbot

Quan trọng: Khi thêm mã trực tiếp vào nội dung trang, bạn sẽ cần thêm vào từng trang riêng lẻ. Để cài đặt toàn trang, hãy sử dụng plugin HTML Code hoặc phương pháp tệp giao diện.

Sử dụng Plugin Hook (Nâng cao)

Cho nhà phát triển tạo plugin tùy chỉnh, Bludit cung cấp các hook plugin:

siteBodyBegin - Thực thi ở đầu thẻ <body>
siteBodyEnd - Thực thi ở cuối, lý tưởng cho mã JavaScript như tiện ích Asyntai

Bạn có thể tạo plugin tùy chỉnh sử dụng hook siteBodyEnd để chèn mã chatbot trên tất cả các trang.

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

Sau khi lưu thay đổi, truy cập trang web Bludit 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 cấu hình plugin hoặc thay đổi tệp giao diện. Xóa bộ nhớ đệm trình duyệt và bộ nhớ đệm Bludit (nếu được bật). Kiểm tra bảng điều khiển trình duyệt (F12) để tìm lỗi JavaScript.