Đặt button Subiz mọi nơi trên website với API Js

Button Subiz là hình ảnh mặc định của Subiz, được hiển thị mặc định góc bên phải hoặc bên trái trên website sau khi tích hợp. Khách hàng click vào button sẽ mở ra cửa sổ Subiz chat.

Bạn hoàn toàn có thể sáng tạo hình ảnh button Subiz và linh hoạt đặt button này ở bất cứ vị trí nào trên website, với bất cứ hình dáng nào phù hợp với giao diện trang web.

Sáng tạo Button Subiz trên website

Bạn cần thực hiện hai bước sau:

Bước 1: Ẩn hình ảnh Button Subiz mặc định

Bạn sẽ sử dụng mã CSS trong app.subiz.com để ẩn hình ảnh Button mặc định: Đăng nhập App.subiz.com > Cài đặt > Tài khoản > Cửa sổ Subiz chat > Tùy chỉnh CSS.

Cửa sổ hội thoại có hai kiểu: Thu gọn và Mở rộng.

Cách xác định kiểu cửa sổ hội thoại Subiz trên website

Dưới đây là 2 mã CSS ẩn chat button Subiz tương ứng với từng kiểu cửa sổ Subiz chat. Bạn sao chép và đặt mã CSS này trong bảng Tùy chỉnh CSS rồi Lưu thay đổi.

Kiểu: Thu gọn

Kiểu: Mở rộng

.widget-button {display:none;} .widget_mini .widget_body {bottom:0;}

.widget-button {display:none;}

Lưu ý: Mã CSS sử dụng để ẩn riêng chat button trên phiên bản điện thoại: .widget_mobile .button-chat { display: none; }

Dán mã CSS ẩn button Subiz

Khi cài đặt ẩn button Subiz, khách hàng sẽ không nhìn thấy hình ảnh button và cửa sổ Subiz chat.

Sử dụng API Js trong code website sẽ giúp bạn gắn link cửa sổ chat Subiz vào hình ảnh hoặc đoạn text bất kỳ trên website và tự động mở cửa sổ chat.

  • API Js phổ thông đặt vào vùng chứa trong code website , vùng sẽ gắn link cửa sổ Subiz chat.

<script type="text/javascript">window.subiz('expandWidget') </script>
  • API Js gắn link cửa sổ Subiz chat vào hình ảnh.

<a href="#nogo" onclick="subiz('expandWidget')"><img src="đường dẫn ảnh của bạn"></a>
  • API Js gắn link cửa sổ Subiz chat vào đoạn text.

<a href="#nogo" onclick="subiz('expandWidget')">đoạn text của bạn</a>

Lưu ý: Bạn cần đặt API Js này vào trong trang code website. Nếu bạn không hiểu rõ code, bạn có thể gửi hướng dẫn này cho người thiết kế website để họ cài đặt nhanh chóng nhất.

Xem thêm API Javascript của Subiz Widget

Bạn gặp khó khăn khi cài đặt, vui lòng gửi yêu cầu hỗ trợ tới Support@Subiz.com!