Trang chủ › Hướng dẫn › Chatbot cho WordPress

Cách cài chatbot cho WordPress

Việc này mất khoảng năm phút và không cần biết lập trình. Phần khó không nằm ở chỗ cài, mà ở chỗ sau khi dán mã xong mà khung chat không hiện — và đó mới là lúc người ta bỏ cuộc. Bài này đi qua cả ba cách cài lẫn cách xử lý khi nó không chạy.

Chuẩn bị: lấy đoạn mã nhúng

Trước khi đụng vào WordPress, bạn cần có đoạn mã từ nền tảng chatbot. Hầu hết nền tảng cấp một dòng như thế này:

<script src="https://ten-nen-tang.com/widget.js?key=KHOA_CUA_BAN" async></script>

Trước đó, nhớ cho trợ lý đọc website và tài liệu của bạn — bảng giá, mô tả dịch vụ, câu hỏi thường gặp. Cài một chatbot chưa học gì rồi thắc mắc sao nó trả lời kém là chuyện hay xảy ra. Phần chuẩn bị tài liệu mình viết kỹ trong hướng dẫn tạo chatbot cho website.

Cách 1: plugin chèn mã (khuyên dùng)

Đây là cách tôi dùng cho mọi website khách hàng, vì nó không mất khi cập nhật giao diện và ai cũng làm được.

1. Cài plugin chèn mã

   Vào Plugins → Add New, tìm WPCode (tên cũ là Insert Headers and Footers) hoặc Insert Headers and Footers của WPBeginner. Cài rồi kích hoạt.

2. Mở phần cài đặt

   Với WPCode: Code Snippets → Header & Footer. Với plugin của WPBeginner: Settings → Insert Headers and Footers.

3. Dán mã vào ô Footer

   Dán vào ô Footer, không phải Header. Footer nghĩa là mã tải sau nội dung chính, website không bị chậm đi. Bấm lưu.

4. Xoá bộ nhớ đệm

   Nếu website dùng plugin tăng tốc (WP Rocket, LiteSpeed Cache, W3 Total Cache) thì xoá cache. Dùng hosting có cache riêng thì xoá cả bên đó. Bỏ qua bước này là nguyên nhân phổ biến nhất khiến người ta tưởng cài hỏng.

5. Kiểm tra bằng cửa sổ ẩn danh

   Mở website trong cửa sổ ẩn danh, chờ vài giây xem khung chat có hiện ở góc không. Kiểm tra trên cả máy tính và điện thoại.

Cách 2: sửa theme con

Hợp khi bạn không muốn thêm plugin nào. Mở Appearance → Theme File Editor, chọn file footer.php của theme con, dán đoạn mã ngay trước </body>.

Cách 3: plugin chatbot chuyên dụng

Một số nền tảng có plugin riêng trên kho WordPress. Bạn cài plugin, đăng nhập tài khoản ngay trong trang quản trị, không phải copy mã.

Tiện, nhưng đổi lại: thêm một plugin là thêm một chỗ có thể xung đột với plugin khác, thêm một chỗ cần cập nhật, và thêm một bề mặt có thể bị khai thác nếu plugin có lỗ hổng. Với một dòng mã thì không có mấy rủi ro đó.

So sánh ba cách

Dán rồi mà khung chat không hiện

Kiểm tra theo đúng thứ tự này, từ nguyên nhân hay gặp nhất:

1. Bộ nhớ đệm. Xoá cache của plugin tăng tốc, cache phía hosting, rồi mở lại bằng cửa sổ ẩn danh. Riêng việc này giải quyết được phần lớn trường hợp.
2. Plugin tối ưu chặn tập lệnh. Các tính năng kiểu "delay JavaScript" hay "defer scripts" có thể hoãn hoặc chặn mã chatbot. Thêm tên miền của nền tảng chatbot vào danh sách loại trừ.
3. Dán nhầm chỗ. Dán vào ô Header của một trang riêng lẻ thay vì footer toàn site thì chỉ trang đó có.
4. Theme gốc đã cập nhật và ghi đè mã của bạn.
5. Lỗi trong bảng điều khiển trình duyệt. Bấm F12, mở tab Console, tải lại trang. Có dòng đỏ nhắc tới tên miền chatbot thì đó là manh mối: thường là chặn do CORS hoặc do plugin bảo mật.

Dùng Elementor thì sao

Elementor chỉ dựng giao diện, không ảnh hưởng tới việc chèn mã. Vẫn dùng plugin chèn mã như cách 1.

Nếu bạn dùng Elementor Pro với mẫu footer riêng, có thể thêm một tiện ích HTML vào mẫu đó và dán mã vào. Cách này chạy được, nhưng tôi vẫn khuyên dùng plugin chèn mã: footer dựng bằng Elementor đôi khi không hiện trên một số loại trang như trang lỗi 404 hay trang đích toàn màn hình, và thế là khung chat biến mất ở đúng những trang bạn đang chạy quảng cáo về.

Chatbot có làm chậm website không

Mã đặt ở footer và có thuộc tính async thì tải sau nội dung chính, gần như không ảnh hưởng điểm tốc độ. Hai thứ thật sự làm chậm:

• Dán ở Header thay vì Footer — trình duyệt phải tải xong mã rồi mới hiện nội dung.
• Cài plugin chatbot nặng trong khi chỉ cần một dòng mã.

Nếu bạn đang chạy quảng cáo về website này, tốc độ tải là thứ ảnh hưởng trực tiếp tới chi phí mỗi lead. Tôi có viết kỹ hơn phần đó trong bài chạy quảng cáo bất động sản trên Facebook.

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

Cài chatbot cho WordPress có cần biết code không?

Không. Dùng plugin chèn mã như WPCode: cài plugin, dán mã vào ô Footer, lưu. Mất khoảng năm phút, không đụng tới file nào.

Nên dùng plugin chatbot hay dán mã nhúng?

Dán mã nhúng nhẹ hơn và không phụ thuộc plugin được cập nhật hay không. Plugin chuyên dụng tiện hơn nhưng thêm một chỗ có thể xung đột hoặc có lỗ hổng.

Vì sao đã dán mã mà khung chat không hiện?

Thường là chưa xoá bộ nhớ đệm, plugin tối ưu chặn tập lệnh, dán nhầm chỗ, hoặc theme gốc đã cập nhật và ghi đè mã.

Chatbot có làm chậm website WordPress không?

Đặt ở footer kèm async thì gần như không. Chậm thường do dán ở header hoặc cài plugin nặng.

Dùng Elementor thì cài chatbot thế nào?

Vẫn dùng plugin chèn mã. Elementor chỉ dựng giao diện, không liên quan tới việc chèn mã.

Đọc thêm

• Hướng dẫn tạo chatbot cho website từ A đến Z
• Chatbot là gì? Phân biệt chatbot AI và chatbot kịch bản
• Ứng dụng AI trong marketing