Hướng dẫn chèn nút bấm gọi điện thoại, zalo, gửi tin nhắn FB, Telegram, Email vào Website

Thêm nút gọi điện thoại, Zalo vào Website
Thêm nút gọi điện thoại, Zalo vào Website

Đối với chủ Website hiện nay, để tạo thuận tiện cho khách hàng đặc biệt là với các website vừa và nhỏ, thì việc đa dạng các kênh hỗ trợ cho khách hàng là việc phải làm khi muốn tối ưu tỷ lệ chuyển đổi.

Các hình thức trao đổi phổ biến ở Việt Nam

  • Cuộc gọi
  • Gửi tin nhắn qua Facebook

Các hình thức mới hiện nay có thêm: Zalo, gửi Email, Telegram…

Trong bài viết này Tú sẽ hướng dẫn bạn tự chèn nút bấm gọi điện thoại, nút gửi tin nhắn qua Zalo, gửi tin nhắn qua Facebook…. bạn có thể tích hợp bất kỳ thứ gì bạn muốn, áp dụng với tât cả website (tự code, blogspot, wordpress…)

Vì sao bạn nên cài tiện ích cuộc gọi, zalo… cho Website

  1. Miễn phí bây giờ và mãi mãi.
  2. Giúp khách hàng chỉ cần bấm là có thể thực hiện cuộc gọi ngay trên điện thoại (không cần bấm số)
  3. Gửi tin nhắn qua Zalo vì tiện cho việc trao đổi như gửi ảnh.
  4. Tiện ích này cho phép bạn chèn nút gửi tin nhắn qua Facebook
  5. Có thể chèn thêm N nút, tích hợp bất cứ nút nào bạn muốn (Email, Telegram…)
  6. Có thể tùy biến màu sắc nút theo nhận dạng thương hiệu của bạn
  7. Không mã hóa, đảm bảo an toàn 100%.
  8. Không cần thêm thư viện, không phải tải file nên nhẹ (Không ảnh hưởng tới Google Pagespeed)
  9. Tương thích với tất cả Website, nền tảng.
  10. Không cần cài đặt, chỉ cần chèn code là hiển thị.

Trên mạng có nhiều tiện ích, cả trả phí lẫn thu phí. Nhưng mình thấy không đáp ứng được các yêu cầu khi Tú đưa ra, như trải nghiệm nó phải tốt.

Điểm Google Pagespeed trên Mobile sau khi gắn
Điểm Google Pagespeed trên Mobile sau khi gắn

Nó nhẹ để không ảnh hưởng tới tốc đó, do đó Tú quyết định tự làm và mình làm ra sản phẩm này. Và giống như tiện ích tích hợp nút Livechat Facebook.

Credit: Power by Topz

Mình cũng cố gắng làm nó đơn giản nhất có thể để ai cũng làm được.

Xem demo chèn nút gọi điện thoại, zalo lên website

Tại thời điểm này bạn có thể xem demo thêm ở trên 2 website mình mới cài:

Thêm nút gọi điện thoại, Zalo vào Website
Thêm nút gọi điện thoại, Zalo vào Website

Hướng dẫn chèn nút gọi điện, chat zalo vào Website.

Bước 1: Bạn chọn màu sắc và vị trí (không bắt buộc)

Màu sắc nên chọn theo nhận diện thương hiệu của bạn), vị trí thì phải hay trái tùy theo trên web có nút nào hay chưa. (Ví dụ: Tránh nút Back to top ở bên phải thì bạn đổi nút gọi này qua bên trái).

Bước 2: Chỉnh lại khoảng cách với lề dưới, thông thường mình sẽ để 0. (không bắt buộc)

Do nhiều web hay có nhiều nút nên mình mặc định là 50. Bạn cứ thử số nào cho web nó đẹp nhất nhé.

Bước 3: Dùng nút nào thì cần tích vào đó. VD: Tích vào nút Hiển thị nút gọi điện

  • Số điện thoại: Bạn phải nhập số viết liền, không có khoảng cách hay ký tự: VD: 0989022022
  • Tiêu đề hiển thị: Nhập bất kỳ thứ gì bạn muốn, thường là tách số điện thoại ra cho nó đẹp. VD: 0989 022 022

Bước 4: Tích vào hiển thị Zalo nếu muốn dùng và nhập tương tự giống như nút điện thoại.

Lưu ý: Bạn có thể chèn thêm bao nhiêu nút tùy tý bằng cách bấm vào nút Thêm 1 nút tùy chỉnh

Bước 5: Nhấn vào Tạo nút tiện ích

Bây giờ bạn sẽ được 1 đoạn code, hãy chèn nó vào trang web của bạn. Chèn vào cuối trang web, trước </body> cho tối ưu nhé.

Hướng dẫn cách dùng, cách chèn code vào website tự code

Video hướng dẫn cách sử dụng, chèn cho Website tự code hoặc dùng WordPress.

Chúc các bạn thành công, nếu cần gỗ trợ gì bạn có thể gửi bình luận bên dưới nhé.

Tú Cao
Tôi là Tú Cao. Tôi chia sẻ và dạy mọi người cách kinh doanh trên Internet. Bởi vì "Hạnh phúc không phải là nhận, hạnh phúc chính là sự cho đi". Bài viết này dựa trên quan điểm, hiểu biết của Tôi. Bạn tự cân nhắc và chịu trách nhiệm khi làm theo, nếu nó hữu ích với bạn hãy Mời Tú Cao một tách CÀ PHÊ.