Cách tích hợp Facebook Chat vào website đơn giản nhất

Hiện nay, có nhiều công cụ nhắn tin miễn phí hỗ trợ tích hợp trên website của bạn, giúp bạn và khách hàng có thể liên lạc trực tiếp. Tuy nhiên, một trong các công cụ có thể nhắn tin với khách hàng bất kỳ lúc nào cũng như tạo sự thân thiện cho khách hàng thì không thể không kể đến công cụ messenger của Facebook hay Zalo. Bây giờ, blog escvn sẽ chia sẻ với các bạn về cách thực hiện cài đặt nút chat của Facebook vào trang web của bạn.

Bạn muốn tích hợp nút chat vào trang web của bạn thì điều đầu tiên bạn cần phải có là trang Fanpage của bạn. Với trang Fanpage này, bạn cần có quyền quản trị để có thể tự cài đặt các thông số từ facebook. Nếu bạn vẫn chưa có một Fanpage thì bạn cần tạo một cái với những bước thực hiện rất đơn giản.

Sau khi bạn có một trang Fanpage, Bạn hãy thực hiện các bước sau đây:

Bước 1: Bạn nhanh chóng truy cập vào trang Fanpage, bên cột tay trái màn hình Quản lý trang, kéo xuống phía dưới cùng, nhấn “Cài đặt”

Bước 2: Bạn nhấn mục “Nhắn tin”, bạn tiếp tục kéo xuống đến phần “Thêm Messenger vào trang Web” và nhấn “Bắt đầu”:

Bước 3: Tại đây, bạn thiết lập/ cài đặt Plugin Chat (khung chat sẽ xuất hiện trên trang web của bạn). Tại đây, bạn lưu ý một số điểm:

+ Ngôn ngữ: ngôn ngữ sẽ xuất hiện trong khung chat của bạn xuất hiện trên web.

+ Lời chào: nơi đây - bạn điền nội dung lời chào của bạn đối với khách hàng. Lời chào sẽ xuất hiện trong khung chat khi khách hàng truy cập vào trang web của bạn. Sau khi nhập xong, bạn nhấn "Lưu" 

+ "Chat với vai trò khách"  - trạng thái On thì không yêu cầu khách hàng đăng nhập facebook khi bắt đầu chat

+ Nhấn "Tiếp"  để thực hiện tiếp.

Bước 4:Tại đây, bạn có tiếp tục các thao tác cài đặt cho nút Chat trang web của bạn bằng cách:

+ Màu tùy chỉnh (On - bật màu tùy chỉnh): bạn chọn vào ô màu để lựa chọn một màu tùy chỉnh phù hợp (Ví dụ: Hình phía dưới là mình dùng màu xanh lá cây)

+ Căn chỉnh: bạn chọn trái hoặc phải đồng nghĩa với nút chat của bạn sẽ xuất hiện bên trái hoặc bên phải mà hình Web. (Ví dụ: bạn chọn "phải" thì nút chat sẽ xuất hiện bên phải màn hình);

+ Tự động mở rộng: khi bạn chọn để bật "on" thì cửa sổ khung chat sẽ tự động xuất hiện ngay khi khách hàng vào trang web.

+ Nhấn "Tiếp" để thực hiện bước tiếp theo.

Bước 5: Đây là bước cuối cùng mà bạn thực hiện trên trang Fanpage để add nút chat lên trang web;

+ Miền trang web: bạn điền tên miền website của bạn vào và nhấn nút "Lưu"

Lưu ý: tên miền được điền vào có cú pháp "https://tên miền/" 

+ Cài đặt mã: chọn "Tôi sẽ thêm mã vào trang web của mình"

+ Rà chuột vào đoạn mã nhấn chuột trái để coppy đoạn mã

 Bước 6: Bạn sử dụng toàn bộ đoạn mã lúc trước đã coppy, bạn chèn vào trong cặp thẻ Footer của giao diện Website.

+ Lúc này, bạn cần phải đảm bảo là mình có source web (nguồn web), vì bạn cần chèn đoạn mã này vào nguồn này.

+ Chèn mã Script Chat Facebook vào Website: Với mã nguồn WordPress,a các bạn có thể chèn chúng vào bên trên thẻ đóng </body> của File footer.php nằm trong thư mục Theme như hình dưới đây:

Bây giờ, bạn có thể tự tạo tích hợp nút chat của Facebook lên trang web của mình mà không cần dùng nhờ đến bên thiết kế web cũng như các chuyên gia trong lĩnh vực này.