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.

Chia sẻ lên:
Đăng ký
Thông báo về
guest
67 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 2 năm 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

Tri
Tri
17/12/2020 3:03 chiều

Mình muốn điều chỉnh vị trí khung chát lên cao lên điều chỉnh chỗ nào vậy bạn

admin
admin
Trả lời  Tri
17/03/2022 12:40 chiều

b vào link này https://business.facebook.com/latest/inbox/chat_plugin
tìm đến mục này
Tùy chỉnh Plugin chat
Thay đổi màu sắc và cách căn chỉnh của Plugin chat cho phù hợp với thương hiệu của bạn.

Tâm
Tâm
21/01/2021 11:33 chiều

Chào bạn, bạn cho mình xin cách gỡ facebook chat ra khỏi wordpress đc ko? m thấy nó làm web load bị chậm quá. Mình cảm ơn.

Minh An
Quản trị viên
Trả lời  Tâm
22/01/2021 8:12 sáng

Bạn chỉ cần tìm được chỗ mà đoạn code trên được thêm vào, sau đó xóa đi là được nhé. Thường thì bạn hãy tìm trong phần theme options, chỗ thêm đoạn javascript. Nếu không thấy thì khả năng đoạn code được đưa trực tiếp vào trong theme bạn đang sử dụng. Bạn hãy liên hệ với người đã thêm phần này vào để hỏi rõ nhé. Hoặc chat với mình trên fanpage để mình hỗ trợ kỹ hơn

T Nguu
T Nguu
Trả lời  Minh An
08/07/2021 1:37 chiều

cho mình hỏi khi mình thay đổi tài khoản A ở plugin đó bằng tài khoản B thì khi vào face của tài khoản B thì nó thông báo

Account Temporarily Unavailable.
Your account is currently unavailable due to a site issue. We expect this to be resolved shortly. Please try again in a few minutes.
giờ tài khoản B đăng nhập phải vô tk và mật khâủ A
giờ làm sao

Minh An
Quản trị viên
Trả lời  T Nguu
08/07/2021 3:14 chiều

Ý bạn là plugin nào nhỉ. Bài viết này có sử dụng plugin nào đâu?

bảo
bảo
23/03/2021 4:18 chiều

hay cảm ơn

Ánh Hồng
Ánh Hồng
20/05/2021 10:38 chiều

Mình đang sử dụng web trên nền Google site, có phần nhúng HTML , vậy mình muốn thêm chat vào có phải mình coppy đoạn code rồi past vào phần nhúng đó không ạ

Minh An
Quản trị viên
Trả lời  Ánh Hồng
21/05/2021 10:03 sáng

Vâng, bạn cứ thử xem sao

Linh
Linh
Trả lời  Ánh Hồng
25/06/2021 9:03 sáng

Bạn làm được không bạn

nickydang
nickydang
30/09/2021 4:10 chiều

ad cho hỏi tôi dùng googlesite thì ad code vào chỗ nào thank!

Minh An
Quản trị viên
Trả lời  nickydang
30/09/2021 4:26 chiều

Google Site hiện tại không hỗ trợ thêm javascript vào, Vậy nên không có cách nào cả bạn nhé

duydu
duydu
14/10/2021 8:16 chiều

chào bạn mình không biết gì về code cả lên không biết phải dán cái mã code đó vào đâu của web mong bạn giúp mình

Minh An
Quản trị viên
Trả lời  duydu
14/10/2021 8:31 chiều

hầu hết các theme bây giờ đều có chỗ để thêm đoạn code này rồi. Bạn thử đọc lại tài liệu của theme nhé. Bạn đang sử dụng theme gì nhỉ?

Thái
Thái
13/12/2021 4:31 chiều

bài viết hữu ích quá.