N8N Chat UI: giao diện chatbot n8n cho website

N8N Chat UI giúp tạo giao diện chatbot n8n rồi nhúng vào website. Trình chỉnh sửa trực quan phù hợp với lập trình viên, đơn vị làm web và chủ website đã có workflow hoạt động, hoặc có khả năng cấu hình phần xử lý phía sau.

Trang web này dùng để làm gì? Giải thích dễ hiểu

Có thể hình dung n8n là đội ngũ xử lý công việc ở hậu trường, còn N8N Chat UI là quầy tiếp nhận câu hỏi. Cửa sổ chat gửi tin nhắn đến webhook của bạn và hiển thị kết quả do workflow trả về.

Tư vấn khách hàng, thu thập thông tin hay đặt lịch chỉ hoạt động khi backend đã có các bước tương ứng. Đây là sản phẩm độc lập, không liên kết với n8n; đổi giao diện không tự tạo toàn bộ quy trình nghiệp vụ.

Kết nối workflow và kiểm tra câu trả lời đầu tiên

1. Chuẩn bị workflow dùng Chat Trigger hoặc Webhook và quyền chỉnh sửa website.
2. Thiết kế cửa sổ, chọn cách hiển thị, xem trước rồi kết nối địa chỉ webhook.
3. Với phản hồi không truyền theo luồng, backend cần trả HTTP 200 cùng JSON hợp lệ có trường văn bản output. Xử lý đúng dấu ngoặc kép trong nội dung được tạo.
4. Đưa mã nhúng vào website. Gửi một câu hỏi thử và đối chiếu phản hồi trên trang với lần chạy n8n.

Hướng dẫn kết nối backend cũng mô tả endpoint POST riêng. Trên WordPress, cài và kích hoạt ChatUI Widget for n8n, sau đó lưu Widget ID hoặc webhook trong Settings → N8N Chat UI. Có thể loại trừ các trang không cần hiện chat.

Tùy chỉnh giao diện cho từng mục đích

Bạn có thể đổi màu, phông chữ, ảnh đại diện, lời chào và nút mở chat bằng bản xem trước trực tiếp. Chọn cửa sổ trong nội dung trang hoặc bong bóng nổi. Giao diện thích ứng trên điện thoại và hỗ trợ bố cục RTL.

Backend có thể trả followUpPrompts để người dùng bấm chọn câu hỏi tiếp theo. Nếu nhiều cửa sổ dùng chung một workflow, cần thiết kế khóa phiên để tách ngữ cảnh. Khóa phiên không thay cho việc kiểm tra quyền người dùng.

Tệp, ghi âm và phản hồi dạng luồng

Tải tệp lên có các thiết lập giới hạn loại, dung lượng và số lượng. Tệp được chuyển tới n8n dưới dạng nhị phân; đọc tài liệu, lưu trữ hoặc phân tích cần thêm bước xử lý.

Nhập giọng nói gửi bản ghi âm đến backend. Ví dụ chính thức dùng dịch vụ chuyển giọng nói thành văn bản riêng trước khi đưa nội dung vào agent. Với tệp và âm thanh, metadata được gửi dưới dạng chuỗi JSON và cần phân tích trước khi dùng như đối tượng.

Muốn trả lời từng phần, phải bật streaming ở cả Chat Trigger/Webhook đầu vào và AI Agent đầu ra. Widget tự nhận luồng đã cấu hình, không tự thiết lập phần đó.

Dùng thử miễn phí và các cách trả phí

Kiểm tra ngày 28/10/2026: tài khoản mới nhận 100 tín dụng Managed dùng trong 30 ngày. Sau đó mua tín dụng trả trước; mỗi tin nhắn được proxy xử lý tiêu thụ một tín dụng. Hết số dư thì tin nhắn mới ngừng được xử lý. Theo điều khoản hiện tại, tín dụng trả phí mua từ 05/10/2026 không hết hạn; giao dịch cũ giữ điều kiện ban đầu.

Standalone cần giấy phép trả một lần và không tiêu thụ tín dụng tin nhắn Managed. Người mua mới cần phân biệt giấy phép lõi lâu dài với các kỳ hỗ trợ, cập nhật tùy chọn. Xem giá hiện hành, tiền tệ và thuế tại lúc thanh toán. Chi phí n8n, mô hình và chuyển âm thanh thành chữ là riêng.

Dữ liệu đi qua đâu và giới hạn cần biết

Standalone kết nối thẳng từ trình duyệt tới webhook, nên địa chỉ xuất hiện trong mã phía người dùng. Managed đi qua proxy của nhà cung cấp để giấu địa chỉ gốc, đồng thời có giới hạn tên miền, khu vực, tốc độ yêu cầu, thống kê và quản lý tập trung.

Chính sách quyền riêng tư nêu rằng nhà cung cấp không lưu, tạo bộ nhớ đệm hay ghi nhật ký nội dung hội thoại. Proxy vẫn xử lý tin nhắn theo thời gian thực và giữ cấu hình cùng chỉ số kỹ thuật. Bạn cần kiểm tra riêng dữ liệu trong n8n, cơ sở dữ liệu và dịch vụ mô hình.

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

Có thể nhúng vào website đang hoạt động không?

Có, bằng mã nhúng hoặc plugin WordPress chính thức. Bạn cần quyền sửa website và backend đã hoạt động.

Dịch vụ có tự tạo workflow n8n không?

Không. Mô hình, nguồn dữ liệu và hành động phải được cấu hình trong n8n hoặc backend tương thích.

Có thể dùng miễn phí không giới hạn không?

100 tín dụng ban đầu có thời hạn 30 ngày. Sau đó cần tín dụng Managed hoặc giấy phép Standalone, cùng các dịch vụ backend.

Tài liệu chính thức

• Tài liệu sản phẩm: cấu hình và quản lý phiên.
• Plugin WordPress: cài đặt và loại trừ trang.
• Hướng dẫn MCP: OAuth hoặc khóa API để liệt kê, tạo và chỉnh giao diện; thay đổi chủ đề không đổi webhook.
• Hỗ trợ chính thức: tài khoản và kết nối.