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

Hướng dẫn từng bước cho trang web e107 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 vào Mẫu Giao diện (Khuyến nghị)

Cách được khuyến nghị để thêm chatbot là chỉnh sửa trực tiếp tệp mẫu giao diện e107:

Điều hướng đến thư mục giao diện e107: e107_themes/yourtheme/
Mở tệp mẫu chính của giao diện (thường là theme.php hoặc theme.html)
Tìm thẻ đóng </body>
Dán mã nhúng Asyntai ngay trước thẻ </body>:

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

Mẹo: Nếu giao diện sử dụng theme.php, tìm phần nơi HTML chân trang được hiển thị. Mã nhúng nên được đặt sau tất cả nội dung khác nhưng trước thẻ đóng body.

Phương pháp Thay thế 1: Sử dụng Header/Footer Tùy chỉnh e107

Bạn có thể thêm tập lệnh chatbot qua bảng quản trị e107 mà không cần chỉnh sửa tệp giao diện:

Đăng nhập vào bảng quản trị e107
Đi đến Admin > Preferences > Site Preferences
Tìm phần "Custom Footer" hoặc "Footer Scripts"
Dán mã nhúng Asyntai vào khu vực văn bản footer scripts
Nhấp "Save" để áp dụng thay đổi

Lưu ý: Phương pháp này dễ nhất nếu bạn muốn tránh chỉnh sửa trực tiếp tệp giao diện. Tập lệnh sẽ được bao gồm trên mọi trang của trang e107 tự động.

Phương pháp Thay thế 2: Sử dụng Plugin e107

Để có cách tiếp cận theo module hơn, bạn có thể tạo plugin đơn giản hoặc sử dụng hệ thống hook plugin để chèn tập lệnh chatbot:

Tạo plugin đơn giản hoặc sử dụng plugin "Custom Pages"
Thêm tập lệnh qua hệ thống hook plugin e107 bằng cách tạo tệp e_footer.php trong thư mục plugin
Bên trong e_footer.php, xuất mã nhúng:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
?>

Mẹo: Cách tiếp cận hook plugin giữ tích hợp chatbot tách biệt khỏi giao diện, vì vậy nó sẽ tồn tại ngay cả khi bạn chuyển giao diện.

Phương pháp Thay thế 3: Sử dụng Hệ thống Menu e107

Bạn có thể sử dụng hệ thống Menu tích hợp của e107 để thêm tập lệnh chatbot vào vùng chân trang:

Đăng nhập vào bảng quản trị e107
Đi đến Admin > Menus
Tạo menu HTML tùy chỉnh
Dán mã nhúng Asyntai vào nội dung menu
Gán menu vào vùng chân trang của mẫu
Lưu cấu hình menu

Quan trọng: Khi sử dụng hệ thống Menu, đảm bảo vùng menu bạn gán hỗ trợ đầu ra HTML/script thô. Một số vùng menu có thể loại bỏ thẻ script vì lý do bảo mật. Nếu script bị xóa, hãy sử dụng một trong các phương pháp khác.

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

Sau khi lưu thay đổi, truy cập trang web e107 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? Thử xóa bộ nhớ đệm e107 từ bảng quản trị tại Admin > Cache. Cũng thử xóa bộ nhớ đệm trình duyệt hoặc xem trong cửa sổ ẩn danh. Đảm bảo mã nhúng được đặt đúng và chứa ID tiện ích duy nhất từ Bảng điều khiển.