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

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

Nền tảng:

Bước 1: Lấy Mã Nhúng của Bạn

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</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 Module HTML Tùy chỉnh (Khuyến nghị)

Cách dễ nhất để thêm chatbot vào tất cả trang là sử dụng module HTML Tùy chỉnh:

Đăng nhập vào bảng Quản trị viên Joomla
Đi đến Content → Site Modules
Nhấp "New" để tạo module mới
Chọn "Custom" (module HTML Tùy chỉnh)
Nhập tiêu đề như "Asyntai Chatbot" (bạn có thể ẩn sau)
Nhấp nút "Toggle Editor" để chuyển sang chế độ HTML thô
Dán mã nhúng Asyntai của bạn
Trong trường "Position", chọn vị trí chân trang (ví dụ: "footer" hoặc "debug")
Đặt "Show Title" thành "Hide"
Trong tab "Menu Assignment", chọn "On all pages"
Nhấp "Save & Close"

Mẹo: Nếu mã bị loại bỏ, đi đến System → Global Configuration → Site và tạm thời đặt Trình biên tập Mặc định thành "None", thêm mã, sau đó chuyển lại.

Thay thế: Chỉnh sửa Tệp Mẫu

Bạn có thể thêm mã trực tiếp vào tệp index.php của mẫu:

Đi đến System → Site Templates
Nhấp vào tên mẫu đang hoạt động
Tìm và nhấp vào "index.php" trong danh sách tệp
Cuộn để tìm thẻ đóng </body>
Dán mã nhúng Asyntai ngay trước thẻ </body>
Nhấp "Save"

Quan trọng: Thay đổi tệp mẫu sẽ bị mất khi bạn cập nhật mẫu. Hãy cân nhắc sử dụng mẫu con hoặc phương pháp module HTML Tùy chỉnh cho giải pháp lâu dài hơn.

Thay thế: Sử dụng Tiện ích Mở rộng

Bạn cũng có thể sử dụng một tiện ích mở rộng miễn phí để thêm các script tùy chỉnh:

Go to the Joomla Extensions Directory
Tải xuống tiện ích mở rộng "Add Custom Javascript"
Trong quản trị Joomla, đi đến System → Install → Extensions
Tải lên và cài đặt tiện ích mở rộng
Đi đến Components → Add Custom Javascript
Thêm mã nhúng Asyntai
Cấu hình để tải 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 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.