📚 Mục lục sách

Ở bài trước, Nuny Nail đã tự động nhắc lịch và nhận đặt cọc bằng VietQR. Website giờ đã nhận lịch khá trơn tru, nhưng trước khi đặt, khách vẫn hay nhắn những câu quen thuộc: "Đắp bột giá bao nhiêu?", "Móng mình yếu thì nên làm gì?", "Bạn nào vẽ móng đẹp?". Chủ tiệm đang làm cho khách thì không trả lời kịp, khách chờ lâu rồi bỏ đi.

Trong bài này, chúng ta sẽ gắn một chatbot AI lên website để trả lời những câu hỏi đó bằng chính dữ liệu của tiệm: dịch vụ, giá, thời gian làm, thợ, giờ mở cửa, quy định đặt cọc. Khi khách đã sẵn sàng, chatbot đưa nút đặt lịch đúng dịch vụ, còn câu nào không chắc thì chuyển khách sang Zalo của tiệm.

Bước 1: Cài plugin và tìm cách kết nối

Vào trang quản trị EzyPlatform, cài plugin EzyChat (khung chat trên website) và EzyAI (kết nối mô hình AI), rồi để AI tìm hiểu cách dùng:

Prompt mẫu

"Dùng MCP Server, hãy tìm hiểu plugin EzyChat và EzyAI vừa cài. CHƯA sửa file, CHƯA tạo dữ liệu. Cho biết: Cấu hình chatbot ở đâu trong admin: mô hình AI, khóa API, lời dặn cho chatbot, giao diện khung chat. Chatbot lấy kiến thức về tiệm từ đâu, có dùng được dữ liệu dịch vụ, thợ đã có trong EzyPlatform không, hay phải nạp tài liệu riêng. Khi tiệm đổi giá trong admin, chatbot có tự biết giá mới không. Chủ tiệm xem lại các cuộc trò chuyện ở đâu. Phần nào là suy đoán thì ghi rõ."

AI liệt kê các chức năng có sẵn trong EzyPlatform và phần nào dùng được
AI tra cứu các chức năng có sẵn trong EzyPlatform

Lưu ý: Khóa API của dịch vụ AI chỉ nhập trong trang admin, không đưa vào code giao diện, không gửi lên GitHub. Ai có khóa này đều có thể dùng AI và tính tiền vào tài khoản của tiệm.

Bước 2: Chuẩn bị dữ liệu tư vấn

Chatbot chỉ tư vấn đúng khi có đủ dữ liệu. Ưu tiên cho chatbot đọc thẳng dữ liệu trong admin để không phải chép tay hai nơi:

Prompt mẫu

"Hãy chuẩn bị dữ liệu tư vấn cho chatbot Nuny Nail theo cách đã tìm được: Lấy trực tiếp từ dữ liệu đã có: dịch vụ đang nhận kèm giá, kiểu giá, thời gian làm, mã dịch vụ; thợ kèm thế mạnh, dịch vụ làm được, ngày nghỉ; giờ mở cửa; quy định đặt cọc và hoàn cọc. Soạn thêm file docs/chatbot-hoi-dap.md gồm các câu hỏi thường gặp: chăm sóc móng sau khi làm, sơn gel giữ được bao lâu (dựa trên bài blog đã viết), có chỗ gửi xe không, thanh toán bằng gì. Phần nào bạn không biết thì để trống cho tôi điền, không tự bịa. Nạp file hỏi đáp vào chatbot theo cách EzyAI hỗ trợ. Trước khi tạo hay nạp gì, liệt kê và chờ tôi đồng ý."

AI báo đã tạo file chatbot-hoi-dap.md và 4 bài FAQ để nạp cho chatbot
AI tạo file hỏi đáp và các bài FAQ cho chatbot

Đọc kỹ file hỏi đáp và tự điền những chỗ AI để trống. Đây là những điều chỉ chủ tiệm biết, như có chỗ gửi xe máy không, nhận chuyển khoản hay tiền mặt.

Bước 3: Tạo kỹ năng AI tư vấn cho Nuny Nail

Sau khi xác định nguồn dữ liệu, chúng ta sẽ tạo một kỹ năng AI riêng cho Nuny Nail. Kỹ năng này quy định chatbot cần tư vấn như thế nào, được trả lời những chủ đề gì và phải xử lý ra sao khi không có đủ thông tin.

Trong EzyPlatform Admin, mở EzyAI → Các kỹ năng AI → Thêm mới.

Trang Sửa kỹ năng AI với tên hiển thị Tư vấn dịch vụ nail của Nuny và chỉ dẫn hệ thống
Tạo kỹ năng AI "Tư vấn dịch vụ nail của Nuny"

Bước 4: Kiểm tra dịch vụ AI Chat

Kỹ năng AI chỉ là phần hướng dẫn. Để chatbot có thể xử lý hội thoại, cần có dịch vụ AI Chat phù hợp. Trong EzyPlatform Admin, mở EzyAI → Các dịch vụ AI Chat.

