ChatBox AI Muathemewpgiare là nền tảng hỗ trợ khách hàng đa kênh, kết nối trực tiếp người dùng với doanh nghiệp thông qua Live Chat, Messenger, WhatsApp, Telegram, Email, Hotline, CRM và nhiều phương thức khác.
Để tiện ích hoạt động chính xác và ổn định trên website, cần thực hiện đúng các bước cài đặt mã nhúng. Tài liệu này cung cấp hướng dẫn chi tiết cho tất cả nền tảng phổ biến như WordPress, WooCommerce, Blogger, Shopify và Google Tag Manager (GTM).
Lấy mã nhúng ChatBox AI
Truy cập khu vực tiện ích (Widget)
Người dùng cần đăng nhập vào bảng điều khiển ChatBox AI Muathemewpgiare và mở mục Cài đặt, sau đó chọn Tiện ích. Tại đây bạn có thể chọn widget đã tạo hoặc tạo widget mới tùy theo nhu cầu.
Sao chép mã tích hợp
Trong giao diện chi tiết của widget, hệ thống hiển thị mã nhúng. Người dùng chỉ cần sao chép toàn bộ đoạn mã này. Đây là mã duy nhất giúp hiển thị widget trên website và không được chỉnh sửa nội dung bên trong trừ khi có yêu cầu kỹ thuật đặc biệt.
Giải thích ý nghĩa mã nhúng
Mã nhúng bao gồm:
Tập lệnh tải widget
Khóa nhận dạng widget
Cấu hình hiển thị do hệ thống quản lý
Mã nhúng có thể được đặt trên nhiều website tùy theo phạm vi của widget.
Cài đặt ChatBox AI trên WordPress
Cài đặt bằng cách thêm mã vào footer (khuyến nghị)
Người dùng đăng nhập vào bảng quản trị WordPress, mở mục Giao diện và chọn Trình chỉnh sửa giao diện. Trong danh sách tập tin, chọn footer.php.
Mã nhúng của ChatBox AI cần được dán ngay trước thẻ đóng của phần thân trang.
Sau khi lưu lại, widget sẽ tự động hiển thị trên toàn bộ website.
Cài đặt bằng plugin hỗ trợ chèn code
Nếu không muốn chỉnh sửa mã nguồn theme trực tiếp, người dùng có thể cài plugin hỗ trợ như Insert Headers and Footers. Plugin này cung cấp giao diện đơn giản để dán mã ChatBox AI vào phần chân trang của website.
Sau khi dán mã vào ô “Scripts in Footer”, lưu thay đổi để kích hoạt widget.
Cài đặt bằng Code Snippets (dành cho chuyên gia)
Cách này thích hợp cho mục đích nâng cao, ví dụ chỉ hiển thị widget trên một số trang nhất định hoặc trong điều kiện cụ thể. Người dùng tạo một đoạn mã mới và chèn script thông qua hook phù hợp. Điều này đòi hỏi kiến thức kỹ thuật cao hơn nhưng mang lại khả năng kiểm soát linh hoạt.
Cài đặt ChatBox AI trên WooCommerce
Nguyên tắc cài đặt
WooCommerce hoạt động dựa trên WordPress, vì vậy phương pháp cài đặt tương tự. Tuy nhiên, do cửa hàng thương mại điện tử có nhiều trang động, nên cần đảm bảo widget xuất hiện trên toàn bộ trang sản phẩm, giỏ hàng và thanh toán.
Hiển thị widget trên toàn bộ cửa hàng
Dán mã vào footer giúp widget hiển thị trên tất cả trang của WooCommerce.
Hiển thị có điều kiện
Một số doanh nghiệp chỉ muốn widget hiển thị trên trang sản phẩm hoặc trang hỗ trợ. Khi đó, cần dùng snippet điều kiện thông qua PHP hoặc plugin hỗ trợ.
Việc giới hạn hiển thị giúp tối ưu hiệu suất và tránh gây phân tâm cho khách hàng trong quá trình thanh toán.
Cài đặt ChatBox AI trên Blogger
Truy cập chỉnh sửa giao diện Blogger
Người dùng đăng nhập Blogger, chọn mục Giao diện, sau đó chọn tùy chọn chỉnh sửa HTML.
Nhúng mã trước thẻ đóng của thân trang
Trong trình chỉnh sửa HTML, tìm thẻ đóng của phần thân trang.
Dán toàn bộ mã nhúng ngay trước thẻ này và lưu lại.
Blogger sẽ tự động áp dụng mã cho toàn bộ trang blog, giúp widget hoạt động đầy đủ.
Kiểm tra tính tương thích
Một số template tùy chỉnh của Blogger có thể tối ưu hóa script hoặc nén mã nguồn, vì vậy người dùng nên làm mới trình duyệt và kiểm tra trên chế độ ẩn danh để đảm bảo widget hiển thị đúng cách.
Cài đặt ChatBox AI trên Shopify
Mở khu vực chỉnh sửa theme
Người dùng đăng nhập Shopify Admin, vào mục Online Store và chọn Themes. Tại đây chọn tiếp tùy chọn chỉnh sửa mã của theme đang kích hoạt.
Chèn mã vào footer.liquid
Trong thư mục chứa mã của theme, mở tập tin footer.liquid.
Dán mã nhúng ChatBox AI vào cuối file để đảm bảo script được tải sau cùng, giúp tăng tốc độ tải trang và tránh xung đột với các script khác.
Lưu và kiểm tra
Sau khi lưu lại, làm mới website Shopify để kiểm tra widget. Nếu theme sử dụng nhiều template khác nhau, hãy kiểm tra tất cả trang quan trọng như trang sản phẩm và trang thanh toán.
Cài đặt ChatBox AI thông qua Google Tag Manager
Ưu điểm khi cài đặt qua GTM
Google Tag Manager cho phép quản lý và triển khai mã nhúng một cách khoa học, không cần chỉnh sửa giao diện website. Đây là phương pháp lý tưởng cho marketer và agency quản lý nhiều dự án.
Tạo thẻ HTML tùy chỉnh
Trong Tag Manager, người dùng tạo thẻ mới và chọn loại thẻ là Custom HTML.
Dán mã ChatBox AI vào vùng nội dung của thẻ.
Kích hoạt thẻ trên toàn bộ trang
Trong phần kích hoạt, chọn All Pages để đảm bảo widget tải trên tất cả trang của website.
Người dùng cũng có thể tạo trigger tùy chỉnh nếu muốn giới hạn hiển thị trên một số trang.
Xuất bản thay đổi
Sau khi cấu hình xong, nhấn Submit để xuất bản. Google Tag Manager sẽ bắt đầu phân phối mã cho website ngay lập tức.
Kiểm tra bằng công cụ Tag Assistant
Sau khi xuất bản, truy cập website và dùng Tag Assistant để xác nhận thẻ ChatBox AI đã được kích hoạt chính xác. Đây là bước quan trọng để đảm bảo mã thực sự được tải mà không bị lỗi hoặc bị chặn.
Các lưu ý quan trọng khi cài đặt ChatBox AI
Kiểm tra domain của widget
Widget chỉ hoạt động trên các domain mà người dùng đã chỉ định trong cấu hình widget. Nếu mã nhúng được thêm vào một domain không có trong danh sách, widget sẽ không hiển thị.
Kiểm tra cache trình duyệt và cache website
Một số trình duyệt hoặc hệ thống CDN có thể giữ bản cũ của website và chưa cập nhật mã nhúng.
Người dùng cần:
Xóa cache website
Làm mới trình duyệt
Kiểm tra bằng chế độ ẩn danh
Tránh dán trùng mã nhúng
Nếu mã được dán trong nhiều plugin hoặc nhiều vị trí khác nhau, widget có thể bị lỗi, hiển thị nhiều lần hoặc không tải đúng cách.
Ưu tiên đặt mã ở cuối trang
Mã nhúng đặt ở footer giúp trang tải nội dung chính trước, đảm bảo hiệu suất tối ưu.
Tối ưu hóa cài đặt cho doanh nghiệp lớn
Quản lý nhiều widget
Các doanh nghiệp có nhiều website hoặc nhiều chiến dịch có thể tạo nhiều widget trong cùng một không gian làm việc. Mỗi widget có thể cấu hình kênh liên hệ, giao diện và domain hiển thị khác nhau.
Tích hợp nâng cao với GTM và CRM
Các tổ chức lớn có thể sử dụng GTM để kích hoạt widget theo sự kiện, hoặc kết hợp với CRM để quản lý khách hàng hiệu quả hơn.
Kiểm soát widget theo điều kiện
Sử dụng đoạn mã tùy chỉnh hoặc plugin hỗ trợ để giới hạn hiển thị theo:
Thiết bị
Đường dẫn URL
Trang sản phẩm cụ thể
Nguồn truy cập
