Thay đổi vị trí Khung chat ( tùy chỉnh )

Cập nhật: 30/07/2019

Thời gian qua, vChat nhận được nhiều ý kiến phản hồi từ phía khách hàng về việc làm sao để thay đổi vị trí ô chat trên Website. Mang tâm niệm và mong muốn tạo điều kiện để khách hàng có những trải nghiệm tốt nhất trong quá trình dịch vụ. vChat xin hướng dẫn chi tiết cách để thay đổi vị trí hiển thị cửa sổ chat vChat, giúp khách hàng có thể tùy chỉnh vị trí cửa sổ chat phù hợp hơn với giao diện Website hay nhu cầu, mong muốn, thẩm mỹ của mình.

 

Việc thay đổi vị trí của ô chat vChat trên chân Website tương đối đơn giản, bạn chỉ cần sử dụng các đoạn CSS. Bạn copy các code CSS sau và chèn vào trang CSS chung của Website:

 

1. Thay đổi vị trí ô chat đối với phiên bản 2.0

 

- Phiên bản trên trình duyệt Web PC: vChat khuyến cáo không chỉnh sửa do giao diện đang gắn với phần cuối cùng của header.
 
- Phiên bản trên mobile: 
#vgc_btn_chat_mobile{ bottom: 50px !important; }
Với ví dụ trên, khung chat vChat đang cao 50px so với chân trang của bạn
 

2. Thay đổi vị trí ô chat đối với phiên bản 4.0

 

- Dưới đây là đoạn code để bạn chỉnh sửa vị trí cho cả khung chat trên Website và Mobile:
 
<style>
#embed_fullchat{
   bottom: 110px !important;
}
#embed_vchat{
   bottom: 45px !important;
}
#embed_fill{
   bottom: 35px !important;
}
#embed_circle{
   bottom: 30px !important;
}
#embed_greeting{
   bottom: 115px !important;
}
</style>

 

Lưu ý: Với bản 4.0 khi chỉnh sửa các thông số ở code, bạn cần sửa đồng thời các số trên ( VD sửa tăng ô chat cao thêm 10 px, các chỉ số lần lượt là: 120px; 55px ; 45px; 40px; 125px )  để đảm bảo các phần của ô chat không bị lệch nhau.

 

Trên đây là hướng dẫn để bạn thay đổi vị trí cửa sổ chat vChat theo chiều tịnh tiến lên trên hoặc xuống dưới. Nếu bạn muốn cài đặt vị trí hiển thị của ô chat về phía bên trái hoặc bên phải thì bạn chỉ cần đăng nhập tài khoản quản trị trên trang vchat.vn >> Cài đặt >> Khung chat >> Giao diện. Tại đây, bạn tích chọn trái màn hình/ phải màn hình theo mong muốn và nhấn Lưu cài đặt để hoàn tất

 

 

Nếu bạn vẫn khó khăn trong việc chỉnh sửa chiều cao ô vchat vChat, vui lòng liên hệ với chúng tôi qua Hotline 02473 050 105 hoặc chat qua khung chat trên Website vchat.vn để được hỗ trợ tốt nhất.

 

vChat xin trân trọng cảm ơn!

 

Xem thêm Tùy chỉnh kích thước ô chat để tùy chỉnh kích thước chiều rộng và chiều cao của khung chat theo những con số cụ thể.

Liên hệ với chúng tôi:

Trụ sở chính: Số 102, phố Thái Thịnh, phường Trung Liệt, quận Đống Đa, Hà Nội

Chi nhánh Hồ Chí Minh: Đường Lữ Gia, Phường 15, Quận 11, Hồ Chí Minh

Hotline: (024)73 050 105 - 039 2250 821

Email: [email protected]

Group Facebook hỗ trợ khách hàng