26/08/2026 · 6 phút đọc
Gắn chatbot AI vào website về nguyên tắc chỉ là dán một đoạn mã ngắn — nhưng vị trí dán và cách thao tác khác nhau đôi chút tùy nền tảng website bạn đang dùng. Bài viết này hướng dẫn cụ thể cho ba nền tảng phổ biến nhất với doanh nghiệp Việt: WordPress (nền tảng viết nội dung, doanh nghiệp dịch vụ), Haravan và Sapo (hai nền tảng thương mại điện tử phổ biến cho shop online tại Việt Nam).
Bài viết này bổ trợ cho hướng dẫn tổng quan đã trình bày trong bài cách tạo chatbot cho website miễn phí trong 5 phút — nếu bạn chưa tạo bot và chuẩn bị tài liệu, nên đọc bài đó trước. Đây là hướng dẫn kỹ thuật riêng cho từng nền tảng, một phần của kênh website trong bức tranh tổng thể về chatbot đa kênh.
Dù dùng nền tảng nào, quy trình đều gồm hai phần: lấy đoạn mã nhúng từ nền tảng chatbot AI sau khi đã tạo bot và tải tài liệu, và dán đoạn mã đó vào đúng vị trí trên website để nó hiển thị trên mọi trang. Điểm khác biệt giữa các nền tảng nằm ở việc website đó có cho phép chèn mã tùy chỉnh trực tiếp hay cần qua một mục cài đặt riêng.
WordPress là nền tảng phổ biến nhất cho website doanh nghiệp dịch vụ, blog, và nhiều loại hình kinh doanh khác tại Việt Nam. Có hai cách phổ biến để gắn mã chatbot:
Cách 1 — Dùng plugin chèn mã tùy chỉnh. Cài một plugin miễn phí cho phép chèn mã HTML/JavaScript vào toàn bộ trang web (tìm trong kho plugin của WordPress với từ khóa "insert headers and footers" hoặc tương tự), dán đoạn mã chatbot vào mục footer, rồi lưu lại.
Cách 2 — Sửa trực tiếp file giao diện (theme). Với người quen thao tác kỹ thuật hơn, có thể vào phần chỉnh sửa theme, tìm file footer của giao diện đang dùng, và dán đoạn mã ngay trước thẻ đóng </body>. Cách này nên sao lưu file trước khi sửa, và lưu ý mã có thể mất đi khi cập nhật giao diện lên phiên bản mới — cách 1 dùng plugin thường an toàn hơn về lâu dài.
Lỗi thường gặp trên WordPress: chatbot không hiển thị do bộ nhớ đệm (cache plugin) chưa cập nhật — cần xóa cache sau khi dán mã; hoặc xung đột với plugin khác cũng chèn mã vào cùng vị trí — thử tắt tạm các plugin không cần thiết để xác định nguyên nhân nếu bot vẫn không hiển thị.
Haravan là nền tảng thương mại điện tử phổ biến cho các shop online quy mô vừa và lớn tại Việt Nam. Cách gắn mã chatbot:
Trong trang quản trị Haravan, tìm đến phần quản lý giao diện (thường trong mục Online Store hoặc Giao diện), chọn chỉnh sửa mã nguồn giao diện đang sử dụng, tìm file theme.liquid (file khung chung áp dụng cho mọi trang), và dán đoạn mã chatbot ngay trước thẻ đóng </body>, sau đó lưu lại.
Lỗi thường gặp trên Haravan: mã bị mất sau khi đổi hoặc cập nhật giao diện mới — cần dán lại mã mỗi khi thay đổi theme; hoặc chatbot hiển thị nhưng vị trí che khuất nút mua hàng/giỏ hàng trên di động — nên kiểm tra và điều chỉnh vị trí hiển thị trong phần cấu hình của nền tảng chatbot.
Sapo là nền tảng quản lý bán hàng và website phổ biến khác tại Việt Nam, đặc biệt với các shop vừa và nhỏ. Cách gắn mã chatbot:
Trong trang quản trị Sapo, vào phần thiết kế website hoặc quản lý giao diện, tìm mục chỉnh sửa mã nguồn (thường gọi là "Chỉnh sửa HTML/CSS" hoặc tương tự), tìm đến phần layout chung của website, và dán đoạn mã chatbot trước thẻ đóng </body>, lưu lại thay đổi.
Lỗi thường gặp trên Sapo: một số gói dịch vụ Sapo giới hạn quyền chỉnh sửa mã nguồn trực tiếp — kiểm tra gói đang sử dụng có hỗ trợ tính năng này không, hoặc liên hệ hỗ trợ Sapo nếu không tìm thấy mục chỉnh sửa mã; chatbot không đồng bộ hiển thị trên phiên bản di động — kiểm tra riêng cả bản desktop và bản di động sau khi dán mã.
Sau khi dán mã trên bất kỳ nền tảng nào, luôn thực hiện các bước kiểm thử sau: mở website ở chế độ ẩn danh (incognito) để tránh cache trình duyệt gây hiểu nhầm; kiểm tra cả phiên bản desktop và di động vì bố cục hiển thị có thể khác nhau; và thử đặt vài câu hỏi thật để xác nhận bot phản hồi đúng dựa trên tài liệu đã tải lên. Nếu bot không hiển thị sau vài phút, xóa cache của website (nếu nền tảng có tính năng cache riêng) trước khi tìm nguyên nhân khác.
Nguyên tắc chung ở mục 1 áp dụng cho hầu hết các nền tảng website khác không được liệt kê chi tiết trong bài này: tìm mục cho phép chèn mã tùy chỉnh (custom code, header/footer scripts) trong phần cài đặt hoặc giao diện, dán đoạn mã vào đó, và kiểm thử theo các bước ở mục 5. Hầu hết nền tảng website hiện đại đều hỗ trợ tính năng chèn mã tùy chỉnh dưới một tên gọi tương tự.
Sau khi chatbot hoạt động ổn định trên website, bước tiếp theo tự nhiên là mở rộng sang các kênh khác nơi khách hàng của bạn cũng đang nhắn tin — dùng chung một bộ tài liệu, quản lý tập trung trong cùng một màn hình. Cách vận hành mô hình quản lý tập trung này được trình bày trong bài quản lý tin nhắn đa kênh tập trung.
Trên chatbot cho website của MidiChat, đoạn mã nhúng được cung cấp ngay sau khi tạo bot, tương thích với WordPress, Haravan, Sapo và hầu hết các nền tảng website phổ biến khác. Gói miễn phí 100 tin nhắn/tháng không yêu cầu thẻ tín dụng để bạn thử nghiệm trước — tạo chatbot miễn phí tại đây. Hướng dẫn chi tiết kèm hình ảnh minh họa cho từng nền tảng có tại trang hướng dẫn sử dụng.
Gắn chatbot vào WordPress có cần biết lập trình không? Không bắt buộc — cách đơn giản nhất là dùng plugin chèn mã tùy chỉnh, chỉ cần dán đoạn mã có sẵn vào ô nhập liệu của plugin, không cần sửa file mã nguồn.
Vì sao chatbot không hiển thị sau khi đã dán mã vào Haravan hoặc Sapo? Nguyên nhân phổ biến nhất là mã bị mất sau khi đổi giao diện, hoặc gói dịch vụ đang dùng giới hạn quyền chỉnh sửa mã nguồn — kiểm tra lại vị trí dán mã và quyền truy cập trước khi tìm nguyên nhân khác.
Website dùng nền tảng khác ngoài WordPress, Haravan, Sapo có gắn được chatbot không? Được, hầu hết các nền tảng website hiện đại đều có mục cho phép chèn mã tùy chỉnh (custom code hoặc header/footer scripts) áp dụng nguyên tắc tương tự.
Sau khi đổi giao diện website, chatbot có tự động hoạt động lại không? Không phải lúc nào cũng vậy — với một số nền tảng như Haravan, Sapo, mã nhúng có thể cần dán lại sau khi đổi giao diện mới, nên kiểm tra lại sau mỗi lần thay đổi thiết kế website.