Hoàng Web

Thiết Kế Website WordPress

  • Kho giao diện
  • Dịch Vụ
    • Thiết kế web giá rẻ
    • Thiết kế website WordPress
    • Hosting Miễn Phí 100GB
    • Tích hợp thanh toán MoMo, ViettelPay, Vietcombank, MB..
    • Tối ưu Google PageSpeed
    • Sửa lỗi nâng cấp website
    • Viết plugin WordPress
    • Code Tool theo yêu cầu
  • Bảng giá
  • Quy trình làm việc
  • Giới thiệu
  • Liên Lạc
Trang chủ » Web Development » Tích hợp chat Whatsapp vào website WordPress

Tích hợp chat Whatsapp vào website WordPress

Thứ Sáu, 11/10/2019 by Hoàng Quách

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype
whatsapp

Nó trở nên rất quan trọng đối với các công ty để thêm các tính năng khác, so với thêm form liên hệ trong WordPress. Các công ty muốn người dùng của họ có thể liên lạc với họ bằng cách đơn giản hơn, có nhiều phương tiện liên lạc trực tuyến, một trong số đó là Whatsapp. Whatsapp có lẽ được sử dụng bởi hầu hết mọi người vì ai cũng sở hữu một chiếc điện thoại thông minh nên nó khá tiện để kết nối với người dùng/khách hàng của bạn.

Nó thực sự dễ dàng khi thực hiện một nhấp chuột vào nút để trò chuyện trên WordPress (hoặc bất kỳ website dựa trên mã nguồn mở khác).

Có 2 tham số bạn cần lưu ý:

  

  1. Số điện thoại bạn muốn được Whatsapp thông báo sẽ được gửi đến
  2.   

  3. Thông điệp sẽ được gửi đến bạn

CODE

code dưới đây là nút cần thêm vào website:

  

 <a href="https://api.whatsapp.com/send?phone=00155555555&amp;text=I am interested in your service" target="_blank" class="whatsapp">
  <img src="https://site.com/wp-content/uploads/2018/07/whatsapp.png" alt="whatsapp">
</a> 

   

Sao chép đoạn code trên và đừng quên thay đổi số điện thoại và dòng tin nhắn của bạn.

Tiếp theo, chúng ta sẽ đặt biểu tượng này trên góc dưới bên trái của màn hình và đặt nó ở một vị trí cố định, do đó người xem sẽ không thể bỏ qua nó.

  

Để thực hiện mình sẽ dán mã ở trên vào file footer.php ngay trước thẻ body.

Sau đó bạn lưu tệp & tải lên thư mục giao diện WordPress trên hosting thông qua FTP. Load lại website , bạn sẽ nhìn thấy biểu tượng whatsapp ở phía dưới cùng của trang. Bước tiếp theo, chúng ta sẽ làm đẹp nút với 1 vài mã CSS

Tất cả bạn cần làm là viết một vài dòng CSS và thêm nó vào style.css

.whatsapp {
    position: fixed;
    left: 5px;
    bottom: 65px;
} 

   

Điều này có thể khắc phục 1 số lỗi giao diện phổ biến như một số văn bản trên chân trang khi cuộn đến cuối trang web, bạn có thể thay đổi vị trí phù hợp với giao diện wordpress của bạn.

Đây là cách mà một người lập trình WordPress hay sử dụng khi cần thêm tiện ích chat vào website như Olark,.. Mặc dù hướng dẫn này nên vô cùng dễ dàng để làm trên trang web của bạn, nếu bạn không quen sửa tệp giao diện cho WordPress, bạn có thể chọn cách cài đặt plugin. Dưới đây là một vài plugin mà sẽ giúp bạn thực hiện công việc tương tự.

Tham khảo 7 Plugin Live Chat tốt nhất cho WordPress

Click to Chat for WhatsApp Chat

Click to Chat for WhatsApp Chat      

Plugin này có 10 thiết kế khác nhau và thực sự rất dễ sử dụng. Dưới đây là một số tính năng khác:

 

  • Chọn biểu tượng của riêng bạn / hình ảnh
  •   

  • Ảnh động
  •   

  • Cấu hình CSS cho 1 trang cụ thể
  •  

  • Tùy biến thông điệp của bạn
  •   

  • Google analytics  và hỗ trợ sự kiện Google Tag Manager
  • hỗ Facebook event

Nếu bạn có bất kỳ câu hỏi nào, hãy để lại ý kiến của mình ở cuối bài viết này nhé. Xin cảm ơn!

Để nhận được bài viết mới vui lòng đăng ký kênh kiến thức WordPress từ A-Z ở Form bên dưới. Bạn cũng có thể nhận được sự trợ giúp trên Twitter và Facebook

  • shares
  • Facebook
  • Facebook Messenger
  • Gmail
  • Viber
  • Skype

Chuyên mục: Web Development Tìm kiếm: Live Chat, livechat

Tôi giúp gì cho bạn?

HOÀNG WEB

Địa chỉ: Tây Sơn, Phường Quang Trung, Quận Đống Đa, Hà Nội

Hotline: 0987 342 124 – 0868 292 303 (8h:00 – 21h:00)

Email: [email protected]

Website: www.hoangweb.com

KẾT NỐI VỚI TÔI

  • Facebook
  • GitHub
  • YouTube

SẢN PHẨM

  • Plugin Thanh Toán Quét Mã QR Code Tự Động
  • WP2Speed – Tối ưu Google Speed
  • 23WebHost – Hosting Miễn Phí 100GB

LIÊN KẾT

  • Có nên thuê thiết kế website giá rẻ?
  • Hướng dẫn thanh toán
  • Chính sách hoàn tiền
  • Trung tâm hỗ trợ

Copyright © 2023 | All rights reserved | HOANG WEB
Mọi hình thức sao chép nội dung trên website này mà chưa được sự đồng ý đều là trái phép.