Cùng Subiz vui Tết Độc Lập

Chúng ta đang sống lại trong những ngày mùa thu tháng 9 lịch sử. Trên khắp các ngả đường rợp bóng cờ hoa chào mừng ngày Quốc khánh 2/9, trên các trang mạng xã hội không khó để bắt gặp những hình đại diện mang màu sắc Việt thể hiện lòng yêu nước và niềm tự hào dân tộc.

Cùng hòa mình vào dòng chảy 74 năm lịch sử, cửa sổ chat Subiz cũng khoác lên sắc đỏ rực rỡ niềm tin. Chúng tôi đã thay đổi giao diện widget và button trên website với mong muốn lan tỏa niềm tự hào dân tộc đến tất cả mọi người.

Cùng Subiz “ nhuộm đỏ ’’ website của bạn

Nếu bạn cảm thấy hào hứng với ý tưởng của Subiz, hãy cùng chúng tôi nhuộm đỏ website bằng những giao diện cửa sổ chat được thiết kế riêng mang đậm dấu ấn Việt.Thay đổi widget cùng button không chỉ thu hút sự chú ý của khách hàng mà trên hết đó là niềm tự hào dân tộc giúp cho mọi người nhớ đến ký ức một thời hoa lửa của đất nước.

4439bd589d437a1d2352

Tết Độc Lập đang đến gần, nếu bạn muốn có một tuần lễ trần ngập sắc đỏ trên cửa sổ chat, hãy cùng Subiz thực hiện ngay bây giờ nhé !

Tùy chỉnh cửa sổ chat Subiz V4.0

Bước 1: Đăng nhập tài khoản Subiz > Cài đặt  > Cửa sổ Subiz chat
Trong lần này, Subiz lựa chọn màu đỏ mã #C50921 phù hợp với không khí vui tươi ngày Quốc Khánh.

1

Bước 2: Tùy chỉnh chat button

Chat button là hình ảnh kêu gọi và thu hút sự chú ý của khách hàng. Với mục đích lan tỏa niềm tự hào dân tộc trong ngày 2/9, Subiz đã thiết kế nên những mẫu button độc đáo mang đầy ý nghĩa nhằm truyền tải thông điệp và mang đến cho khách hàng những trải nghiệm thú vị khi truy cập website.

Nhấn Tùy chọn chat button > Button sự kiện > Lựa chọn những mẫu button được thiết kế sẵn phù hợp với website của bạn > Lưu thay đổi.

thư viện button (2)

Bước 3: Tùy chỉnh CSS

Bạn cần sao chép đúng mã CSS bên dưới và dán vào mục Tùy chỉnh CSS > Lưu thay đổi tại bảng tùy chỉnh CSS > Lưu thay đổi ở mục cửa sổ Subiz chat.

.list-agents { float:left; width:45%; } 
.avatar-team {position:absolute; 
background: url(
https://subiz.com.vn/blog/wp-content/uploads/2018/08/Button-chat-2.png
); 
height: 100px; background-size: 150px; 
background-repeat: no-repeat; background-position: center; } 
.full { width:160px !important; } 
.avatar-team .avatar-agent{ display:none; } 
.team-intro { width:55%; } 
.team-intro p{ padding: 14px 14px 0 0; font-size:13px;}

Nếu muốn lựa chọn một hình khác trên cửa sổ chat Subiz, bạn có thể tải những hình ảnh dưới đây và thay thế địa chỉ hình ảnh tại mã CSS mà Subiz cung cấp sẵn.

 Widget 3 copy  Widget 2 copy  Widget 1 copy
 MẪU 1  MẪU 2  MẪU 3

Để xem chi tiết về các tùy chỉnh của cửa sổ chat bạn có thể tham khảo tại đây

Tùy chỉnh cửa sổ chat Subiz V3.0

Bước 1: Đăng nhập vào Dashboard
Bước 2: Vào phần Cài đặt > Cửa sổ chat > Giao diện
Bước 3: Lựa chọn màu sắc cho cửa sổ chat

3

Subiz vẫn chọn màu đỏ mã #C50921 cho cửa sổ chat Subiz V3.0

Bước 4: Thay đổi ảnh Logo > Lưu thay đổi

Bạn có thể lựa chọn các ảnh logo mà Subiz đã thiết kế sẵn dưới đây để thay đổi cho cửa sổ chat của mình.

 Widget 3  Widget 2 (2)  Widget 1 (6)
 MẪU 1  MẪU 2  MẪU 3

Bước 5: Tùy chỉnh Chat Bubble

Tạo nên một góc nhỏ rực rỡ cờ hoa bằng những chat bubble được thiết kế riêng chắc chắn sẽ rất thu hút khách hàng. Chỉ cần download mẫu mà bạn yêu thích và làm theo các bước dưới đây:

– Đăng nhập Dashboard > Cài đặt > Cửa sổ chat > Chat button > Chat Bubble

– Tick vào ô ” Tải lên hình ảnh ” để tải lên hình ảnh bạn yêu thích > Lưu thay đổi

Cùng tham khảo một số mẫu thiết kế mà Subiz muốn gợi ý cho bạn:

Chỉ bằng vài thao tác đơn giản, cửa sổ chat của bạn đã mang một diện mạo mới: ấn tượng, thu hút và vô cùng ý nghĩa. Subiz tin rằng, sự thay đổi lần này sẽ khiến cho khách hàng và nhân viên của bạn được trải nghiệm không khí tươi vui ngày Quốc Khánh ngay khi họ mua sắm và làm việc. Chúc bạn thành công !

Share this