Đối với các trang web bán hàng trên nền tảng blogger, việc tăng tương tác với khách hàng là một lợi thế cực lớn. Mà trong số đó, tiện ích nhỏ nhưng cực kỳ hữu ích là việc cài thêm nút liên hệ bán hàng với đầy đủ các tính năng liên lạc như: facebook chat, zalo chat, telegram, call viber, gửi sms, gửi email, gửi liên hệ, gửi email...
Việc cài đặt và tùy chỉnh khá đơn giản đối với các bạn không chuyên về code. Chỉ cần một thao tác là các bạn có thể thêm được nút liên hệ này vào trang web của các bạn
1.Xem phần demo
2.Cách cài nút liên hệ bán hàng vào trang web
Chép hết code bên dưới và đặt trước thẻ đóng </body><!-- nut lien he blogger -->
<script>//<![CDATA[
var _widget_settings = {
positions: 'bottom right',
support: {
staff: {
name: 'Uyên',
image: 'https://cdn.jsdelivr.net/gh/thietkeblogspot/images/staff.png',
messages: 'Không biết em có thể hỗ trợ gì cho anh/chị không ạ?'
}
},
buttons: {
contact: {
visible: 'true',
id: 'https://www.pkientruc.com/p/lien-he-hop-tac-quang-cao-trao-oi-lien.html',
messages: 'Liên hệ'
},
email: {
visible: 'true',
id: 'thigansam@gmail.com',
messages: 'Gửi email'
},
call: {
visible: 'true',
id: '0795542699',
messages: 'Gọi điện'
},
sms: {
visible: 'true',
id: '0795542699',
messages: 'Nhắn tin'
},
viber: {
visible: 'false',
id: 'vhost.vn',
messages: 'Chat Viber'
},
telegram: {
visible: 'false',
id: 'vHostbot',
messages: 'Chat Telegram'
},
zalo: {
visible: 'true',
id: '0795542699',
messages: 'Chat Zalo'
},
facebook: {
visible: 'true',
id: 'dgthanhluong',
messages: 'Chat Facebook'
}
}
}
//]]></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'></script><script src='https://cdn.jsdelivr.net/gh/thietkeblogspot/js/contact-buttons-widget.min.js'></script>
3.Các lưu ý
Nếu theme của các bạn đã có thư viện jquery.min.js thì có thể xóa dòng màu đỏ ở trên để tránh xung đột
4.Tùy chỉnh vị trí nút liên hệ
Với vị trí của nút liên hệ, các bạn có những tùy chọn cho vị trí hiển thị của button như sau:top left: vị trí trên cùng bên trái
top right: vị trí trên cùng bên phải
top middle: vị trí trên cùng ở giữa
bottom left: vị trí dưới cùng bên trái
bottom right: vị trí dưới cùng bên phải
bottom middle: vị trí dưới cùng ở giữa
Giá trị support các bạn thay cho phù hợp như ảnh bên dưới
name: họ tên,
image: link ảnh
messages: văn bản hiển thị
Giá trị buttons có tổng cộng 8 button liên hệ tương ứng với các giá trị
visible: true hiển thị & false không hiển thị
id: tùy theo mỗi loại button mà thay cho thích hợp
messages: Văn bản hiển thị khi hover vào button
![]() |
Nút liên hệ bán hàng cực chất cho blogger kiểu mới trên giao diện mobile |
3 Comments
👉 Mẹo chèn ảnh vào khung nhận xét với đoạn code đơn giản như sau: [img]Url-ảnh-cần-chèn[/img]
👉 Nếu có ý kiến thắc mắc hay cần chia sẽ để làm cho bài viết hoàn chỉnh hơn, các bạn đừng ngại để lại góp ý bên dưới nhé 💙🌟🤩👍