React / Next.js

Component <TalkmioChat siteKey="…" /> dành cho React, Next.js (App và Pages router), Vite, Remix và Gatsby. An toàn với SSR — tải widget một lần trong trình duyệt và nhận diện người dùng hiện tại.

Tải về talkmio-react-1.0.0.zip

Cài đặt

1. Sao chép src/index.js vào dự án của bạn (hoặc cài đặt gói từ file zip bằng lệnh npm install ./talkmio-react).
2. Render một lần, ví dụ trong root layout: <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Router: đặt nó trong một client component ('use client') được nhúng từ app/layout.js.

Site key của tôi ở đâu? Đăng nhập tại app.talkmio.com → Websites, thêm website của bạn và sao chép mã khóa 12 ký tự (ví dụ: 2wkxhgujxwlv). Chưa có tài khoản? Tạo miễn phí ngay — không yêu cầu thẻ tín dụng.

Kiểm tra chat trước khi ra mắt

Sau khi cài đặt, hãy mở website trong cửa sổ ẩn danh của trình duyệt và hỏi Mio hai hoặc ba câu mà khách hàng thường hỏi. Kiểm tra xem mỗi câu trả lời có dựa trên các trang của bạn không; nếu thiếu, hãy bổ sung vào website hoặc cơ sở tri thức rồi hỏi lại.

Khách truy cập nhìn thấy gì

Bong bóng chat xuất hiện trên mọi trang có tải mã. Khách có thể nhắn bất cứ lúc nào: Mio trả lời từ nội dung của bạn bằng ngôn ngữ của họ và chuyển cuộc trò chuyện cho đội ngũ khi cần con người.

Bước tiếp theo

Xem tất cả tích hợp, so sánh các gói và bảng giá, đọc tài liệu hướng dẫn hoặc câu hỏi thường gặp.