Tạo Facebook Chat cho website không cần dùng plugin

Tạo Facebook Chat cho website không cần dùng plugin

Trong bài viết này mình sẽ hướng dẫn bạn tích hợp Facebook Chat cho website mà không cần dùng plugin.

Để đáp ứng được nhu cầu của đông đảo cộng đồng sử dụng blogger/ website. Facebook đã nhanh chóng cho ra mắt sản phẩm “chính chủ” với tên gọi Customer Chat Plugin. Giờ đây, khách hàng đã có thể tương tác với bạn ngay trên website giống như những ứng dụng live chat truyền thống khác.

Tạo Facebook Chat cho website không cần dùng plugin

Vậy làm thế nào để chúng ta có được chức năng chat ở blog/website như hình ở trên? Ngay sau đây là những bước hướng dẫn chi tiết, giúp bạn có thể tự làm dễ dàng.

Các bước tích hợp Facebook Chat cho website

1. Bạn hãy truy cập vào trang Facebook for Developers và tạo cho mình 1 ứng dụng bằng cách click vào nút Thêm ứng dụng mới

Tạo Facebook Chat cho website không cần dùng plugin

2. Một cửa sổ sẽ hiện ra, bạn điền Tên và email đầy đủ rồi click vào nút Tạo ID ứng dụng

Tạo Facebook Chat cho website không cần dùng plugin

Một khung CAPTCHA sẽ hiện lên, hãy nhấn vào ô chọn để vượt qua bước xác nhận bảo mật. Rồi nhấn gửi

3. Trong giao diện quản trị ứng dụng, hãy click vào mục Cài đặt rồi chọn Thông tin cơ bản.

Tạo Facebook Chat cho website không cần dùng plugin

4. Thông tin duy nhất mà các bạn bắt buộc phải điền trong phần này là Privacy Policy URL (nên điền URL website của bạn). Những mục khác các bạn có thể bỏ qua.

Tạo Facebook Chat cho website không cần dùng plugin

Nhấn lưu thay đổi

5. Click vào nút Tắt để chuyển nó sang trạng thái Bật (đồng nghĩa với việc ứng dụng của bạn đã được kích hoạt).

Tạo Facebook Chat cho website không cần dùng plugin

Click vào nút Xác nhận để xác nhận việc kích hoạt.

Tạo Facebook Chat cho website không cần dùng plugin

Nhớ copy ID ứng dụng vì nó sẽ được dùng đến trong các bước tiếp theo

6. Truy cập vào trang quản trị Facebook Page của bạn. Click chọn mục Nền tảng Messenger 

Tạo Facebook Chat cho website không cần dùng plugin

7. Paste App ID mà bạn đã copy ở bước 5 vào mục Liên kết ứng dụng với Trang của bạn rồi click vào nút Link.

Tạo Facebook Chat cho website không cần dùng plugin

Sau khi liên kết thành công, tên ứng dụng sẽ được hiển thị trong danh sách Ứng dụng đã đăng ký

Tạo Facebook Chat cho website không cần dùng plugin

8. Điền URL website của bạn vào mục Miền được đưa vào danh sách hợp lệ và click vào nút Lưu. Nếu muốn hiển thị Facebook Customer Chat trên nhiều website cùng lúc, các bạn có thể điền nhiều URL trong mục này.

Tạo Facebook Chat cho website không cần dùng plugin

9. Click vào nút Thiết lập trong mục Plugin chat với khách hàng

Tạo Facebook Chat cho website không cần dùng plugin

10. Chọn ngôn ngữ mà bạn muốn sử dụng cho Facebook Chat trong mục Ngôn ngữ. Nếu muốn thay đổi nội dung câu chào, các bạn có thể click vào nút Thay đổi trong mục Tin nhắn Chào mừng.

Tạo Facebook Chat cho website không cần dùng plugin

Nhấn vào nút Tiếp để chuyển qua bước tiếp theo.

11. Nếu có nhu cầu chỉnh sửa màu sắc của biểu tượng Messenger, các bạn có thể sử dụng tính năng Màu tùy chỉnh. Nếu không, hãy click vào nút Tiếp để chuyển qua bước cuối cùng.

Tạo Facebook Chat cho website không cần dùng plugin

12. Copy code được cung cấp rồi click vào nút Hoàn tất để kết thúc.

Tạo Facebook Chat cho website không cần dùng plugin

13. Đoạn code mà bạn được cung cấp sẽ có dạng như sau:

Tạo Facebook Chat cho website không cần dùng plugin

14. Chèn code đã chỉnh sửa vào Footer của website. Đối với mã nguồn WordPress, các bạn có thể chèn vào file footer.php của theme

tham khảo bài viết “Chèn code vào Header và Footer của WordPress một cách đơn giản“.

Và kết quả nhận được sẽ trông giống như thế này:

Tạo Facebook Chat cho website không cần dùng plugin

Chúng ta đã hoàn thành việc cài đặt chức năng chat FB cho website. Thật tuyệt vời phải không nào?

Chúc các bạn thành công!

Xem video hướng dẫn:

Bạn đang sử dụng phương pháp nào để chat và tương tác với khách hàng của mình thông qua website? Hãy chia sẻ với Hòa bằng cách comment bên dưới để chúng ta cùng thảo luận nhé.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây