Tạo web bán hàng với nút call cho website khi xem trên thiết bị di động

Ngày nay, việc bán hàng online trên mobile đã không còn quá xa lạ, tuy nhiên làm thế nào để website với giao diện mobile có thể thân thiện với người dùng nhằm tăng sự tương tác chuyển đổi tỉ lệ mua hàng? Nếu bạn muốn khách hàng truy cập vào website của bạn, và gọi điện đến số điện thoại được viết trên website, thì bạn cần phải quan tâm: họ thực hiện cuộc gọi đó như thế nào? Nếu họ sử dụng desktop (Laptop) thì khá đơn giản, họ sẽ cầm chiếc điện thoại lên, đọc và bấm số để gọi. Tuy nhiên với Smartphone thì khác, khách hàng thường phải tắt màn hình duyệt web để chuyển sang màn hình bấm số để thực hiện cuộc gọi . Việc này buộc họ phải làm nhiều thao tác và ghi nhớ (hoặc viết ra đâu đấy) số cần gọi.

Vậy để việc bán hàng online trên mobile hiệu quả hơn chỉ cần tạo một nút gọi rõ to trên giao diện website mobile.

Bạn có mong muốn giao diện mobile website của mình có nút call như hình bên dưới?

them-nut-call-vao-website-giao-dien-mobile

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://callnowbutton.com/phone/callbutton01.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:09461XXXXX” onclick=”_gaq.push([‘_trackEvent’, ‘Contact’, ‘Call Now Button’, ‘Phone’]);”  id=”callnowbutton”>&nbsp;</a>

Trong đó bạn chỉ cần sửa số điện thoại 09461XXXXX 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.

Thêm 1 thông tin thế này, theo khảo sát thì 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.

Nguyễn Tấn Tài

Nguyễn Tấn Tài Founder/ CEO Giaotrinhhay.com - Giáo Trình Hay Chia Sẻ: Tài liệu SEO website, DIGITAL MARKETING, Ebook CNTT, Mẹo vặt, Phần mềm, Thủ thuật PC và kho tài liệu học tập hữu ích miễn phí.

Bài viết liên quan

Zalo ứng dụng mạng xã hội phổ biến Việt Nam

Mẹo, Thủ Thuật Cho Zalo – Ứng Dụng Mạng Xã Hội Phổ Biến Việt Nam [...]

Sửa lỗi Kích hoạt chứng thư số Không thành công

Sửa lỗi Kích hoạt chứng thư số Không thành công Trường hợp 1: Do có [...]

hướng dẫn sửa lỗi lưu cache chữ ký số cũ lỗi

Lỗi lưu cache chữ ký số lỗi là thế nào? Trong một số trường hợp [...]

DNS servers in Google, VNPT, FPT, Viettel Singapore

DNS là gì? các DNS tốt nhanh nhất: Google, VNPT, FPT, Viettel Singapore, Hướng dẫn [...]

Lỗi máy chiếu thường gặp và cách khắc phục

Dù bạn đang sử dụng loại máy chiếu nào đi chăng nữa. Dù là máy [...]

Hỏi đáp lỗi thường gặp ở máy chiếu

Nguyên nhân và cách sửa lỗi thường gặp ở máy chiếu     Sửa lỗi [...]