Hướng dẫn tích hợp Messenger Facebook vào Website

Hướng dẫn tích hợp Messenger Facebook vào Website

Xin chào các bạn, hôm nay chúng tôi sẽ hướng dẫn các bạn cách nhúng Facebook chat vào website của mình.
Về nền tảng facebook chat - messenger:
- Nhắn tin miễn phí 
- Phổ biến, rộng khắp. Hầu hết bây giờ ai cũng có 1 tài khoản facebook
- Được vận hành bởi Facebook nên an tâm về bảo mật cũng như các bản cập nhật về sau
- Sử dụng ứng dụng FacebookPage do Facebook phát hành để quản lý tin nhắn
Các bạn có thể xem theo video hướng dẫn bên dưới toàn bộ quá trình thực hiện
 

 

Hoặc có thể xem và làm theo ảnh minh hoạ bên dưới
 
* Yêu cầu:
- Có 1 SSL (chứng chỉ số) cho tên miền (bạn tìm hiểu thêm về chứng chỉ số SSL là gì tại đây, nếu bạn chưa có, có thể mua tại đây https://bctech.vn/ssl.html)
- Tài khoản là admin của Facebook Fanpage đã xuất bản (Published)
 
* Bước 1: Đăng ký tài khoản nhà phát triển Facebook (có thể bỏ qua nếu bạn đã tham gia đăng ký)
- Vì bạn đã có tài khoản facebook rồi nên bước này rất đơn giản, truy cập vào đường dẫn https://developers.facebook.com/apps, màn hình hiển thị như hình dưới nếu như bạn chưa là nhà phát triển. ngược lại thì bạn chỉ cần tạo ứng dụng đầu tiên
Đăng ký tài khoản nhà phát triển 

- Click vào đăng ký ngay, và màn hình như dưới sẽ xuất hiện,

Popup đăng ký

- Click tiếp (nếu bạn muốn nhận thông tin từ facebook có thể click mục tôi đồng ý...). Ở màn hình tiếp theo bạn cần xác minh số điện thoại. Sau đó nhấn "Gửi dưới dạng tin nhắn". Đợi khoảng 5-10s sẽ có mã OTP gửi về, bạn nhập vào ô "Mã xác nhận". Sau đó nhấn Xác minh để chuyển qua bước tiếp theo.

Xác minh số điện thoại

- Hoàn tất xác minh, bạn tạo ứng dụng đầu tiên của Facebook

Tạo ứng dụng đầu tiên trên Facebook

- Nhập các thông tin như tên ứng dụng, ví dụ như BCTech,...và email liên hệ. Sau đó click vào Next để chuyển sang bước cuối. Có thể Facebook yêu cầu bạn xác thực là người chứ không phải là người máy như hình dưới

Xác minh không phải là người máy

- Hoàn tất, Facebook yêu cầu biết thêm về bạn, ở bước này bạn có thể chọn "Khác" để bỏ qua

Hoàn tất quá trình tạo ứng dụng đầu tiên

- Đây chính là ứng dụng đầu tiên của bạn

Danh sách các ứng dụng của bạn

- Click vào ID ứng dụng để copy mã ứng dụng. Như thế bạn đã hoàn thành việc tạo tài khoản dành cho nhà phát triển của Facebook.

* Lưu ý nếu bạn đã đăng ký nhà phát triển facebook trước đó rồi, ở màn hình "Danh sách các ứng dụng của bạn"  bạn có thể click vào nút Thêm ứng dụng mới!

* Bước 2: Cài đặt Messenger

- Tại Facebook Fanpage vào mục Cài đặt sau đó click Nền tảng Messenger (Facebook fanpage go to Settings tab then click to Messenger Platform =>dành cho ai dùng bản tiếng Anh) như hình dưới

Màn hình thiết lập Nền tảng Messenger

- Cuộn chuột tới mục Liên kết ứng dụng tới Trang của bạn (Link Your App to Your Page) nhập Mã ứng dụng vừa copy trên sau đó ấn Link

Thêm mã ứng dụng

- Ở ô Miền đã được đưa vào danh sách hợp lệ (Whitelisted Domains), bạn cần gõ đầy đủ https://tenmien sau đó ấn nút Lưu. Kéo chuột xuống chút nữa, bạn sẽ thấy vùng tên là Plugin chat với khách hàng, Click vào Thiết lập (Set up)

Chọn Thiết lập để bắt đầu cài đặt messenger

- Màn hình thiết lập sẽ hiển thị ra 1 popup cho chúng ta cấu hình, ở bước 1 sẽ là ngôn ngữ và tin nhắn chào mừng. Bạn nên để ngôn ngữ là tiếng Việt, và thay đổi lời chào cho phù hợp với website của bạn. Nền tảng Messenger cho phép bạn xem trước ngay khi chỉnh sửa như hình dưới

Điều chỉnh lời chào của bạn

- Click "Tiếp" bạn chuyển qua thiết lập về màu sắc và thời gian phản hồi cho khách hàng biết thường sau bao lâu sẽ nhận được tin nhắn trả lời. Lưu ý, ở video trên chúng tôi có hướng dẫn việc lấy màu sắc sao cho phù hợp với màu website của bạn!

Điều chỉnh màu sắc và thời gian phản hồi

- Bước cuối click đúp vào khu vực "Đoạn mã" để copy mã này, bạn đã hoàn tất cấu hình trên nền tảng Messenger.

Hoàn thành thiết lập, copy mã code

- Từ đoạn mã có được, nếu bạn là quản trị website nhúng đoạn mã trên ngay dưới mở thẻ body. Với Wordpress, CMS này hỗ trợ việc bạn dán mã này ở trong quản trị admin.

Nhúng đoạn code trên vào website của bạn

- Trong trường hợp bạn không dán được, có thể liên hệ với BCTech để được tư vấn, trợ giúp.

* Kết luận

- Như vậy chúng ta đã tích hợp thành công Facebook Messenger vào website của mình. Vấn đề quan trọng nhất đó chính là chính sách của Facebook yêu cầu website của bạn kết nối phải dựa trên giao thức SSL/TLS như bạn đã tìm hiểu trong các bài khác trên website https://bctech.vn
- Từ ngày 25/06/2018 đến hết ngày 31/07/2018, khi bạn mua bất kì nào SSL tại địa chỉ https://bctech.vn/ssl.html sẽ được giảm giá tới 10% với mã giảm giá là GIAM10. Ngoài ra chúng tôi sẽ tích hợp miễn phí Facebook Messenger cho website của bạn nếu bạn có nhu cầu.
- Thông tin liên hệ: 024 6688 3355 - 01234 91 41 88 hoặc email: cskh1@bctech.vn
 
* Vui lòng để lại nhận xét bên dưới nếu bạn có thắc mắc. Xin cám ơn bạn đã đọc bài!

Leave a comment