Thêm nút Call cho website
Rất đơn giản, bạn chỉ cần copy dòng code bên dưới và chèn ngay sau thẻ <body> của website:
<style>#callnowbutton {display:none;} @media screen and (max-width:650px){#callnowbutton {display:block; height:80px; position:fixed; width:100%; left:0; bottom:-20px; border-top:2px solid rgba(51,187,51,1); background:url(http://icons.iconarchive.com/icons/graphicloads/100-flat/256/phone-icon.png) center 10px no-repeat #009900; text-decoration:none; box-shadow:0 0 5px #888; -webkit-box-shadow:0 0 5px #888; -moz-box-shadow:0 0 5px #888; z-index:9999;}}</style><a href="tel:09XXXXXX" onclick="_gaq.push(['_trackEvent', 'Contact', 'Call Now Button', 'Phone']);" id="callnowbutton"> </a>
- Trong đó bạn chỉ cần sửa số điện thoại 09XXXXX thành số điện thoại của mình là được. Nguyên tắc hoạt động cũng khá dễ hiểu, nếu chiều ngang của trình duyệt lớn hơn 650px (ở đoạn code max-width:650px) thì nút Call sẽ ẩn đi, vì nó sẽ coi như là đang xem trên desktop. Còn nếu chiều ngang của trình duyệt nhỏ hơn 650px, website sẽ xem như bạn đang duyệt web bằng điện thoại và cho nút Call cho website sẽ hiện ra.
- Những người tìm kiếm trên các thiết bị di động thường có nhu cầu cao hơn những người tìm kiếm trên desktop (laptop), dẫn đến tỉ lệ chuyển đổi thành khách hàng cũng cao hơn. Do đó, với nút Call to rõ và tiện lợi, bạn sẽ dễ dàng khuyến khích khách hàng Call-to-action để thực hiện giao dịch.
0 nhận xét | Viết lời bình