Trang Chi tiết kỹ năng AI với chỉ dẫn hệ thống và danh sách công cụ được phép
Chi tiết kỹ năng AI và các công cụ được phép dùng

Nếu đã có dịch vụ hoạt động ổn định, hãy dùng lại thay vì tạo thêm một dịch vụ không cần thiết. Nếu cần API Key, chỉ nhập trong khu vực cấu hình được hệ thống hỗ trợ. Không đưa khóa vào mã giao diện hoặc kho mã nguồn GitHub.

Bước 5: Tạo cấu hình AI Chat riêng cho Nuny Nail

Tiếp theo, tạo một cấu hình AI Chat dành riêng cho chatbot Nuny Nail để tách biệt với những chatbot khác nếu hệ thống hỗ trợ. Trong EzyAI, mở khu vực quản lý cấu hình AI Chat và tạo cấu hình mới. Lưu cấu hình sau khi kiểm tra các trường bắt buộc.

Form Thêm cấu hình AI chat Nunynail với mô hình deepseek-chat và nguồn dữ liệu RAG
Thêm cấu hình AI Chat "Nunynail"

Lưu ý: nuny-nail chỉ là tên đề xuất. Tên, trường nhập và cách liên kết có thể khác tùy phiên bản EzyAI đang cài.

Bước 6: Gắn kỹ năng AI và chọn cấu hình cho chatbot

Sau khi tạo xong cấu hình nuny-nail, mở lại cấu hình này và tìm phần quản lý kỹ năng AI. Thêm kỹ năng Hướng dẫn tư vấn dịch vụ Nuny Nail.

Chi tiết cấu hình AI Chat Nunynail đã gắn kỹ năng Tư vấn dịch vụ nail của Nuny
Cấu hình Nunynail đã gắn kỹ năng AI

Bước 7: Lấy mã nhúng từ EzyChat

Khi phần AI đã sẵn sàng, chúng ta cần đưa chatbot lên website. Trong EzyPlatform Admin:

  • Mở EzyChat → Các hồ sơ chat.
  • Tìm hồ sơ Nuny Nail đã cấu hình ở Bước 6.
Danh sách cấu hình trong dịch vụ AI Chat Deepseek, cấu hình Nunynail là mặc định
Danh sách cấu hình AI Chat, Nunynail là cấu hình mặc định

Mở chi tiết hồ sơ chat và tìm phần Đoạn mã nhúng. Sao chép nguyên đoạn mã do hệ thống cung cấp.

Hộp thoại Đoạn mã nhúng với nút Sao chép
Sao chép đoạn mã nhúng chatbot

Không tự viết lại mã nhúng hoặc thay đổi giá trị data-profile. Nếu cần sử dụng iframe, hãy kiểm tra tùy chọn iframe do EzyChat cung cấp.

Bước 8: Kiểm tra source code trước khi tích hợp

Mở dự án website Nuny Nail trong VS Code và yêu cầu AI kiểm tra cấu trúc trước khi sửa:

Prompt mẫu

"Hãy kiểm tra source code website Nuny Nail hiện tại. Tôi muốn tích hợp chatbot EzyChat đã cấu hình trong EzyPlatform vào website. Trước tiên, hãy xác định: File hoặc layout đang hiển thị website và trang đặt lịch. Website đã có mã nhúng EzyChat hay chưa. Có cấu hình ezyweb hoặc script liên quan nào đang hoạt động không. Vị trí phù hợp để thêm mã nhúng. Có nguy cơ xuất hiện hai nút chat hoặc xung đột với nút Đặt lịch ngay trên điện thoại không. Chưa sửa file, chưa cài thêm thư viện và chưa thay đổi cấu hình EzyPlatform. Hãy báo cáo các file liên quan, phương án tích hợp và những rủi ro cần xử lý. Chờ tôi đồng ý trước khi thực hiện."

Sau khi xác nhận phương án, cung cấp đoạn mã nhúng lấy từ EzyChat cho AI thực hiện tích hợp:

Prompt mẫu

"Hãy tích hợp chatbot EzyChat của Nuny Nail vào website theo phương án đã thống nhất. Yêu cầu: Sử dụng nguyên đoạn mã nhúng do EzyPlatform cung cấp. Không tự thay đổi data-profile. Không tạo chatbot thứ hai nếu website đã có mã nhúng hoạt động. Không đưa API Key, admin_access_token hoặc thông tin bí mật vào frontend. Không làm ảnh hưởng đến trang /dat-lich, quy trình đặt cọc VietQR hoặc chức năng đặt lịch hiện có. Không thay đổi giá, dữ liệu dịch vụ hoặc thông tin thợ trong quá trình tích hợp giao diện. Giữ nguyên Brand Identity trong brand-guide.md. Đảm bảo nút chat không che nút Đặt lịch ngay trên điện thoại. Sau khi hoàn thành, hãy liệt kê toàn bộ file đã thay đổi, giải thích từng thay đổi và hướng dẫn cách kiểm tra. Không tự triển khai lên môi trường production. Dừng lại để tôi kiểm tra trước."

