Website Wordpress

Cách tích hợp Facebook chat vào website hiệu quả

Tích hợp Facebook Chat vào website không cần dùng plugin

Có rất nhiều cách tích hợp Facebook chat vào website, trong đó đơn giản nhất là cài plugin hỗ trợ. Tuy nhiên việc này thường làm website load khổ sở hơn. Bên cạnh đó việc sử dụng plugin không “chính chủ” nên hoạt động khá chập chờn. Chưa kể đến việc lộ thông tin khách hàng hoặc dịch vụ, sản phẩm. Hôm nay, Epal.vn sẽ hướng dẫn các bạn cách tích hợp Facebook chat vào website không cần sử dụng plugin. Các bạn cùng theo dõi nhé:

Các bước tích hợp Facebook Chat vào website

Bước 01: Tạo Facebook App

  • Đầu tiên, các bạn truy cập vào trang Facebook for Developers. Để tạo cho mình 1 ứng dụng, các bạn click vào nút Thêm ứng dụng mới.
  • Ngay sau đó, một pop-up hiện lên, bạn hãy điền các thông tin được yêu cầu. Tên hiển thị và email. Sau đó bạn click vào nút Tạo ID ứng dụng.

Thêm chat facebook vào website

  • Trong giao diện trang quản trị ứng dụng của Facebook. Bạn hãy click vào mục Cài đặt rồi sau đó chọn Thông tin cơ bản.
  • Trong phần này bạn chỉ cần điền URL chính sách quyền riêng tư (URL website của bạn) là được. Những mục khác các bạn có thể bỏ nhé. Click vào nút Lưu thay đổi để lưu lại.
  • Sau đó, bạn click vào nút Tắt để chuyển nó sang trạng thái Mở. Việc này đồng nghĩa là ứng dụng của bạn đã được kích hoạt rồi đấy.

Tích hợp chat facebook vào website

  • Tiếp theo, một bảng xác nhận hiện lên, bạn chọn loại là doanh nghiệp, sau đó click vào nút Xác nhận để kích hoạt. Nhớ copy Mật khẩu ứng dụng vì nó sẽ được dùng đến trong các bước tiếp theo.

Bước 02: Kết nối Facebook app với Fanpage của bạn

  • Bạn truy cập vào trang quản trị Fanpage. Vào phần Cài đặt và click chọn mục Nền tảng Messenger.
  • Dán App ID mà bạn đã copy ở cuối bước 1 vào mục Liên kết ứng dụng với Trang của bạn. Sau đó click vào nút Link.

tích hợp facebook chat vào website

  • Sau khi đã tạo liên kết thành công, tên ứng dụng của bạn sẽ được hiển thị trong danh sách Subscribed apps.
  • Hãy điền URL website của bạn vào mục White-listed domains, rồi click vào nút Save.
  • Tiếp theo, bạn hãy Click vào nút Set Up trong mục Customer Chat Plugin.
  • Để lựa chọn ngôn ngữ sử dụng cho Facebook Chat trong mục Language. Trường hợp cần thay đổi nội dung câu chào, bạn click vào nút Change trong mục Greeting Message. Click Next để qua bước tiếp theo.
  • Muốn chỉnh sửa màu sắc biểu tượng Messenger trên website, các bạn sử dụng tính năng Custom colours. Click vào Next để chuyển qua bước cuối cùng.
  • Sau khi đã làm theo các bước, bạn sẽ có được một đoạn code. Hãy copy code đoạn code này, tick vào mục I’ve added the code to the website rồi click vào nút Finish để kết thúc.

Bước 03: Gắn code lên website

  • Chèn code đã chỉnh sửa vào Footer của blog/ website. Đối với website được thiết kế trên nền tảng WordPress, các bạn chèn vào file footer.php của theme. Và kết quả nhận được sẽ trông giống như thế này:

Lưu ý: Có 2 phần chúng ta cần lưu ý kiểm tra trước khi chèn vào footer website:

  1. Thay id=”fb-root“> bằng ID ứng dụng được tạo ở Phần 1 với định dạng như sau: id=”ID-ứng-dụng“>.
  2. Kiểm tra page ID có chính xác là Fanpage của mình không với cú pháp đơn giản như sau: Truy cập: http://facebook.com/”Page ID“. Ví dụ đối với Fanpage của EPAL Solution như sau: https://www.facebook.com/844395182255287

Thật tuyệt vời phải không nào? Chúc các bạn thành công!

Xem thêm: Hướng dẫn chèn code Google Analytics cho website

Xem Nhiều Hơn

Bài Viết Liên Quan

Close