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

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

Bởi 24 tháng 07, 2024 - 17:47 (GMT +07)

Đố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 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.

https://www.youtube.com/watch?v=icqH4UeGj10

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é.

Bình luận

8 Bình luận

N
Phúc Nguyễn

Hình như nút chat Messenger ko còn dùng được bạn ơi !

Trả lời
15:01 23/05/2024
C
Tú Cao
Quản trị viên
Cuối tháng 5 năm 2024 thì Facebook bỏ livechat của họ, cách của mình thì vẫn dùng bình thường vì nó chỉ là icon và dẫn người dùng vào trình chat của Facebook mà thôi.
Trả lời
16:09 03/06/2024
N
Nam

org.xml.sax.SAXParseException; lineNumber: 2922; columnNumber: 29477; The element type "img" must be terminated by the matching end-tag "". Mình thêm vào blogspot thì báo lỗi như trên :) Tú hướng dẫn mình khắc phục với. Cám ơn Tú.

Trả lời
22:44 28/08/2022
C
Tú Cao

Ngày 26/07/2022 mình update lại thêm thẻ rel nofollow cho toàn bộ các nút, Các bạn đã cài nên update lại nhé. Vì những nút gọi này ko cần thiết, sẽ làm giảm chất lượng của trang đi đôi chút, tốt nhất là chặn hết luôn.

Trả lời
10:31 26/07/2022
T
Dang Ngoc Tuan

Hay quá, đúng cái em đang cần, cảm ơn anh Tú

Trả lời
21:31 23/04/2022
S
sơn

chào bạn, mình làm theo hướng dẫn thì không hiển thị trên di động. mà chỉ hiển thị trên máy tính, website mình đang dùng amp không biết có phải vì điều đó mà nó không hiển thị được không , bạn rảnh hỗ trợ mình nhé, website của mình là nhansuanha.com

Trả lời
02:58 21/02/2022

Thông báo