Demo – SEDU Chatbot Widget

Tích hợp chatbot
chỉ với 1 dòng script

Nhúng chatbot SEDU AI vào bất kỳ website nào bằng cách thêm một thẻ <script> duy nhất. Chatbot hiện ở góc phải màn hình, không ảnh hưởng đến layout hiện có.

Chatbot đang hoạt động – nhấn nút góc phải bên dưới

🪄

Tích hợp siêu nhanh

Chỉ cần thêm 1 thẻ <script>, chatbot xuất hiện ngay – không cần cài đặt thêm gì.

📱

Responsive

Tự động tối ưu giao diện trên mobile, tablet và desktop. Hỗ trợ breakpoint tùy chỉnh.

⚙️

Cấu hình linh hoạt

Tuỳ chỉnh vị trí, màu sắc, kích thước, URL chatbot qua thuộc tính data-config.

🔒

Sandbox iframe

Chatbot chạy trong iframe độc lập, không xung đột với script hay style của website chủ.

Cách tích hợp vào website

HTML – Cách đơn giản nhất (auto-init)

<!-- Thêm vào cuối thẻ <body> -->
<script
  src="sedu-chatbot.js"
  data-auto-init
></script>

HTML – Tùy chỉnh nâng cao (data-config)

<script
  src="sedu-chatbot.js"
  data-auto-init
  data-config='{"position":"bottom-right","primaryColor":"#152d7a","autoOpen":false}'
></script>

JavaScript – Khởi tạo thủ công

// Load script trước, sau đó gọi:
SeduChatbot.init({
  url:          'https://tqbot.sedu.vn/',
  position:     'bottom-right',   // bottom-left | top-right | top-left
  primaryColor: '#152d7a',
  width:        '420px',
  height:       '650px',
  autoOpen:     false,
  title:        'Trợ lý AI SEDU'
});

// Điều khiển thủ công:
SeduChatbot.getInstance().open();
SeduChatbot.getInstance().close();
SeduChatbot.getInstance().toggle();