Người gửi bài: Hiếu Nguyễn

Cập nhật: 11:26 24/04/2018

Hướng dẫn cài đặt code livechat Facebook cho website

Cùng chủ đề với :

Thân chào các bạn!

Trong những năm gần đây các fanpage bán hàng, dịch vụ đã phát triển rất nhanh trên các mạng xã hội điển hình là Facebook. Do đó việc liên hệ với các khách hàng luôn là vấn đề mà các Developers luôn quan tâm làm sao để hỗ trợ họ nhanh chóng ngay trên cả website bán hàng, dịch vụ của họ. Thấi hiểu điều đó, chính Facebook đã ra mắt một tính năng mới là Livechat Facebook cho phép bạn nhúng code trực tiếp vào website.

1. Ưu điểm

– Khách hàng dùng tài khoản Facebook để gửi tin và nhận phản hồi ngay cả khi đã thoát khỏi website.

– Tính năng tương tác với mục Tin Nhắn trên Fanpage của bạn.

– Thích hợp với các shop bán hàng cả trên kênh Fanpage, muốn thống nhất 1 kênh chăm sóc khách hàng.

Ảnh mẫu - Live chat FacebookKhách hàng đặt vấn đề trên Live chat
Ảnh mẫu - Live chat FacebookBạn có thể nhanh chóng trả lời qua hòm thư Fanpage
Ảnh mẫu - Live chat FacebookCó thể trả lời nhiều khách hàng trong một lúc

2. Nhược điểm

– Giảm tốc độ load trang một ít.

– Chưa thể tùy biến giao diện theo ý muốn.

3. Cách cài đặt code

Sử dụng đoạn code bên dưới chèn vào của site, nhớ thay link Fanpage HieuMobileCom thành Fanpage của bạn nhé:

Như vậy là hoàn tất cách cài đặt một livechat Facebook chuẩn nhưng nếu bạn muốn có thể tùy chỉnh lại một số thông số trong code như chiều rộng, cao, bật tắt ảnh cover Fanpage… có thể truy cập vào https://developers.facebook.com/docs/plugins/page-plugin để thực hiện nhé.

4. Cách dùng code cho Blogspot

Thay:

thành dòng:

Như vậy code hoàn chỉnh sẽ là:

 
Ảnh mẫu - Live chat FacebookHieuMobile sau khi tích hợp thêm livechat Facebook

4. Code thân thiện với thiết bị di động

Code này được chia sẻ bởi Truyền Hình FPT đã thêm nút ẩn hiện dòng chát hiển thị trên các thiết bị điện thoại di động.

– Chèn dòng dưới vào thẻ header:

Cuối cùng chèn code dưới vào thẻ body và nhớ thay link fanpage nhé

Mẫu trên thiết bị Android của HieuMobileMẫu trên thiết bị Android của HieuMobile

Các bạn có thể tùy chỉnh các thuộc tính trong code trên.

 

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



Xếp hạng 4.6/5 (1 phiếu)
Gửi bình luận
Bài viết liên quan
Tải Thỏ bảy màu cho Messenger chat Facebook icon

Tải Thỏ bảy màu cho Messenger chat Facebook

Thỏ bảy màu là một nhân vật được nhiều bạn trẻ Việt Nam biết đến qua trang fanpage ảnh chế vui trên Facebook. Thật bất ngờ sau đó trang này đã ra mắt thêm ứng dụng Thỏ Bảy Màu hỗ trợ bộ icon biểu tượng cảm xúc...

6.9K AndroidTải về
Mới cập nhật

Điện thoại Xiaomi bỗng nhiên mất mở khóa bằng khuôn mặt ?

Bên cạnh mở khóa màn hình bằng hình vẽ, vân tay thì hầu hết các dòng smartphone Xiaomi đều tích hợp tính năng mở khóa bằng khuôn mặt. Dựa theo dữ liệu khuôn mặt đã...


1 ngày trước 41 lượt xem

Dragon Speak : Công cụ chuyển văn bản thành giọng nói Nam, Bắc

Mọi người chắc hẳn đã quá quen với việc dùng Google Dịch hoặc một số công cụ hỗ trợ chuyển văn bản thành giọng nói như FPT AI, Viettel AI… để đọc báo rồi phải...


2 ngày trước 30 lượt xem

Cách bật bong bóng chat Messenger trên iPhone không cần jaibreak

Vào một bản cập nhật vào hôm qua 5/5/2021, ứng dụng Messenger phiên bản dành cho thiết bị iOS đã chính thức hỗ trợ tính năng bong bóng chat. Giờ đây người dùng iPhone đã...


06-05-2021 127 lượt xem

Cách thay đổi hiệu ứng khởi động cho Xiaomi không cần Root

Xiaomi được biết đến là một trong những dòng smartphone Android có khả năng tùy biến cao nhờ giao diện người dùng MIUI. Không chỉ cung cấp hệ thống tính năng đa dạng, MIUI còn...


06-05-2021 93 lượt xem

Cách tải video, âm thanh Youtube chất lượng cao bằng Pure Tuber

Hiện nay không quá khó để tìm kiếm một công cụ hỗ trợ tải video hoặc âm thanh trong video (tách âm thanh) trên Youtube về điện thoại Android. Thế nhưng việc tính năng này...


06-05-2021 77 lượt xem