Skip to main content

Cửa sổ chat website

Cửa sổ chat là một thành phần của website & cũng là một trong những hình ảnh đại diện cho Doanh nghiệp. Bạn có thể tùy chỉnh các thông tin trên cửa sổ chat sao cho hòa hợp với hình ảnh chuyên nghiệp của website.

Tại Subiz, bạn hoàn toàn có thể custom hiển thị cửa sổ chat riêng cho mỗi website Doanh nghiệp. Từ màu sắc, tên hiển thị, hình ảnh đại diện cho tới nội dung xuất hiện trên cửa sổ chat.

Cài đặt

Lấy mã nhúng

Nhấn biểu tượng bánh răng ở góc trên bên phải màn hình để tới trang cài đặt. Tại đây, làm theo các bước sau:

  • Chọn tích hợp Website ở sidebar bên trái
  • Nhấn + Cài lên website ở góc phải màn hình
  • Điền tên miền website <ví dụ: yourwebsite.com>
  • Sao chép mã nhúng Subiz và tới trang quản trị website dán mã trong thẻ body.

Kiểm tra hoạt động

Vào website, F5 tải trang để cập nhật thay đổi và thấy cửa sổ chat ở góc phải màn hình là cài đặt thành công.

Nhắn tin test trên cửa sổ chat sau đó quay lại trang quản lý hội thoại chat trên Subiz để phản hồi tin nhắn đó.

Chỉnh sửa

  • Mở trang Cài đặt Website
  • Tìm chức năng Chỉnh sửa cửa sổ chat
  • Tại đây, bạn sửa được màu sắc, hình ảnh và các nội dung đang có
  • Nhấp Lưu thay đổi là xong.

Thay đổi ảnh nút chat

  • Trên giao diện máy tính, nút chat kêu gọi khách nhắn tin có thể thay đổi là ảnh nhỏ hoặc ảnh lớn nhằm thu hút sự chú ý của khách hàng. Hướng dẫn thay đổi nút chat:
  • Chọn Nút chat, sau đó ở Nút chat trên máy tính di chuột vào hình ảnh nhấn Thay đổi
  • Chọn hình ảnh hiển thị nút chat phù hợp rồi Lưu thay đổi.
  • Trên điện thoại, nếu thấy Nút chat hiển thị lớn quá, bạn hoàn toàn có thể lựa chọn icon nhỏ hơn để phù hợp với kích thước nhỏ. Các bước tương tự như trên:
  • Chọn Nút chat, sau đó ở Nút chat trên điện thoại di chuột vào hình ảnh nhấn Thay đổi
  • Chọn hình ảnh hiển thị nút chat phù hợp rồi Lưu thay đổi.

Thay đổi vị trí nút chat

Bạn có thể thay đổi vị trí nút chat Subiz lên cao hay xuống thấp, chuyển sang trái hay sang phải của website.

Hướng dẫn cài đặt:

  • Chọn Vị trí và Kích thước
  • Tùy chọn vị trí bên trái hoặc bên phải, sửa cách lề, cách chân website.

Thay đổi kích thước cửa sổ chat

Hướng dẫn cài đặt:

  • Chọn Vị trí và Kích thước
  • Chọn px chiều rộng và chiều cao
note

Trên điện thoại sẽ cố định kích thước cửa sổ chat theo kích thước điện thoại, không thay đổi được vì màn hình điện thoại nhỏ và cần tối ưu trải nghiệm nhắn tin của người dùng.

Thay đổi hồ sơ người chat

Với cửa sổ chat Subiz trên website, bạn có thể lựa chọn hiển thị hồ sơ người chat theo doanh nghiệp hoặc cá nhân hoá theo từng nhân sự phụ trách trả lời khách hàng.

  • Mở trang Cài đặt Website
  • Tìm chức năng Chỉnh sửa cửa sổ chat
  • Nhấp chọn Hiển thị hồ sơ người chat theo Agent hoặc Doanh nghiệp

Hiển thị tên & ảnh nhân sự

Nếu cửa sổ chat đang hiển thị thông tin theo agent, bạn sẽ chỉnh sửa thông tin agent theo hướng dẫn sau:

  • Bấm biểu tượng bánh răng để tới trang cài đặt tìm chức năng Agent
  • Chọn Chỉnh sửa
  • Thay đổi họ tên và nhấp ảnh đại diện để tải lên ảnh mới
  • Bấm Lưu cài đặt là xong.

Hiển thị tên & ảnh logo doanh nghiệp

