Standalone Embed Verification

Kiểm thử nhúng WordPress (Single Script)

Trang này kiểm thử loader siêu nhẹ dist/widget.js (~2KB) — loader tự nạp CSS + bundle đầy đủ, không dùng Vite dev server.

Chèn script vào WordPress

Nhúng 1 dòng duy nhất — đặt trước thẻ </body> của theme. Loader siêu nhẹ (~2KB) sẽ tự nạp CSS + bundle đầy đủ sau.

HTML — theme footer

<!-- Chatbot Khả Khả: 1 dòng duy nhất (loader ~2KB, tự nạp assets) -->
<script async src="./dist/widget.js"></script>

Cấu hình (tuỳ chọn)

Đặt trước script ở Bước 1 để trỏ endpoint API, đổi tên bot và khai báo code — giá trị này được gửi kèm header x-api-code trong mỗi lần POST chat.

JavaScript — global config

window.chatbotConfig = {
  apiEndpoint: 'http://localhost:36000/api/chat',
  botName: 'Trợ lý AI Khả Khả',
  businessName: 'Khả Khả phần mềm',
  code: 'wx_ku1QTw5gBTkCi1rD3QqhAUwSWBydh_ZF'
};

Xem cấu hình đang dùng cho trang này ở cuối file bằng view-source.

Kiểm thử qua JavaScript API

Các nút điều khiển gọi trực tiếp API toàn cục window.AIChatbot.

Điều khiển cửa sổ

Widget khởi tạo tự động khi bundle nạp xong — nếu chatbot chưa hiện, kiểm tra bảng Console của trình duyệt và endpoint apiEndpoint.