Tài liệu Subiz
Trang chủTính năngBảng giáĐăng nhập
Search…
Xin chào, làm thế nào để chúng tôi hỗ trợ bạn?
Giới thiệu về Subiz
Bắt đầu với Subiz
Sử dụng Subiz nâng cao
Tương tác tự động
Quản lý dữ liệu Khách hàng
API Javascript của Subiz Widget
Pop-up chuyển đổi khách hàng
Sản phẩm
Tùy chỉnh cửa sổ chat riêng biệt trên từng website
Tích hợp với bên thứ 3
Thanh toán
Báo cáo & Thống kê
Powered By GitBook
Tùy chỉnh cửa sổ chat riêng biệt trên từng website
Bài viết hướng dẫn bạn sửa cửa sổ chat hiện thị khác nhau trên nhiều website.
Thay vì sử dụng nhiều tài khoản Subiz để chăm sóc khách hàng trên nhiều website, bạn hoàn toàn có thể chỉ sử dụng một tài khoản Subiz duy nhất để quản lý tất cả tương tác của khách hàng và tập trung lưu trữ dữ liệu khách hàng.
Cửa sổ chat Subiz sẽ được tùy chỉnh riêng cho phù hợp với giao diện từng website, theo từng lĩnh vực và giúp bạn có thể quản trị riêng biệt từng website hiệu quả.

Tùy chỉnh cửa sổ chat riêng biệt trên từng website

Cùng với sự kết hợp với mã API Javascript, bạn có thể tùy chỉnh nút chat button Subiz và giao diện cửa sổ chat phù hợp với từng website của bạn.
    Tùy chỉnh nút chat button Subiz riêng biệt
Bước 1: Sao chép và dán mã sau dưới mã nhúng Subiz và trước thẻ </body> trong code web của bạn.
1
<script type="text/javascript">window.subiz(‘changeCss’, ‘[css_custom]’)</script>
Copied!
Bước 2: Thay đoạn CSS sau vào phần “[css_custom]”
Button trên máy tính
Button trên điện thoại
.widget_desktop .button-chat {border-radius: 0; -webkit-mask-image: none; background-image: url(image-link); background-repeat: no-repeat;} .widget_desktop .button-chat-icon { display: none;} @supports (-ms-ime-align:auto) { .widget_desktop .button-chat{border-radius:50%;} .widget_desktop .button-chat-icon {display: inline-block;} } .widget_desktop .widget-button {width: 90px; height: 90px;} .widget_desktop .widget-button:after {display:none;} .widget_desktop .widget_mini .close-widget-icon {display: none;} .widget_desktop .button-chat .avatar-preview img {display: none;} .widget_desktop .button-chat {border-radius: 0; box-shadow: none; background-color: transparent; position: inherit;}
widget_mobile .button-chat {border-radius: 0; -webkit-mask-image: none; background-image: url(image-link; background-repeat: no-repeat;} widget_mobile .button-chat-icon { display: none;} @supports (-ms-ime-align:auto) { .widget_mobile .button-chat{border-radius:50%;} .widget_mobile .button-chat-icon {display: inline-block;} } .widget_mobile .widget-button {width: 90px; height: 90px;} .widget_mobile .widget-button:after {display:none;} .widget_mobile .widget_mini .close-widget-icon {display: none;} .widget_mobile .button-chat .avatar-preview img {display: none;} .widget_mobile .button-chat {border-radius: 0; box-shadow: none; background-color: transparent; position: inherit;}
Lưu ý:
    Thay đường link ảnh button của bạn vào image-link
    Thay đổi kích thước button tại mục width: 90px; height: 90px
    Tùy chỉnh vị trí cửa sổ chat
Chọn cài đặt cửa sổ chat ở bên phải hoặc bên trái website
1
subiz('setPosition', 'left') .
2
//Thay giá trị left hoặc right
Copied!
    Tùy chỉnh kiểu cửa sổ chat
Chọn cửa sổ chat kiểu Thu gọn hoặc Mở rộng
1
subiz('setWindowMode', 'full') .
2
//Thay giá trị full hoặc mini
Copied!
    Tùy chỉnh nội dung giới thiệu trên cửa sổ chat
1
subiz('setLanguageData', {})
2
VD subiz('setLanguageData', {team_intro: "Chúng tôi sẵn sàng trợ giúp. Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi của bạn"})
Copied!
Tham khảo chi tiết Hướng dẫn​
    Một số tùy chỉnh cửa sổ chat khác
Ngoài ra bạn có thể sử dụng API tùy chỉnh CSS để thay đổi các yếu tố khác của cửa sổ chat. Bạn tham khảo thêm Bảng CSS tùy chỉnh cửa sổ Subiz chat! Ví dụ: Tùy chỉnh kích thước cửa sổ chat
1
<script type="text/javascript">
2
window.subiz('changeCss', '.widget_mini .widget_body {height: 750px !important; max-height: 800px !important;}')
3
</script>
Copied!

Tạo lời chào riêng biệt trên từng web

Cùng với chức năng Automation gửi tin nhắn tự động, bạn có thể tạo những lời chào thu hút ấn tượng trên từng website.
Tham khảo : Hướng dẫn tạo lời chào tự động trên website ​
Chào tự động riêng cho từng website
Bạn cần thiết lập điều kiện theo URL trang để tạo các Automation này:
Tạo điều kiện theo URL
Tạo điều kiện theo URL

Phân phối cuộc chat trên từng web cho tư vấn viên

Với việc tích hợp Subiz trên nhiều website, bạn có thể mời thêm các Agent tham gia vào tài khoản và phân phối cuộc hội thoại từ từng web cho họ nhờ chức năng Rule phân phối . Với vai trò là người quản lý, bạn vẫn có thể theo dõi và quản lý hoạt động chung trên các web.
Tạo rule phân phối theo từng web
Tạo rule phân phối theo từng web
Ngoài ra, việc chủ động quan sát lịch sử hoạt động của khách trên website ví dụ như họ đang xem trang hay sản phẩm nào cũng giúp bạn có thể biết được khách đến từ website nào và chủ động cung cấp thông tin phù hơp:
Lịch sử hoạt động của khách hàng
​
Previous
Sản phẩm
Next
Tích hợp với bên thứ 3
Last modified 1yr ago
Copy link
Contents
Tùy chỉnh cửa sổ chat riêng biệt trên từng website
Tạo lời chào riêng biệt trên từng web
Phân phối cuộc chat trên từng web cho tư vấn viên