Hướng dẫn tích hợp Facebook chat vào website (không cần plugin)

Càng ngày Facebook càng phổ biến trong cuộc sống ngày nay.

Facebook không chỉ là nơi giải trí, tìm kiếm thông tin, bán hàng…

Nó còn cung cấp tính năng Live Chat qua Facebook messenger rất tiện lợi.

Bạn hoàn toàn có thể tích hợp Facebook chat vào website một cách dễ dàng.

Ai mà chẳng có Facebook đúng không nào?

Sau đây mình sẽ hướng dẫn cài đặt Facebok chat vào website.

Hướng dẫn cài đặt Facebook Messenger vào website

Lý do sử dụng Facebook Messenger

facebook-chat-page

giao diện của facebook chat

Nếu bạn còn đang băn khoăn tại sao nên sử dụng Facebook chat.

Trong khi ngoài kia có rất nhiều công cụ live chat miễn phí khác như:

Dưới đây là một số ưu điểm của Facebook messenger

  • Bạn có thể tương tác với khách hàng bất cứ lúc nào, kể cả họ không để lại email hay số điện thoại.
  • Nắm được ngay các thông tin cơ bản của khách hàng: giới tính, sở thích, lĩnh vực hoạt động, tầm tuổi, nơi ở…
  • Phân chia, quản lý khách hàng theo tag.
  • Cho phép note lại thông tin quan trọng trong khung chat.
  • Dễ dàng phân chia lọc tin nhắn ( chính, chưa đọc, theo dõi, xong, spam)
  • Gửi thông báo, khuyến mại, sản phẩm tự động.
  • Phân chia quản lý được nhiều admin.
  • Cho phép tạo cuộc hẹn
  • Lưu được những câu trả lời thường xuyên ( trả lời sẵn)
  • Dễ dàng cài đặt

Hỗ trợ Bot tự động

Chính vì những lý do trên mà mình đã quyết định chuyển sang sử dụng Facebook chat

Vì có số lượng người sử dụng lớn thứ 7 thế giới (58 triệu người).

Ngoài ra, Facebook messenger được tích hợp sẵn Bot Support – hỗ trợ trao đổi với khách hàng tự động theo cách mà bạn muốn.

Tính năng này sẽ giúp bạn giảm thiểu công việc hàng ngày xuống rất nhiều lần nếu được tối ưu đúng cách.

Bạn có thể tham khảo Chat Fuel (miễn phí) để tạo ra con Bot của chính mình nhé.

Hạn chế của Facebook chat

Tuy nhiên, có một số điểm hạn chế mà bạn nên nắm được trước khi quyết định chuyển đổi:

  1. Khách hàng bắt buộc phải có tài khoản Facebook.
  2. Quản lý khách hàng còn ít tính năng, chưa thực sự chuyên nghiệp.
  3. Hơi khó khăn trong việc tìm kiếm lại thông tin.

Hướng dẫn cài đặt Facebook Chat vào website

1. Tạo Facebook Fan Page

Truy cập đường dẫn này để tạo Facebook Page cho website hoặc doanh nghiệp của bạn.

Tạo Facebook Page

Ở đây có 2 lựa chọn:

  • Doanh nghiệp hoặc Thương hiệu
  • Cộng đồng hoặc Người của công chúng

Hãy chọn loại hình phù hợp với mình ( Ví dụ mình sẽ chọn “Doanh nghiệp hoặc Thương hiệu”)

Nếu vẫn chưa biết tạo Page hãy đọc hướng dẫn của Facebook tại đây.

Nếu doanh nghiệp của bạn đã có Facebook Page, hãy đảm bảo rằng bạn có quyền quản trị để thực hiện việc thiết lập các thông số như bên dưới.

2. Cài đặt nền tảng Messenger

Bước tiếp theo, bạn hãy truy cập vào Thiết lập » Nền tảng Messenger

3. Khai báo tên miền với Facebook

Bạn cần phải khai báo toàn bộ tên miền mà bạn sẽ cài đặt Facebook Messenger.

Điều này là bắt buộc, nếu không plugin chat sẽ không hiển trị trên website.

Nếu website của bạn có sử dụng SSL thì đừng quên thêm HTTPS ở trong đường dẫn nhé.

Thiết lập tên miền hợp lệ

Kéo xuống bên dưới một chút, bạn sẽ thấy tùy chọn để tiến hành cài đặt Messenger plugin chat với khách hàng

Thiết lập facebook chat plugin

4. Tiến hành cài đặt

Công việc tiếp theo của bạn sẽ là tiến hành các cài đặt cơ bản cho plugin như lời chào, ngôn ngữ, màu sắc hay thời gian phản hồi

Thiết lập messenger chat plugin

5. Cài đặt ngôn ngữ và lời chào

Tại đây, bạn có thể lựa chọn rất nhiều ngôn ngữ mà Facebook đang hỗ trợ. Hãy chọn ngôn ngữ thân thuộc nhất với khách hàng của bạn và thay thế lời chào mặc định để tăng lượng tương tác.

Thiết lập lời chào

6. Cài đặt thời gian phản hồi và màu sắc

