Tạo nút Zalo, nút gọi nổi cho website

Cách dùng công cụ tạo nút Zalo, nút gọi

Nhập thông tin liên hệ. Điền số điện thoại để tạo nút gọi (liên kết tel:), số Zalo hoặc link zalo.me để tạo nút Zalo, tên trang Facebook hoặc link m.me để tạo nút Messenger. Ô nào để trống sẽ không có nút đó.
Chọn giao diện. Đặt nút ở góc phải hoặc trái, chọn kích thước, khoảng cách tới mép màn hình và màu. Mặc định mỗi nút dùng màu quen thuộc: nút gọi màu đỏ, Zalo và Messenger màu xanh – khách nhận ra ngay. Nếu muốn đồng bộ với thương hiệu, chọn “Một màu tự chọn”.
Xem trước trên khung điện thoại bên cạnh. Mọi thay đổi hiện ngay lập tức.
Sao chép mã và dán ngay trước thẻ </body> của website. Đoạn mã chỉ gồm HTML và CSS, không có JavaScript, nên không xung đột với giao diện hay plugin đang dùng.

Không có dữ liệu nào được gửi lên máy chủ: toàn bộ việc tạo mã diễn ra trong trình duyệt của bạn. Bạn có thể tắt mạng sau khi tải trang và công cụ vẫn chạy.

Vì sao landing page nên có nút gọi, nút Zalo nổi?

Phần lớn khách xem landing page bằng điện thoại, và với nhiều ngành ở Việt Nam – spa, nha khoa, sửa chữa, bất động sản, đồ ăn – khách thích gọi hoặc nhắn Zalo hơn là điền form. Nút nổi luôn nằm trong tầm ngón tay cái dù khách đang đọc tới đâu, nên họ không phải cuộn ngược lên tìm số điện thoại. Hướng dẫn chi tiết về vị trí, số lượng nút và cách gắn vào từng nền tảng có trong bài Cách gắn nút Zalo, nút gọi điện vào website và landing page.

Một vài lưu ý để nút hiệu quả mà không gây phiền:

Tối đa 2–3 nút. Nhiều lựa chọn quá làm khách phân vân. Phần lớn trường hợp chỉ cần nút gọi và nút Zalo.
Không che nội dung quan trọng. Kiểm tra nút không đè lên nút “Đặt hàng”, giỏ hàng hay hộp chat sẵn có của website.
Kiểm tra trên điện thoại thật: bấm thử nút gọi và nút Zalo để chắc số đúng, tài khoản Zalo cho phép người lạ nhắn tin.
Đo lường. Nếu dùng Google Analytics hoặc Facebook Pixel, đặt sự kiện khi bấm liên kết tel: và zalo.me để biết kênh nào mang lại khách.

Nút liên hệ chỉ là bước cuối. Khách có bấm hay không còn phụ thuộc trang có nói rõ lợi ích và tạo đủ tin tưởng. Bài cách viết nội dung landing page bán hàng giúp bạn viết phần đó; nếu muốn thu thông tin khách qua form, xem cách tạo form đăng ký khách hàng.

Nút liên hệ trên landing page làm bằng Tự Thiết Kế Web

Nếu bạn tạo trang bằng Tự Thiết Kế Web, bạn gắn link gọi điện, Zalo hay Messenger vào bất kỳ nút nào ngay trong trình chỉnh sửa, có sẵn form liên hệ gửi về email, và trang Thống kê tự đếm lượt bấm gọi, Zalo, Messenger mà không cần cài thêm mã. (Hiện trình chỉnh sửa chưa có nút nổi ở góc màn hình như công cụ này.) Bạn có thể bắt đầu từ kho mẫu landing page theo ngành – ví dụ mẫu spa hay mẫu sửa chữa điện lạnh – hoặc dùng công cụ kiểm tra SEO landing page để rà lại trang hiện tại. Xem thêm các bài viết khác trên blog.

Câu hỏi thường gặp

Công cụ tạo nút Zalo này có miễn phí không? Có gửi số điện thoại của tôi đi đâu không?

Miễn phí và không cần đăng ký. Toàn bộ việc tạo mã chạy bằng JavaScript ngay trên trình duyệt của bạn; số điện thoại, đường dẫn Zalo hay Messenger không được gửi lên máy chủ của chúng tôi.

Dán đoạn mã vào đâu?

Dán ngay trước thẻ </body> của trang. Với WordPress, dùng plugin chèn mã vào footer (ví dụ WPCode) hoặc khối HTML tuỳ chỉnh; với Haravan, Sapo hay các trình tạo trang khác, dùng mục chèn mã HTML/Script ở chân trang. Đoạn mã chỉ gồm HTML và CSS, không có JavaScript.

Bấm nút Zalo trên máy tính thì sao?

Liên kết dạng https://zalo.me/số-điện-thoại mở ứng dụng Zalo trên điện thoại; trên máy tính sẽ mở trang Zalo Web hoặc Zalo PC nếu đã cài. Số điện thoại phải đã đăng ký Zalo, và người lạ chỉ nhắn được nếu cài đặt quyền riêng tư của tài khoản cho phép.

Nút có làm chậm website không?

Gần như không. Đoạn mã dưới 4 KB, biểu tượng vẽ bằng SVG, không tải thêm thư viện, phông chữ hay ảnh từ máy chủ khác.

Dòng “Tạo bằng Tự Thiết Kế Web” trong mã có bắt buộc không?

Không. Đó chỉ là một dòng chú thích HTML (khách xem trang không thấy). Bỏ chọn ô “Giữ dòng ghi chú” trước khi sao chép hoặc tự xoá dòng đó – nút vẫn hoạt động bình thường.

Nael · cập nhật 04/10/2026