Với lựa chọn này, tất cả agent trả lời tin nhắn khách hàng sẽ chỉ hiển thị chung tên và logo của doanh nghiệp.

  • Mở trang cài đặt thông tin
  • Nhập các thông tin, thay đổi ảnh đại diện là logo doanh nghiệp.

Đổi tên tiêu đề cửa sổ chat

Hướng dẫn cách thay đổi tên và thông điệp trên cửa sổ chat:

  • Nhấp chọn Tiêu đề
  • Thay đổi nội dung tiêu đề và lời giới thiệu
  • Bấm Lưu thay đổi để hoàn tất.

Lựa chọn Hiển thị logo doanh nghiệp cho cửa sổ chat trên từng website.

Lựa chọn Hiển thị logo doanh nghiệp cho cửa sổ chat trên từng website.

Gắn nút Facebook và Zalo trên cửa sổ chat

Nếu muốn hướng khách hàng qua các kênh Fanpage hay Zalo, bạn hoàn toàn có thể gắn nút điều hướng về 2 kênh này tại danh sách hội thoại trên cửa sổ chat.

Cài đặt như sau:

  • Nhấp chọn Tiêu đề
  • Chọn Hiển thị logo doanh nghiệp
  • Thêm liên kết Facebook và Zalo
  • Bấm Lưu thay đổi

Thay đổi lời chào khách trên cửa sổ chat

  • Chọn Lời chào
  • Bật ON Lời chào và sửa nội dung
  • Cập nhật là xong.

Thiết kế cửa sổ chat riêng cho landing page

Không chỉ hỗ trợ hiển thị cửa sổ chat đẹp custom riêng cho mỗi website, Subiz còn hỗ trợ khách hàng tạo cửa sổ chat với từng link con trên trang web, ví dụ như:

  • Link danh mục sản phẩm
  • Link con từng dịch vụ
  • Landing page

Bạn có thể cài đặt nút CTA (kêu gọi khách hàng động) ở vị trí bất kỳ trên website và mở cửa sổ chat được thiết kế theo nội dung từng trang khi khách nhấp chuột vào.

Hướng dẫn cài đặt:
  • Tắt OFF nút chat Subiz tại trang Cài đặt cửa sổ chat (nếu cần)
  • Đặt mã API mở cửa sổ chat dưới đây vào code website, để ra lệnh mở cửa sổ chat khi khách click vào hình ảnh hoặc đường link trên website.
<script type="text/javascript">
window.subiz('expandWidget')
</script>

hoặc

<a href="#nogo" onclick="subiz('expandWidget')">Text của </a>

Sửa ngôn ngữ cửa sổ chat

Bạn muốn cửa sổ chat hiển thị tiếng Anh hoặc tiếng Việt hoặc bất cứ ngôn ngữ nào? Cài đặt dễ dàng với Subiz theo các bước sau:

  • Chọn Chỉnh sửa cửa sổ chat
  • Tại mục Cài đặt, tìm Đa ngôn ngữ và thêm ngôn ngữ hiển thị trên cửa sổ chat
  • Chuyển sang mục Thiết kế, chọn ngôn ngữ hiển thị trên cửa sổ chat và sửa các nội dung theo ngôn ngữ đó
  • Nhấn Cập nhật là xong.

Xem thêm hướng dẫn cài đặt nhiều ngôn ngữ trên cửa sổ chat

Thu thập thông tin khách

Yêu cầu điền form thông tin trước khi chat

Để phục vụ cho việc thu thập thông tin khách hàng, bạn cũng có thể tạo form yêu cầu điền các trường thông tin trước khi bắt đầu hội thoại qua Subiz.

Cài đặt rất đơn giản, theo các bước sau:

  • Mở Chỉnh sửa cửa sổ chat
  • Nhấp chọn Hỏi thông tin trước khi chat
  • Bật ON và chọn hỏi thông tin cần thiết của khách (Họ tên, email, số điện thoại…)
  • Cập nhật là xong.

Hỏi thông tin khách ngoài giờ làm việc

  • Mở Chỉnh sửa cửa sổ chat
  • Nhấp chọn Hỏi thông tin khi Offline
  • Subiz mặc định chọn hỏi Họ tên, Số điện thoại và Thông điệp khách muốn để lại
  • Nhấn +Hỏi thêm thông tin nếu muốn thêm các trường khác.
tip

Nếu muốn hỏi nhiều thông tin khác theo đặc thù riêng của Doanh nghiệp, bạn sẽ cần tạo trường thông tin mới tại trang Cài đặt Trường thông tin, rồi quay lại thêm hỏi thông tin vào bảng hỏi.