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

Bạn đang muốn tích hợp tính năng Facebook Chat vào website của mình mà không cần dùng đến Plugin hoặc website của bạn không được thiết kế bằng WordPress. Bài viết này sẽ hướng dẫn các bạn chi tiết các Tích hợp Facebook Chat vào website bằng code dễ dàng và nhanh chóng.

Đầu tiên các bạn cần Tạo ứng dụng Facebook bằng cách truy cập vào: https://developers.facebook.com/apps

Sau đó chọn nút Thêm ứng dụng mới

tich hop facebook chat vao website wordpress

Một bảng mới hiện ra yêu cầu bạn điền Tên hiển thị và Email. Bạn điền đầy đủ và click Tạo ID ứng dụng

tich hop facebook chat vao website wordpress1

Sau khi đã tạo thành công ứng dụng, các bạn vào phần Cài đặt chọn phần Thông tin cơ bản, điền website của bạn vào phần URL chính sách quyền riêng tư và Lưu lại.

tich hop facebook chat vao website wordpress2

Bước tiếp theo các bạn truy cập vào Trang Cài đặt của Fanpage các bạn muốn dùng để Chat. Tìm đến mục Nền tảng Messenger.

tich hop facebook chat vao website wordpress4

Tại đây bạn sẽ thấy 2 phần. Phần Chia sẻ thuộc tính bạn điền ID của ứng dụng vừa tạo ở trên. Mục Miền được đươc vào danh sách hợp lệ bạn điền website của bạn. Đừng quên nhấn Lưu nhé!

tich hop facebook chat vao website wordpress6

Tại phần Plugin chat với khách hàng các bạn chọn Thiết lập và làm theo các bước hướng dẫn.

tich hop facebook chat vao website wordpress7

Khung thiết lập hiện ra cho phép bạn chọn ngôn ngữ mặc định và chỉnh sửa lời chào trong khung chat.

tich hop facebook chat vao website wordpress8

Tiếp theo bạn chọn màu tùy chỉnh cho khung chat

tich hop facebook chat vao website wordpress9

Sau bạn sẽ nhận được một đoạn mã code của khung chat bạn vừa Thiết lập.

tich hop facebook chat vao website wordpress10

Cuối cùng bạn copy đoạn code bên trên và dán vào thẻ <body> trong file footer của mã nguồn website.

tich hop facebook chat vao website wordpress11

Như vậy là bạn đã tích hợp thành công khung Facebook Chat vào website. Chúc các bạn thành công!

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *