Hiện nay khách truy cập để mua hàng, tìm hiểu thông tin về sản phẩm/doanh nghiệp của bạn chủ yếu qua điện thoại.
Và cách để tăng tỷ lệ chuyển đổi, trải nghiệm khách hàng đó là các nút "call action" như nút gọi, nút chat tư vấn, nút gửi sms hay mua ngay và mình xin chia sẽ code thêm nút "call action" dành cho blogspot đa năng, dễ cài đặt và mới nhất hiện nay
Ảnh demo:
Ưu điểm:
- Khách hàng có thể liên lạc qua messenger, zalo, sms, call, email và chat trực tuyến
- Giao diện đơn giản nhưng rất hiện đại
- Tích hợp trên pc và cả mobile
- Cài đặt & chỉnh sửa thông tin liên hệ cực kỳ đơn giản
Hướng dẫn cài đặt:
Chèn phía trên thẻ </body>
<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.giaodienblog.com/p/contact.html',
messages: 'Liên hệ'
},
email: {
visible: 'true',
id: 'example@gmail.com',
messages: 'Gửi email'
},
call: {
visible: 'true',
id: '0868450305',
messages: 'Gọi điện'
},
sms: {
visible: 'true',
id: '0868450305',
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: '0868450305',
messages: 'Chat Zalo'
},
facebook: {
visible: 'true',
id: 'mkhoi2001',
messages: 'Chat Facebook'
}
}
}
//]]></script>
<link href='https://cdn.jsdelivr.net/gh/minhkhoi2001/code/contact/contact-buttons-widget.min.css' rel='stylesheet'/>
<script async='async' defer='defer' src='https://cdn.jsdelivr.net/gh/minhkhoi2001/code/contact/contact-buttons-html.min.js'/>
Lưu ý: