Thêm Nút Call Cho Website Khi Xem Trên Thiết Bị Di Động

Thêm Nút Call Cho Website Khi Xem Trên Thiết Bị Di Động

Hiện nay, có 2 loại màn hình phổ biến dùng để lướt web: desktop (laptop) và di độ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ọ sẽ thực hiện cuộc gọi đó như thế nào? Nếu họ sử dụng desktop (laptop) thì mọi chuyện 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à phải ghi nhớ (hoặc viết ra đâu đấy) số cần gọi.

Thêm Nút Call Cho Website Khi Xem Trên Thiết Bị Di Động

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ẻ 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(https://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:01688xxxxxx" 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 01688xxxxxx 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.

Nếu bạn không giỏi về kỹ thuật lập trình website, hãy tìm người giúp đỡ, hoặc liên hệ với Thủ Thuật Website qua email [email protected] với chi phí chỉ 100k/lần cài đặt.

Click to rate this post!
[Total: 13 Average: 2.8]

Hoàng An

Tôi không phải là 1 chuyên gia lập trình, cũng không phải là 1 chuyên gia SEO. Với niềm đam mê với CNTT, tôi có thể biến ý tưởng thành sản phẩm và thích chia sẻ kiến thức cho người khác. Nếu có duyên, mời bạn đến với khoá học của tôi
0 0 đánh giá
Article Rating
Theo dõi
Thông báo của
guest

24 Comments
Cũ nhất
Mới nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận
Nphuanh
7 năm trước

cho mình hỏi là chèn sau thẻ nào của website ạ! xin cảm ơn

Hieu
Hieu
7 năm trước

Bạn có thể cài nút gọi cuối web giúp mình đc k?

Quyền
7 năm trước
Trả lời  Hoàng An

Mình dùng words php có chèn đc ko bạn

hoàng tê tê
hoàng tê tê
7 năm trước

mầy tải plugin về , add vào k phải tốn 100k

Kiên nguyễn
Kiên nguyễn
7 năm trước

chào bạn!
Bạn có thể cho mình đoạn code để nút call hiển thị hình tròn và nhấp nháy như web của bạn đc ko?code ở trên nút call là hình chữ nhật nhìn hơi xấu.Cảm ơn bạn rất nhiều

Vin
Vin
4 năm trước

Bán bds có nên làm wordpress không bạn ơi.

PV
PV
3 năm trước

Cho xin thêm đoạn chnè zalo ngay kế bên nút này nữa thì quá tuyệt với luôn, cảm ơn nhiều.

Wings
3 năm trước

cám ơn bạn. cài nút call vào cho khách hàng dễ liên lạc

Tuấn Ca
3 năm trước

Nhưng điều nay sẽ khiến site load chậm hơn

Nc Lighting
3 năm trước

Một số lĩnh vực cũng không cần thiết lắm, thêm vào cũng ảnh hưởng tới tốc độ tải trang

Lighting
Lighting
3 năm trước

Code trên có điểu chỉnh được vị trí mình muốn gắn không anh Hoàng An

Kiên
Kiên
3 năm trước

Chưa dám động vào code :v

Điện Máy Khôi Minh
Điện Máy Khôi Minh
2 năm trước

Hay quá cảm ơn admin rất nhiều

Quang Vacuum
2 năm trước

Em tạo mãi không được lỗi cả web, gặp cái hướng dẫn này làm được luôn.

Vina Lighting
2 năm trước

Code trên có cách nào trên giao diện Di động để nó nằm ngang ở cuối được không bạn

phanvan
phanvan
4 tháng trước

bài viết hữu ích.ai biết chút về code thì cài nút gọi này theo hướng dẫn.

24
0
Rất thích suy nghĩ của bạn, hãy bình luận.x