● VBot Omni-Channel

Web Chat Widget Playground

Trang giả lập website khách hàng để kiểm thử trực tiếp <vb-chat-widget> với hệ thống VBot Staging / Production.

⚠️ Lưu ý Allowed Domains: Để widget kết nối được, hãy thêm domain hiện tại ... (hoặc *.pages.dev) vào mục Allowed Domains của Widget trong trang Kết nối kênh → Web widget.

1. Cấu hình & Nhúng Widget Tự động lưu vào trình duyệt

Khi bạn dán mã nhúng vào ô trên, các ô tham số bên dưới sẽ tự động được điền theo.
Staging Gateway (api-staging.vbot.vn) Local Chat Server (:9011) Local APISIX (:9080)

2. Trạng thái phiên Khách (Visitor Storage)

  • Hostname trang -
  • Widget đang gắn Chưa gắn
  • Visitor ID -
  • Device ID -
  • Hồ sơ đã nhập (Profile) Chưa có (sẽ hiện form Pre-chat)

3. Quy trình test nhanh

  1. Vào VBot Console → Kết nối kênh → Web widget, tạo widget hoặc bấm Chỉnh sửa trên widget có sẵn.
  2. Thêm *.pages.dev (hoặc hostname ở thanh màu xanh phía trên) vào ô Domains rồi lưu lại.
  3. Bấm nút Mã nhúng trên dòng widget đó, copy và dán vào ô Dán nhanh mã nhúng bên trái.
  4. Bấm Áp dụng & Khởi tạo Widget → Nút bong bóng chat sẽ xuất hiện ở góc dưới bên phải màn hình.
  5. Muốn test lại từ đầu như khách mới (hiện form nhập Tên & SĐT), bấm nút đỏ Reset phiên khách ở góc trên.