Sau khi AI hoàn thành, mở website Nuny Nail và kiểm tra icon chatbot. Nếu chatbot không xuất hiện, hãy kiểm tra Console và Network trước khi yêu cầu AI thay đổi source code thêm.

Trang chủ Nuny Nail với icon chatbot ở góc dưới bên phải
Icon chatbot xuất hiện ở góc dưới bên phải trang chủ

Bước 9: Đồng bộ giao diện chatbot với Nuny Nail

Sau khi tích hợp mã nhúng, tiếp tục cấu hình giao diện tại EzyChat → Các hồ sơ chat → hồ sơ Nuny Nail → Sửa. Phần giao diện được chỉnh trực tiếp trong EzyChat, với các tùy chọn như kiểu nút chat, vị trí, kích thước, màu sắc và các thông tin bắt buộc trước khi chat.

Danh sách hồ sơ chat trong EzyChat, hồ sơ Nunynail được đánh dấu
Hồ sơ chat Nunynail trong EzyChat
Chi tiết hồ sơ chat Nunynail với đoạn mã nhúng, iframe và các thiết lập nút chat
Chi tiết hồ sơ chat Nunynail

Các tùy chọn về socket, thông tin người dùng và đính kèm tệp chỉ bật khi thực sự cần thiết và phù hợp với khả năng của hệ thống. Không mặc định bật tất cả.

Form Sửa hồ sơ chat với kiểu nút, vị trí, kích thước và màu nút chat
Chỉnh kiểu, vị trí, kích thước và màu nút chat
Khung chat Nuny Nail mở trên trang chủ với lời chào của chatbot
Khung chat sau khi đồng bộ giao diện

Bước 10: Kiểm tra chatbot bằng câu hỏi thực tế

Mở website và hỏi thử như một khách hàng, ví dụ:

  • "Bạn nào vẽ móng đẹp?": gợi ý thợ có thế mạnh vẽ móng, kèm nút đặt lịch với thợ đó.
  • "Móng mình bị nấm có làm được không?": khuyên đi khám bác sĩ trước, không tự chẩn đoán.
Chatbot gợi ý thợ Mai vẽ móng đẹp kèm đường dẫn đặt lịch
"Bạn nào vẽ móng đẹp?"
Chatbot khuyên khách hỏi bác sĩ da liễu khi bị nấm móng
"Móng mình bị nấm có làm được không?"

Nếu chatbot trả lời sai, đừng chỉ sửa câu đó. Hãy bổ sung dữ liệu tư vấn hoặc lời dặn, rồi hỏi lại cả bộ câu hỏi, ví dụ: "chatbot tự hứa giảm 20% cho khách mới dù tiệm không có chương trình này, hãy sửa lời dặn để không xảy ra nữa".

Lưu ý: Mỗi tuần, chủ tiệm nên đọc lại một số cuộc trò chuyện. Câu nào chatbot hay trả lời "chưa rõ" thì đó là câu nên thêm vào file hỏi đáp.

Kết luận

Qua bài này, website Nuny Nail đã được bổ sung chatbot AI tư vấn khách hàng, từ khâu tạo kỹ năng AI, chuẩn bị dữ liệu tư vấn, cấu hình EzyAI đến tích hợp EzyChat và đồng bộ giao diện theo nhận diện thương hiệu của tiệm. Chatbot hỗ trợ khách tra cứu giá dịch vụ, thời gian làm, thế mạnh của từng thợ, giờ mở cửa và quy định đặt cọc dựa trên nguồn dữ liệu đã được cấu hình.

Khi khách muốn đặt lịch, chatbot cung cấp đường dẫn đến đúng dịch vụ và thợ đã chọn. Với những câu hỏi chưa có thông tin xác nhận, chatbot hướng khách nhắn Zalo thay vì tự suy đoán hoặc đưa ra thông tin sai lệch. Các quy tắc tư vấn cũng giúp hạn chế việc tiết lộ thông tin khách hàng, tránh chẩn đoán bệnh và bảo vệ khóa API khỏi mã giao diện.

Đặc biệt, việc tách riêng kỹ năng AI, nguồn dữ liệu tư vấn và cấu hình giao diện giúp chủ tiệm dễ dàng bảo trì, bổ sung kiến thức và điều chỉnh cách tư vấn khi nhu cầu kinh doanh thay đổi. Tuy nhiên, khả năng tự cập nhật giá và dịch vụ phụ thuộc vào cơ chế kết nối dữ liệu thực tế của EzyAI, nên cần kiểm tra sau mỗi lần thay đổi trong admin.