Share code chèn nút gọi điện thoại, chat zalo vào Website

Đăng bởi:

Tú Cao

Đăng ngày:

Oct 16, 2021

Đăng ở:

Kiến Thức Cơ Bản

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

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

avatar-co-to-quoc
Tác giả: Tú Cao
ADMIN

Bình luận

name
Nguyễn Tấn 06.11.2023 lúc 17:30

Lỗi rồi bạn ơi

name
Nguyễn Tấn 06.11.2023 lúc 17:30

Lỗi rồi bạn ơi

name
Nguyễn Thùy Dương 28.08.2023 lúc 15:58

Website: https://thangnangnguoi.vn/ của mình được cài nút gọi điện thoại, zalo thực sự rất tiện

name
le van nam 20.02.2023 lúc 19:40

cảm ơn bạn nhiều

name
Thành 14.10.2022 lúc 09:48

khi mình nhúng đoạn code của bạn vào website của mình thì phát sinh lỗi như sau: Đoạn code PHP bạn thay đổi đã được khôi phục vì có lỗi trong dòng số 66 của file wp-content/themes/blossom-pin/header.php. Hãy sửa và thử lưu lại. syntax error, unexpected '<', expecting end of file Mong bạn hỗ trợ. Thanks

name
đức 15.04.2022 lúc 14:30

rất bổ ích

Để lại bình luận

Email và số điện thoại sẽ không được công khai. Những trường bắt buộc được đánh dấu *

Repository deleted Your repository has remove
Loading