Nút Zalo và gọi điện nên đặt ở đâu trên web

Một tiệm nội thất ở Bình Thạnh có form liên hệ 6 ô: họ tên, số điện thoại, email, địa chỉ, nhu cầu, ngân sách. Ba tháng nhận được 4 lượt điền. Mình bỏ form xuống cuối trang, gắn thanh nút dính đáy màn hình gồm Gọi | Zalo | Chỉ đường. Tháng sau chủ tiệm nhắn: “Zalo nổ suốt, mà toàn khách hỏi thật”.

Đây không phải phép màu. Khách Việt vốn nhắn Zalo, không điền form. Việc của web là đặt nút Zalo đúng chỗ ngón tay cái đang ở.

Ba vị trí nên đặt, theo thứ tự ưu tiên

1. Nút gọi ngay trong màn hình đầu

Ngay dưới câu định vị, cạnh nút chính. Khách gấp — xe hỏng, đau răng, muốn đặt bàn cho tối nay — không cuộn tìm. Ghi rõ số điện thoại trên nút chứ đừng chỉ ghi chữ “Gọi”, vì nhiều người thích nhìn thấy số trước khi bấm. Chi tiết những gì còn lại phải nằm trong khung đó, mình liệt kê ở bài màn hình đầu tiên web tiệm.

2. Thanh hành động dính đáy màn hình (quan trọng nhất)

Trên điện thoại, một thanh ngang luôn dính ở đáy màn hình, không biến mất khi cuộn. Chia 2 hoặc 3 ô:

[  📞 Gọi  |  💬 Zalo  |  📍 Chỉ đường  ]

Thông số nên dùng:

• Chiều cao khoảng 56px. Thấp hơn thì khó bấm, cao hơn thì ăn mất nội dung.
• Nền đục hoàn toàn, không trong suốt — chữ chồng lên nội dung phía dưới sẽ khó đọc.
• Chỉ hiện trên điện thoại (dưới 768px chiều rộng), ẩn trên máy tính.
• Chừa khoảng đệm dưới đáy cho tai thỏ / thanh vuốt của iPhone, nếu không nút bị nuốt mất một nửa.

Thanh này ăn đứt mọi vị trí khác vì nó nằm đúng nơi ngón cái đang đặt, và không cần khách nhớ cuộn lên đầu trang.

3. Nút nổi góc phải dưới — nếu dùng thì phải nhỏ

Nút tròn Zalo nổi ở góc phải dưới rất phổ biến, nhưng dễ hỏng việc:

• Đường kính giữ khoảng 48–56px, đừng để 80px như nhiều bộ cài sẵn.
• Không chồng lên nút “Thêm vào giỏ” hoặc nút mua hàng của trang sản phẩm. Đây là lỗi mình gặp nhiều nhất ở web bán hàng: khách bấm mua thì trúng ngay nút Zalo, bực rồi thoát. Kiểm bằng cách mở đúng một trang sản phẩm trên điện thoại, cuộn xuống chỗ nút mua và nhìn.
• Đừng chồng 3 nút nổi (Zalo + Messenger + gọi) thành cái cột dựng đứng che nửa màn hình.

Nếu đã có thanh dính đáy thì bỏ hẳn nút nổi. Hai thứ cùng lúc là thừa và rối.

Vùng bấm tối thiểu 44px

Mọi nút liên hệ phải có vùng bấm ít nhất 44×44px. Đây là cỡ đầu ngón tay người lớn. Chữ có thể nhỏ hơn, nhưng vùng bấm quanh chữ phải đủ rộng — thêm khoảng đệm (padding) chứ đừng phóng to chữ.

Số điện thoại viết trong đoạn văn bằng cỡ chữ thường mà đặt link tel: là bấm rất trượt. Muốn số trong văn bản bấm được thì cho nó thành nút riêng một dòng.

Viết link cho đúng

Đây là chỗ hay sai nhất. Chép nguyên mẫu dưới đây rồi thay số:

<!-- Gọi điện: dùng số dạng +84, bỏ số 0 đầu -->
<a href="tel:+84901234567">Gọi 0901 234 567</a>

<!-- Zalo: cũng dùng 84, bỏ số 0 đầu -->
<a href="https://zalo.me/84901234567">Nhắn Zalo</a>

<!-- Chỉ đường Google Maps -->
<a href="https://www.google.com/maps/dir/?api=1&destination=Bun+Bo+O+Hanh+Nguyen+Trai+Quan+5">Chỉ đường</a>

<!-- Messenger, nếu tiệm dùng Facebook nhiều hơn -->
<a href="https://m.me/tenfanpage">Nhắn Messenger</a>

Vài điểm dễ sai:

• tel:0901234567 vẫn chạy trong nước, nhưng viết +84901234567 thì khách đang dùng SIM nước ngoài hoặc Việt kiều gọi về cũng bấm được. Không mất gì mà an toàn hơn.
• Link Zalo là zalo.me/84..., không phải zalo.me/0901234567. Viết số 0 ở đầu thì mở ra trang lỗi.
• Chỉ đường thì tốt nhất là chép link từ chính hồ sơ Google Business Profile của tiệm, để mở ra đúng ghim của bạn chứ không phải một địa chỉ Google đoán. Cách nối hồ sơ với web mình viết ở bài nối GBP với website.
• Thử từng link bằng điện thoại thật, không thử bằng máy tính.

