18

Facebook live chat – thêm tính năng chat trực tiếp vào trang web của bạn

  • 15
  •  
  •  
  •  
  •  
  •  
  •  
    15
    Shares

Chào các bạn, chủ đề hôm nay mình muốn chia sẻ với các bạn đó là cách thêm tính năng chat trực tiếp vào trang web của bạn với plugin Facebook Live Chat.

Bạn có đồng ý với mình rằng Facebook ngày nay đã trở nên vô cùng phổ biến. Và nền tảng chat của Facebook cũng rất hữu ich và mạnh mẽ trong việc trao đổi thông tin qua lại với nhau.

Vậy có khi nào bạn tự hỏi có cách nào để đưa tính năng chat tuyệt vời này vào trang web của mình không nhỉ? Câu trả lời là có, và bạn sẽ được biết cách làm như thế nào ngay sau đây thôi.

Lợi ích của Facebook Live Chat

Có bao giờ bạn vào một trang web bán hàng, bạn xem qua tất cả các mặt hàng và thấy có một món mình vô cùng thích, bạn muốn biết nhiều thông tin hơn về sản phẩm đó hơn nữa nhưng không biết làm thế nào để liên lạc với người bán hàng đây.

Đó chính là lúc mà tính năng chat trực tiếp này trở nên hữu ích nhất. Vì nó giúp bạn gắn kết được khách hàng và người bán, hơn nữa, đó lại là tương tác tức thời, nên những thông tin mới nhất về sản phẩm luôn được cập nhật.

Cách đưa tính năng Facebook Live Chat vào trang web của bạn

Sau đây mình sẽ hướng dẩn các bạn cách thêm tính năng Facebook Live Chat vào trang web của bạn nhé.

Bước 1 – Cài đặt và kích hoạt gói mở rộng Facebook Live Chat

Đầu tiên các bạn sẽ cài đặt và kích hoạt gói mở rộng (plugin) có tên là Facebook Live Chat. Cách thức chi tiếp cài đặt và kích hoạt một gói mở rộng như thế nào các bạn có thể tham khảo tại đây nhé.

Gói mở rộng Facebook Live Chat - web cho mọi người

Gói mở rộng Facebook Live Chat

Bước 2 – Cấu hình

Sau khi cài đặt và kích hoạt gói mở rộng xong, trong trang quản trị bạn sẽ thấy có thêm một menu như thế này hiện ra, bạn bấm chọn vào đó

Menu Facebook Live Chat - web cho mọi người

Menu Facebook Live Chat

Sau khi chọn menu, bạn sẽ thấy xuất hiện màn hình như sau, bạn hãy bấm vào nút Start Using Your New Tools Now

Sau khi bấm vào nút này, bạn sẽ được dẫn qua một màn hình mới để bắt đầu việc cấu hình. Phần này gồm 4 bước nhỏ như sau

Bước 2.1 – Tùy chọn hình dạng nút chat sẽ hiện ra như thế nào

Trong phần Customize Your Tab này, bạn sẽ được lựa chọn hình dáng nút chat hiện ra như thế nào trong web của bạn.

Bạn có thể check vào tùy chọn Use default Facebook icon, mọi thứ sẽ được thiết lập mặc định cho bạn.

Bạn có thể tùy chỉnh lại ngôn ngữ là tiếng Việt trong phần Language.

Ở phần Icon Slider, đây là nơi đề bạn chình lại vị trí nút chat sẽ xuất hiện. Thông thường nút chat sẽ nằm ở phía dưới, và nếu bạn muốn chỉnh cho nút này nằm ở phía dưới góc bên phải, bên trái, hay ở giữa, thì bạn sẽ phải kéo thanh trượt này tương ứng về phía phải, phía trái, hay ở giữa.

Ngoài ra bạn cũng có thể chỉnh lài màu nền, và icon của nút chat tương ứng trong phần Tab background color và Icon color.

Bước 2.2 – Chỉ định Facebook fan page của bạn

Trong phần Your Facebook Fanpage, bạn hãy nhập vào link đẫn tới Facebook fan page của bạn.

Bước 2.3 – Đưa địa chỉ website của bạn vào danh sách đáng tin cậy trong trang fan page

Ở bước này, bạn để ý thấy có một link tên là Whitelist your domain, bạn bấm vào link đấy, sẽ có một hình hiện ra và chỉ bạn chi tiết cách làm thế nào để đưa tên miền trang web của bạn vào danh sách có thể tin cậy trên fan page Facebook.

Bạn chỉ việc làm theo nhé.

Bước 2.4 – Lưu những thay đổi và xem thành quả

Trong bước này, bạn nhìn lên phía trên sẽ thấy như thế này

Bạn bấm vào nút bên cạnh chữ Facebook Live Chat, để nút đó chuyển sang trạng thái On (bật), sau đó bấm nút Save đề lưu lại kết quả.

Cuối cùng, bạn vào lại trang web của mình, hoặc có thề bấm nút kế bên phải chữ Save, đề xem kết quả

Kết quả sau khi thêm tính năng Facebook Live Chat vào trang web - web cho mọi người

Kết quả sau khi thêm tính năng Facebook Live Chat vào trang web

Bạn thử bấm vào biểu tượng chat và nhập nội dung thử nhé, đây là kết quả mình thử

Như thế là tính năng này đã hoạt động.

Như vậy là mình đã hướng dẫn các bạn cách thêm tính năng Facebook Live Chat vào trang web của bạn rồi. Tính năng này bạn cài hoàn toàn miễn phí nhé.

Bạn cũng có thể trả tiền để được sử dụng thêm những chức năng nâng cao nữa nhưng mình không trình bày ở đây. Chúc các bạn thành công.

Cảm ơn các bạn đã theo dõi bài viết, hẹn gặp lại các bạn trong những bài tiếp theo nhé.

 

— Phạm Hữu Hiền

Thông tin liên hệ

Email – contact@webchomoinguoi.com

Skype – phhien203

Điện thoại – 0902 63 03 23

 


  • 15
  •  
  •  
  •  
  •  
  •  
  •  
    15
    Shares

Phạm Hữu Hiền

Lập trình viên, đam mê ca hát và chia sẻ kiến thức cho mọi người với phương châm Gieo Kiến Thức - Gặt Niềm Vui. Rất vui được kết nối với mọi người!

18 Comments

  1. Tính năng hay quá ạ, nhưng cài quá nhiều plug-in vào web có làm cho tốc độ web bị chậm khô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 *