Bỏ qua tới nội dung

Website · Hướng dẫn

Gắn khung chat AI lên website WordPress, Haravan, Sapo

Cách thêm khung chat AI vào website bằng một dòng mã: lấy mã nhúng, khai tên miền được phép, chèn mã vào WordPress, Haravan, Sapo hoặc web tự code.

Đăng ngày 5 phút đọc

Khung chat AI hiện ở góc website, khách gõ câu hỏi và nhận trả lời theo tài liệu của shop. Phần cài đặt gồm ba việc: bật kênh, khai tên miền, dán mã.

Bật kênh và lấy mã nhúng

  1. 1Vào Kênh kết nối, chọn Live chat website, bấm Kết nối.
  2. 2Chọn màu, lời chào và vài câu trả lời nhanh như "Bảng giá", "Phí giao hàng".
  3. 3Kéo xuống mục Mã nhúng, bấm Sao chép mã.

Mã có dạng:

<script src="https://app.nexva.tech/api/public/widget.js" data-key="MÃ_CỦA_BẠN" defer></script>

Khai tên miền được phép

Ở mục Tên miền được phép, thêm tên miền website của bạn, ví dụ shopcuaban.vn. Khai shopcuaban.vn là chạy được cả www.shopcuaban.vn. Muốn cho mọi tên miền con thì khai *.shopcuaban.vn.

Khung chat chỉ hoạt động trên những tên miền bạn đã khai báo.

Chèn mã vào website

WordPress

Cách nhanh nhất là cài plugin chèn mã như WPCode, dán mã vào phần Footer. Nếu bạn sửa theme trực tiếp, dán mã ngay trước thẻ </body> trong file footer.php của theme con.

Haravan, Sapo và các nền tảng bán hàng khác

Các nền tảng này đều có chỗ sửa mã giao diện hoặc chèn mã tuỳ chỉnh. Tìm file bố cục chung của theme (thường là file layout chính) và dán mã ngay trước thẻ </body> để khung chat hiện trên mọi trang.

Website tự code

Dán mã vào template dùng chung cho mọi trang, ngay trước thẻ </body>. Mã tải sau khi trang hiện xong và chạy trong vùng riêng (Shadow DOM), nên không làm vỡ CSS của trang.

Kiểm tra

Mở website trên điện thoại và máy tính, gửi thử một câu. Tin nhắn sẽ hiện trong Hộp thư của NEXVA. Trên điện thoại, khung chat mở toàn màn hình để ô nhập không bị bàn phím che.

Chạy thử AI Agent với tài liệu của bạn

Tạo tài khoản, thêm tài liệu và chạy thử AI Agent. Không cần thẻ ngân hàng.