Bao nhiêu nút là vừa

Một nút chính, tối đa hai nút phụ. Quá ba lựa chọn thì khách phân vân rồi không bấm cái nào.

Ngành	Nút chính	Nút phụ
Quán ăn, cà phê	Xem menu	Gọi đặt bàn, Chỉ đường
Spa, làm đẹp	Zalo đặt lịch	Gọi, Bảng giá
Nha khoa	Gọi đặt hẹn	Zalo, Chỉ đường
Gara ô tô	Gọi cứu hộ	Zalo, Chỉ đường
Bán hàng online	Thêm vào giỏ	Zalo hỏi hàng

Nút chính tô đặc màu nhấn, nút phụ để viền mỏng. Khác nhau về màu và độ đậm, không chỉ khác chữ. Nhớ kiểm độ tương phản giữa chữ và nền nút — chữ trắng trên nút vàng là không đọc được, mình có bảng đối chiếu trong bài màu sắc và font cho web tiếng Việt.

Ngoài giờ làm việc thì nút đổi thành gì

Nút “Gọi ngay” lúc 11 giờ đêm là lời mời đổ chuông vào máy bạn lúc bạn đang ngủ, hoặc tệ hơn, khách gọi không ai bắt rồi bỏ đi.

Cách xử lý gọn: ngoài giờ, đổi nhãn nút gọi thành “Ngoài giờ — nhắn Zalo, sáng mai 8h trả lời”, và cho nút Zalo lên làm nút chính. Khách vẫn để lại tin nhắn, sáng mai bạn có sẵn danh sách để gọi lại. Nếu không muốn đụng tới mã, tối thiểu hãy ghi giờ nhận cuộc gọi ngay dưới nút: “Nghe máy 8h–20h”.

Ngành gấp như gara cứu hộ hay nha khoa cấp cứu thì giữ nút gọi 24/7, nhưng phải thật sự có người bắt máy.

Đo xem nút nào ra đơn

Đặt nút xong mà không đo thì bạn chỉ đang đoán. Hai cách, làm được trong một buổi tối:

1. Gắn UTM cho link chỉ đường và link Zalo đặt trên hồ sơ Google, để biết đơn tới từ hồ sơ hay từ web. Cách đặt tham số mình hướng dẫn từng bước trong bài nối GBP với website.
2. Gắn sự kiện cho nút trong công cụ phân tích (Google Analytics hoặc Cloudflare Web Analytics): mỗi lần bấm tel: là một sự kiện click_goi, mỗi lần bấm Zalo là click_zalo. Sau hai tuần bạn sẽ thấy rõ khách chọn kênh nào.

Kết quả thường gây bất ngờ: nhiều tiệm dịch vụ thấy Zalo gấp vài lần gọi, còn quán ăn thì nút Chỉ đường được bấm nhiều nhất. Biết được thì bạn đổi nút chính cho đúng — và nhân tiện lấy luôn nội dung đó làm chủ đề cho bài đăng GBP hàng tuần.

Trên máy tính thì làm khác

tel: trên máy tính bàn phần lớn vô dụng — bấm vào hiện hộp thoại hỏi mở ứng dụng nào, khách bối rối. Trên desktop:

• Hiện số điện thoại thành chữ to, chọn bôi đen chép được, đặt ở góc phải trên cùng của thanh điều hướng.
• Nút Zalo trên desktop mở zalo.me thành tab mới, cái này vẫn chạy tốt vì có Zalo web.
• Đừng dựng thanh dính đáy trên desktop, nó chỉ chiếm chỗ.

Cảnh báo: nếu web có thanh dính đáy, nhớ chừa khoảng trống tương ứng ở cuối trang. Không thì thanh sẽ che mất dòng cuối của chân trang — thường là chính cái địa chỉ khách đang tìm.

Việc làm tối nay

• Mở web tiệm bằng điện thoại, bấm thử từng nút liên hệ. Nút nào không chạy hoặc mở sai chỗ thì ghi lại.
• Kiểm nút nổi có che nút mua hàng không, ở đúng trang sản phẩm.
• Sửa link Zalo về dạng zalo.me/84....
• Đếm số nút liên hệ trên màn hình đầu. Quá ba thì bỏ bớt.
• Ghi giờ nghe máy ngay dưới nút gọi.

Chốt lại

Khách không “tìm cách liên hệ” — họ bấm cái đang nhìn thấy. Việc của bạn là để đúng một nút đúng chỗ ngón cái, viết đúng link, và ghi rõ khi nào có người trả lời.

Mấy thứ này đã dựng sẵn trong mọi mẫu ở kệ mẫu web: thanh gọi–Zalo–chỉ đường dính đáy, vùng bấm đủ 44px, link đúng chuẩn; bạn chỉ điền số của tiệm trong trang quản trị.