Cách gắn chatbot AI vào website WordPress trong 5 phút

WordPress là nền tảng website phổ biến nhất Việt Nam, và cũng là nơi dễ gắn chatbot AI nhất. Bài này hướng dẫn cách làm an toàn — không sửa file theme, không ảnh hưởng tốc độ trang.

Bước 1: Tạo chatbot từ website WordPress

1. Đăng ký tài khoản SiteBrain miễn phí.
2. Bấm Tạo chatbot và nhập địa chỉ website WordPress của bạn.
3. SiteBrain tự tìm sitemap do Yoast SEO, Rank Math hoặc WordPress tạo ra (/wp-sitemap.xml), đọc các bài viết, trang và sản phẩm WooCommerce công khai.

Các trang quản trị (/wp-admin), giỏ hàng, thanh toán, tài khoản được bỏ qua tự động.

Bước 2: Cài plugin chèn mã

Trong trang quản trị WordPress, vào Plugins → Add New, tìm WPCode (tên cũ "Insert Headers and Footers"), bấm Install rồi Activate.

Vì sao không sửa trực tiếp footer.php? Vì mã sẽ mất khi cập nhật theme. Plugin chèn mã giữ nguyên đoạn mã qua mọi lần cập nhật.

Bước 3: Dán mã nhúng

1. Trong SiteBrain, mở chatbot → tab Tổng quan → bấm Sao chép ở khung mã nhúng.
2. Trong WordPress, vào Code Snippets → Header & Footer.
3. Dán mã vào ô Footer và bấm Save Changes.

Mã được tải bất đồng bộ (async) nên không làm chậm trang. Khung chat chỉ được tải khi khách bấm vào nút chat.

Bước 4: Xoá cache và kiểm tra

Nếu dùng plugin cache (WP Rocket, LiteSpeed Cache, W3 Total Cache…) hoặc Cloudflare, hãy xoá cache. Sau đó mở website trong cửa sổ ẩn danh: nút chat tròn xuất hiện ở góc phải. Hỏi thử một câu về sản phẩm hoặc dịch vụ.

Nếu dùng tính năng "Delay JavaScript" của WP Rocket hoặc LiteSpeed, nút chat sẽ hiện sau khi khách tương tác lần đầu với trang — điều này bình thường. Muốn hiện ngay, thêm widget.js vào danh sách loại trừ.

Bước 5: Tinh chỉnh

• Đổi màu chatbot trùng màu thương hiệu, viết lời chào thân thiện.
• Thêm hướng dẫn cho AI, ví dụ: "Khi khách hỏi giá sỉ, mời khách để lại số điện thoại hoặc gọi hotline".
• Bật tự động cập nhật hằng tuần (gói trả phí) để chatbot luôn biết bài viết và sản phẩm mới.

Câu hỏi thường gặp

Chatbot có đọc được sản phẩm WooCommerce không? Có, với các trang sản phẩm công khai: tên, mô tả, giá hiển thị dạng văn bản.

Có ảnh hưởng SEO không? Không. Mã nhúng không thay đổi nội dung trang, tải bất đồng bộ và không ảnh hưởng Core Web Vitals.

Muốn ẩn chatbot ở một số trang? Trong WPCode, dùng "Smart Conditional Logic" để chỉ chèn mã ở các trang mong muốn.

Xem thêm hướng dẫn cài đặt đầy đủ cho Haravan, Sapo, Wix và Google Tag Manager.