Gắn Chatbot AI vào website — chỉ 1 dòng mã
Hoạt động trên hầu hết nền tảng website. Làm theo hướng dẫn bên dưới trong ~2 phút, hoặc để NAVI gắn giúp miễn phí.
Nhận mã bot từ NAVI
Sau khi đăng ký, NAVI thiết lập chatbot và gửi bạn mã bot riêng (dạng nv_xxxxxxxxxx) đã gắn với tên miền website của bạn.
Dán 1 dòng mã vào website
Copy mã nhúng bên dưới, dán vào cuối trang theo hướng dẫn từng nền tảng. Không cần biết code — làm theo là được.
Tải lại trang và kiểm tra
Bubble chat xuất hiện ở góc phải màn hình. Nhắn thử một câu — chatbot trả lời theo đúng kho kiến thức doanh nghiệp bạn.
Mã nhúng của bạn
Thay nv_xxxxxxxxxx bằng mã bot NAVI gửi cho bạn khi kích hoạt.
<script src="https://ai.naviwebsite.vn/widget.js" data-bot-id="nv_xxxxxxxxxx" async></script>Hướng dẫn theo từng nền tảng
WordPress＋
- Cách khuyên dùng: cài plugin miễn phí "WPCode – Insert Headers and Footers" (Plugins → Add New).
- Vào Code Snippets → Header & Footer → ô Footer → dán mã nhúng → Save Changes.
- Cách khác: Giao diện → Theme File Editor → footer.php → dán mã ngay trước thẻ </body> → Update File.
Shopify＋
- Vào Admin → Online Store (Cửa hàng trực tuyến) → Themes (Giao diện).
- Bấm nút ⋯ (Actions) → Edit code (Chỉnh sửa mã).
- Mở file layout/theme.liquid, tìm thẻ </body> ở cuối file, dán mã nhúng ngay TRƯỚC thẻ đó → Save.
Ladipage＋
- Mở trang trong Ladipage Builder → bấm Thiết lập (Settings) ở thanh trên.
- Chọn mục Mã Javascript / Tracking code.
- Dán mã nhúng vào ô "Trước thẻ </body>" → Lưu và Xuất bản lại trang.
Haravan＋
- Vào Quản trị → Website → Giao diện → Chỉnh sửa code.
- Mở file layout/theme.liquid.
- Dán mã nhúng ngay trước thẻ </body> → Lưu.
Wix＋
- Vào Settings (Cài đặt) của site → mục Custom Code (Mã tùy chỉnh).
- Bấm Add Custom Code → dán mã nhúng.
- Chọn vị trí Body - End, áp dụng cho All pages → Apply.
Website tự code (HTML / React / Next.js...)＋
- Mở file layout chung của website (index.html, layout chính...).
- Dán mã nhúng ngay trước thẻ đóng </body>.
- Deploy lại website — script tải bất đồng bộ (async) nên không ảnh hưởng tốc độ trang.
Lưu ý quan trọng
- Chatbot chỉ hoạt động trên tên miền đã đăng ký với NAVI — gắn lên website khác sẽ không chạy (đây là cơ chế bảo vệ tài khoản của bạn).
- Mã nhúng KHÔNG chứa mật khẩu hay khóa bí mật nào — có lộ ra ngoài cũng không ai dùng được trên website khác.
- Giao diện chat chạy trong khung riêng (iframe), không xung đột CSS/JS với website của bạn.
- Gắn 1 lần là xong — mọi cập nhật kho kiến thức sau này do NAVI thực hiện, không cần đụng lại mã.
Khắc phục sự cố thường gặp
Bubble chat không xuất hiện?＋
Kiểm tra: (1) mã data-bot-id đã đúng với mã NAVI cấp chưa; (2) website đang mở có đúng tên miền đã đăng ký với NAVI không — chatbot chỉ hoạt động trên tên miền đã đăng ký; (3) xóa cache website/CDN rồi tải lại; (4) nếu dùng plugin tối ưu JS (WP Rocket, Autoptimize...), thêm ai.naviwebsite.vn vào danh sách loại trừ.
Chat báo "Chatbot chưa được kích hoạt cho website này"?＋
Tên miền đang mở chưa nằm trong đăng ký của bot (ví dụ gắn lên tên miền phụ hoặc tên miền mới). Nhắn NAVI để cập nhật tên miền — mỗi gói tích hợp trên 1 website.
Bubble hiện nhưng chatbot không trả lời?＋
Thường do đã dùng hết lượt phản hồi AI trong tháng hoặc gói/bản dùng thử hết hạn. Kiểm tra hạn mức trong dashboard hoặc liên hệ NAVI.
Script có làm chậm website không?＋
Không đáng kể — script chỉ ~3KB, tải bất đồng bộ (async) sau khi trang hiển thị xong, và toàn bộ giao diện chat chạy trong iframe riêng nên không đụng vào CSS/JS của website bạn.
Tôi không rành kỹ thuật thì sao?＋
NAVI gắn giúp miễn phí. Bạn chỉ cần cấp quyền quản trị website (hoặc nhờ người quản lý web thao tác theo trang này) — nhắn Zalo OA của NAVI là xong.
Không rành kỹ thuật? NAVI gắn giúp miễn phí
Nhắn Zalo hoặc gọi hotline — đội NAVI hỗ trợ gắn và kiểm tra chatbot chạy ổn trên website của bạn.
