Cách thêm chatbot AI vào website WordPress
Khách Mê · Cập nhật
Thêm chatbot cho WordPress chỉ cần dán một dòng mã vào chân trang website, không phải sửa giao diện hay viết code. Bạn tạo khung chat AI miễn phí ở Khách Mê, cài plugin WPCode trên WordPress, dán mã vào ô Footer rồi lưu. Khung chat hiện ở góc mọi trang, trợ lý trả lời khách bằng chính nội dung website của bạn.
Cả quá trình mất khoảng 5 phút. Các bước dưới đây làm trên WordPress tiếng Việt, tên nút ghi đúng như trên màn hình.
Mục lục
Cần chuẩn bị gì
- Tài khoản quản trị website WordPress, có quyền cài plugin.
- Một tài khoản Khách Mê. Gói Miễn phí dùng mãi mãi, không cần thẻ ngân hàng.
- Địa chỉ website, ví dụ tencuahang.vn.
Bước 1: Tạo khung chat và chép mã nhúng
- Đăng ký Khách Mê
Đăng ký bằng email hoặc tài khoản Google tại trang đăng ký.
- Thêm website
Vào mục Website, bấm Thêm website, điền Tên website và Tên miền (tên miền của website WordPress), rồi bấm Thêm website.
- Chép mã
Thẻ website vừa tạo mở sẵn khối Gắn mã lên website: bấm Chép mã. Khối đang thu gọn thì bấm Gắn mã lên website để mở lại.
Mã có dạng như dưới đây, phần MÃ-CỦA-BẠN là mã riêng của website bạn.
<script src="https://khach.me/widget.js?key=MÃ-CỦA-BẠN" async></script>Ngay khi thêm website, trợ lý AI đã bật sẵn và tự đọc nội dung các trang của website làm kiến thức, nên vừa gắn xong là trả lời khách được.
Bước 2: Cài plugin WPCode trên WordPress
WPCode (tên đầy đủ “WPCode – Insert Headers and Footers + Custom Code Snippets”) là plugin miễn phí để chèn mã vào đầu trang và chân trang website. Bản miễn phí là đủ dùng.
- Mở trang thêm plugin
Trong trang quản trị WordPress, vào Plugin → Thêm Plugin.
- Tìm WPCode
Gõ WPCode vào ô Tìm plugin.
- Cài đặt và kích hoạt
Ở thẻ plugin WPCode, bấm Cài đặt ngay, chờ xong thì bấm Kích hoạt.
Kích hoạt xong, menu bên trái có thêm mục Code Snippets.
Bước 3: Dán mã vào ô Footer và lưu
- Mở trang Header & Footer
Vào Code Snippets → Header & Footer. Chữ trong plugin là tiếng Anh, kể cả khi WordPress để tiếng Việt.
- Dán mã vào ô Footer
Trang có ba ô: Header, Body, Footer. Dán mã Khách Mê vào ô thứ ba, Footer, là ô ghi chú mã được chèn ngay trước thẻ
</body>. - Lưu
Bấm Save Changes ở góc trên. Plugin báo Settings Saved là xong.
| Ô | Mã được chèn ở đâu | Dán mã Khách Mê? |
|---|---|---|
| Header | Trong phần <head> của trang | Không |
| Body | Ngay sau thẻ mở <body> | Không |
| Footer | Ngay trước thẻ đóng </body> | Có, dán vào ô này |
Website có dùng plugin bộ nhớ đệm (cache) thì xoá bộ nhớ đệm sau khi lưu, để mọi trang cập nhật khung chat ngay. WPCode cũng nhắc việc này trong thông báo lưu thành công.
Bước 4: Mở website và nhắn thử
- Mở website ở một tab mới
Khung chat hiện ở góc dưới màn hình, trên mọi trang của website.
- Nhắn thử vài câu khách hay hỏi
Hỏi giá, hỏi giờ mở cửa, hỏi địa chỉ để xem trợ lý trả lời.
- Xem lại trong Khách Mê
Trong vòng một phút, nhãn trên thẻ website đổi thành "Khung chat đang chạy". Cuộc chat thử nằm trong Hộp thư.
- Bật thông báo trên điện thoại
Vào Tài khoản, bật Thông báo trên máy này. Trên iPhone, thêm Khách Mê ra màn hình chính rồi mở từ đó để bật.
Cho trợ lý học thêm nội dung website
Phần kiến thức của mỗi website có ba cách nạp, dùng cùng lúc được:
- Đọc website. Trợ lý đọc các trang của website WordPress: trang dịch vụ, trang sản phẩm, bảng giá, bài viết. Thêm trang mới hay đổi giá trên WordPress thì bấm Đọc lại để trợ lý cập nhật.
- Văn bản. Dán bảng giá, chính sách đổi trả, bảo hành, khuyến mãi đang chạy, kể cả những điều chưa đăng lên website.
- Hỏi đáp mẫu. Ghi sẵn câu khách hay hỏi kèm câu trả lời bạn muốn trợ lý nói.
Trợ lý còn biết khách đang xem trang nào: khách ở trang một sản phẩm hỏi “cái này còn không”, trợ lý hiểu là sản phẩm đó. Mục “Câu trợ lý chưa trả lời được” gom những câu khách hỏi mà kiến thức chưa có, để bạn bổ sung dần.
Chatbot AI trên WordPress làm được gì cho bạn
- Trả lời khách trong vài giây, cả ngày lẫn đêm, bằng đúng thông tin bạn đưa.
- Hỏi đúng nhu cầu: mỗi lượt hỏi thêm một câu ngắn, ghi sẵn cho nhân viên đọc.
- Xin số điện thoại đúng lúc và báo ngay về điện thoại của bạn.
- Đặt lịch, lên đơn ngay trong khung chat khi bạn bật mục nhận đơn.
- Biết khách đến từ đâu: Facebook, Google, TikTok, Zalo, gắn kèm từng số.
Bạn không phải tự lấy khoá API hay cài mô hình AI nào: trợ lý có sẵn trong Khách Mê, chỉ cần dán mã. Xem cách chọn chatbot và cách gắn lên các nền tảng khác ở bài chatbot cho website. Cách dùng theo ngành: spa, trung tâm đào tạo, nội thất.
Chatbot cho WordPress giá bao nhiêu
Plugin WPCode bản miễn phí đủ để gắn mã. Khách Mê có gói Miễn phí dùng mãi mãi cho 1 website với 50 lượt trợ lý mỗi tháng; khách nhắn nhiều hơn thì nâng lên Pro hoặc Max ngay trong app.
| Gói | Giá | Lượt trợ lý AI mỗi tháng | Số website | Người dùng |
|---|---|---|---|---|
| Miễn phí | 0đ, dùng mãi mãi | 50 | 1 | 2 |
| Pro | 200.000đ/tháng | 400 | 3 | Không giới hạn |
| Max | 500.000đ/tháng | 1.200 | Không giới hạn | Không giới hạn |
Hết lượt trong tháng thì mua thêm, 500đ một lượt, gói nào cũng như nhau. Gói năm trả tiền 12 tháng, dùng 14 tháng.
Câu hỏi thường gặp
Gắn chatbot cho WordPress có cần khoá API OpenAI không?
Không. Trợ lý AI có sẵn trong Khách Mê, bạn chỉ dán một dòng mã. Gói Miễn phí có 50 lượt trợ lý mỗi tháng, dùng mãi mãi.
Không muốn cài thêm plugin thì gắn thế nào?
Mã cần nằm ngay trước thẻ </body> trên mọi trang. Giao diện của bạn có sẵn ô chèn mã vào chân trang thì dán mã vào đó cũng được. Dùng plugin WPCode thì mã nằm riêng, không phụ thuộc giao diện.
Đổi hoặc cập nhật giao diện WordPress có mất khung chat không?
Không. Mã lưu trong plugin WPCode chứ không nằm trong tệp giao diện, nên đổi giao diện hay cập nhật giao diện thì khung chat vẫn còn.
Khung chat có làm thay đổi giao diện website không?
Không. Khung chat nằm gọn ở góc màn hình, không đổi phông chữ, màu sắc hay bố cục các trang WordPress của bạn.
Gắn xong mà chưa thấy khung chat thì làm gì?
Xoá bộ nhớ đệm nếu website dùng plugin cache rồi mở lại trang. Kiểm tra ô Tên miền khai trong Khách Mê đúng tên miền website; có www hay không đều được, tên miền con cũng được nhận.
Chatbot cho WordPress có miễn phí không?
Có. Plugin WPCode bản miễn phí đủ để gắn mã, và gói Miễn phí của Khách Mê dùng mãi mãi cho 1 website, không cần thẻ ngân hàng.