facebook-icon

Hướng dẫn chèn nút liên hệ nút gọi chat Zalo và chat Facebook cho website WordPress

Chèn nút liên hệ và chat facebook, zalo vào website đơn giả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. Hướng dẫn chèn nút liên hệ nút gọi chat Zalo và chat Facebook cho website WordPress

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ị.
  11. alo, Facebook  trong những năm qua đang là một trong những ứng dụng số 1 tại thị trường Việt Nam.

    Chính vì vậy mà các website bán hàng đều có xu hướng tích hợp nó với website nhằm tăng khả năng tương tác với khách hàng.

    Dưới đây mình sẽ chia sẻ plugin để tích hợp vào WordPress:

    Bước 1: Vào Plugins => search “zalo” bạn sẽ thấy được giao diện như thế này Button contact VR

    thêm zalo chat, facebook chat trang wordpress

    Bước 2: Vào phần Bảng tin chọn tùy chỉnh

    them zalo chat

    Tại đây sẽ có 3 phần tùy chỉnh

    –  Phần cho hotline là số điện thoại : nhập số điện thoại và tùy chỉnh màu sắc tùy chọn( mục color phone).

    –  Phần zalo cũng tương tự: tùy chọn số điện thoại zalo, viber.

    + Color contact : màu sắc cho nút zalo và viber.

    + Contact link: trang điều hướng mà bạn muốn trỏ đến.

    –  Phần Facebook Messenger: lưu ý là ở đây có ID fanpage, hãy bấm vào chữ link để xem cách lấy được ID.

    + Color messenger: màu sắc cho nút messenger.

    + Fanpage logged in greeting: lời chào

Thêm chat Zalo Facebook cho website WordPress - Học WordPress từ a đến z

 

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.

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

 

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:

Chèn mã dán gọi điện, facebook, zalo, nhắn tin sms 4 trong 1 website – Chèn nút liên hệ và chat facebook, zalo vào website đơn giản…

Hướng dẫn tạo các nút gọi, chat Zalo và chat Facebook cho website WordPress bằng HTML và CSS :

 

Floating Click to Contact Buttons

 

icon

 

Chat Bubble – Floating Chat with Contact Chat Icons, Messages, Telegram, Email, SMS, Call me back

1 icon

 

EchBay Phonering Alo

EchBay Phonering Alo


plugin chuyên hiện nút gọi zalo face

z2797497406815 10d1c8e1d0d395f5093d9eb90913aed7 2

 

6868686868 8f44a5f089126f4c3603

 

https://docs.google.com/document/d/1DWx5uESy-qz415A0qgShdBjtxBOqDiG5VCeFtkqPYnA/edit?usp=sharing  

 

Tốp các Plugin tạo nút gọi chat zalo Facebook vào web rất tiện ích

Plugin Floating Click to Contact Buttons

#Plugin cũng tạo hiệu ứng khá đẹp nhưng chỉ cài kết nối được 1 số Zalo, Thiết lập 1 Messenger, Thiết lập chỉ đường Map và Shortcode Contact Form 7 và nút Thiết lập TawkTo.

 Plugin Floating Click to Contact Buttons

Nút hiện khi cài Plugin Floating Click to Contact Buttons

Plugin WP Helper Lite

8898998989

#Plugin này có thể tạo chát hoặc tách các số điện thoại theo từng bộ phận, thường Click vào, Plugin này cho phép cài đặt các popup trên trang web của bạn để khách hàng có thể tương tác trực tiếp hỏi về sản phẩm.

Hình ảnh sau khi cài plugin WP Helper Lite

Hình ảnh sau khi cài plugin WP Helper Lite

Có 3 mục để cài đặt gồm:

  • Nút trò chuyện: Bằng việc thay đổi màu sắc, nội dung và vị trí, sẽ thu hút khách hàng tốt hơn dẫn đến việc tương tác nhiều hơn.
  • Nút gọi điện: Việc hiển thị nút gọi điện khi bấm vào là số điện thoại của tư vấn viên hoặc nhân viên hỗ trợ sẽ giúp khách hàng của bạn có thể tự liên hệ nhanh chóng và hiệu quả hơn.
  • Các kênh kết nối khác: Bạn có thể sử dụng các kênh liên hệ khác như email, các mạng xã hội như: Facebook, Zalo, chát để trao đổi và tư vấn với khách hàng dễ dàng hơn.

Plugin All-in-one contact buttons – WPSHARE247

#Plugin tạo Hotline dung lắc, Tạo Talkto, Zalo, Messenger vào website của mình một cách dễ hiểu nhất. ( Tạo nút liên hệ tất cả trong một )

Hình ảnh sau khu cài Plugin All-in-one Co
Hình ảnh sau khu cài Plugin All-in-one Contact buttons

 

Contact Form by BestWebSoft – Advanced Contact Us Form Builder for WordPress

Plugin Có khung Custom Code tạo css và JavaScript, thích hợp với những bạn có chuyên môn tốt vê mã nguồn, bạn có thể điều chỉnh vị trí muốn cho hiện các nút theo ý mình.

Plugin Chat Bubble

#Plugin Chat Bubble Contact Icons, Messages, Telegram, Email, SMS, Call me back – Plugin tạo nút call to action miễn phí mà chuyên nghiệp, Hỗ trợ các nút Tawk.to, Zalo, Facebook Messenger, WhatsApp, Skype, LINE, Telegram, Viber.

Plugin Chat Bubble

Plugin Viet contact

Plugin cũng giúp chúng ta cài đặt kết nối các nút rất tiện ích.

Button Contact VR

Plugin Button Contact VR Tạo nút liên hệ nhanh Hotline, Messenger, Zalo, Google Maps

5/5 - (100 bình chọn)