Facebook cho phép bạn hiển thị thời gian phản hồi trên Messenger chat. Nếu bạn chọn “Tự động đặt thời gian trả lời” Facebook sẽ tính toán dựa trên thực tế để hiển thị thông tin với khách hàng. Bạn cũng có thể thay đổi màu sắc mặc định của Facebook để phù hợp với website mà bạn muốn tích hợp.

Thiết lập màu sắc

7. Thêm tên miền và lấy đoạn mã từ Facebook

Ở bước này, bạn sẽ cần thêm tên miền mà bạn sẽ sử dụng Messenger chat trên đó. Nếu bạn đã khai báo ở bước 3, hãy kiểm tra lại thông tin để đảm bảo không có sai sót nào xảy ra.

Cuối cùng, Facebook sẽ cung cấp cho bạn một đoạn mã để bạn thêm vào trong thẻ <body> của mỗi trang mà bạn muốn plugin hiển thị.

Thường có thể chèn vào footer hoặc header ( Hãy tìm hiểu về Template File trong WordPress nhé)

Với đa số theme hiện nay, nhà phát triển sẽ cung cấp cho bạn một chỗ trong tùy chỉnh để bạn có thể nhúng các code bên ngoài vào website mà không cần biết code.

Vậy nên, nếu bạn không rõ thêm đoạn code ở chỗ nào, hãy comment ở dưới để tôi giúp bạn.

3.8
8
votes
Article Rating

51 BÌNH LUẬN

Đăng ký
Thông báo về
guest
51 Bình Luận
Inline Feedbacks
View all comments

Wind
Wind
21/05/2020 8:12 sáng

trên fanpage của mình ở cả mục nhắn tin, và nhắn tin nâng cao đều không thấy plugin chat với khách hàng. Làm thế nào được bạn nhỉ.

Giang
Giang
23/05/2020 12:03 sáng

Chào bạn. Web của mình viết = mã code. Mình không biết chuyển vị trí của plugin chat sang 1 vị trí khác ở trên trang Web. Mong bạn chỉ bảo mình cách chuyển vị trí của plugin messenger. Cảm ơn bạn nhiều.

Diều Hâu
Quản trị viên
Trả lời  Giang
25/05/2020 11:29 sáng

Bạn CSS lại vị trí của nó nhé.

Linh
Linh
08/07/2020 9:22 chiều

cho mình hỏi là mình đang làm đồ án mà chưa up surcode lên thì có dùng chat bot được k ạ?thanks ad

santa
santa
16/09/2020 10:19 chiều

chào bạn, mình đã cài và muốn gỡ cái chat này ra khỏi wordpress thì làm thế nào ? đã xóa code trong footer rồi nhưng vẫn hiện lên trên web

Diều Hâu
Quản trị viên
Trả lời  santa
17/09/2020 10:50 sáng

Xóa cái đoạn script đi là được bạn ( Xóa rồi thì clear cache đi nhé)

dat
dat
19/09/2020 10:38 chiều

ai xem giúp tại sao trang hiển thị trang ko vơi ak. (chỉ bị trang cuối cùng ví dụ ản phẩm hoặc bài viết tin tức cụ thể)
1) hiển thị được: https://giayintemtrasua.com/
2)ko hiển thị được: https://giayintemtrasua.com/giay-in-tem-tra-sua/giay-in-tem-tra-sua-50×30-mm/

Minh
Minh
29/10/2020 6:30 sáng

Chào bạn
Mình cài lên mà nó bị trùng với cái nút quay lên đầu trang. Có cách nào set nó lên cao hơn 1 chút được không nhỉ. Mình dùng WP
trang của mình: https://giahuyland.com.vn/

Last edited 15 giờ trước đây by Minh
Diều Hâu
Quản trị viên
Trả lời  Minh
29/10/2020 10:39 sáng

Bạn có thể CSS để thay đổi lại ví trí của nó nhé, tham khảo bài này nhé:
https://stackoverflow.com/questions/54557444/facebook-customer-chat-messenger-positioning

BẠN CẦN HỖ TRỢ VỀ

Viết Blog

Bảo Mật

Sửa Lỗi

Tăng Tốc

SEO

Bán Hàng

CÓ THỂ BẠN CHƯA BIẾT

[Infographic] WordPress là gì? Vì sao nó được sử dụng nhiều nhất?

WordPress chắc chắn là không xa lạ gì với một bloger. Nhưng một số người mới vẫn thường xuyên đặt câu hỏi WordPress là...

Làm thế nào để sao lưu cơ sở dữ liệu trong WordPress

Ở bài viết những file wordpress nào nên sao lưu và làm bằng cách nào có bạn đã hỏi làm thế nào để tự...

Làm thế nào chuyển hướng người dùng tới bài viết ngẫu nhiên trong WordPress?

Trong một vài trường hợp, một số blogger hay webmaster muốn chuyển hướng người dùng tới một bài viết ngẫu nhiên nào đó trong...

VPS NÊN DÙNG

BÀI VIẾT LIÊN QUAN

0 0 vote
Article Rating