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
64 Bình Luận
Inline Feedbacks
View all comments

Phú Hà
08/01/2019 11:53 chiều

Bài hướng dẫn dễ hiểu quá, cảm ơn Ad nhiều ạ 😀

Diều Hâu
Quản trị viên
Trả lời  Phú Hà
08/01/2019 11:57 chiều

Cảm ơn bạn đã quan tâm nhé, có gì góp ý có thể comment cho mình biết nhé

Thái Nguyên Web
21/01/2019 3:19 chiều

Tích hợp mhx vào web cũng khá hay, giảm khá khá dung lượng nếu web nhiều comment. Web bán hàng sẽ tương tác với khách hàng tốt hơn.

Diều Hâu
Quản trị viên
Trả lời  Thái Nguyên Web
21/01/2019 9:17 chiều

Nó cũng là một lợi thế vì ai giờ cũng dùng FB 😀

Tony
27/01/2019 6:24 chiều

chào bạn, mình có làm theo hướng dẫn, nhưng khi chèn, f5 các kiểu nhưng công cụ chát không hiện lên, có phải với web joomla mình chèn vào file index.html đúng ko ạ, nhờ bạn chỉ dẫn, xin cảm ơn

Diều Hâu
Quản trị viên
Trả lời  Tony
27/01/2019 8:33 chiều

bạn tìm xem có trang footer.php không thì chèn vào nhé 😀

webnpmvung
25/07/2019 5:39 chiều

Mình dùng google sites (https://sites.google.com/site/vungtvo) chèn vào như thế nào vậy bạn?

Diều Hâu
Quản trị viên
Trả lời  webnpmvung
25/07/2019 5:46 chiều

Sau khi Facebook tạo ra được cái mã code để nhúng vào website, bạn thử làm cách này để nhúng nhé: https://www.youtube.com/watch?v=eEhl7cuEDy8

webnpmvung
25/07/2019 5:52 chiều

Google site mới thì thêm vào ok. Nhưng mình đang sử dụng Google site Cổ điển. (hình như nó không chạy được code JavaScript, chèn vào trang dưới dạng mã html toàn bị xóa ko à. Đính kèm link hình ảnh mô tả lỗi: https://drive.google.com/file/d/1prqgPvJq1XXBx-ARxea5NUdZNsT85GtG/view?usp=sharing

Diều Hâu
Quản trị viên
Trả lời  webnpmvung
25/07/2019 10:37 chiều

Thì đổi lên Google site mới đi bạn.

webnpmvung
Trả lời  Diều Hâu
25/07/2019 10:43 chiều

Hihi. tại thích cái cũ, tùy chỉnh giao diện các thứ dễ dàng với nhiều công cụ hơn. 🙂

webnpmvung
Trả lời  Diều Hâu
25/07/2019 10:48 chiều

Tìm thấy có clip hướng dẫn chuyển code Script sang Apps Script rồi chèn vào google site cổ điển.

Link: https://www.youtube.com/watch?v=2tSD23aJ4JI

Mà hướng dẫn bằng tiếng anh, nên mình xem ko hiểu. Nếu bạn có thời gian rảnh, xem và chỉ mình ứng dụng vào cái CHAT FACEBOOK. Xin cám ơn!

Vinh
Vinh
03/08/2019 3:25 chiều

Plugin chat với khách hàng hình như đã bị tắt, mình vào phần Nền tảng Messenger không còn thấy nửa

Diều Hâu
Quản trị viên
Trả lời  Vinh
03/08/2019 4:21 chiều

Bạn kiểm tra lại xem, mình hiện đang dùng bình thường, xem có ai gỡ đoạn script ra rồi không.

Vinh
Vinh
Trả lời  Diều Hâu
04/08/2019 9:29 chiều

Mình cài đặt cho fanpage mới, cài đặt -> Nền tảng Messenger chỉ thấy:
Cài đặt chung
Liên kết Messenger của bạn
Cài đặt Khám phá
High Volume Messages

Không còn giống như trước nửa

Thiencuu
08/08/2019 5:08 chiều

Cám ơn Ad rất nhiều. Bài viết quá hữu ích đối với một người mới như mình. Tiện đây mình mong Ad giúp đỡ, mình làm theo hướng dẫ tất cả oke hết. Chỉ là nếu sử dụng trên điện thoại thì không có hiện ra Facebook Mesenger nữa. Mong Ad hướng dẫn cách hiện Mesenger khi truy cập Web bằng điện thoại. Cám ơn Ad rất nhiều ^^

Sugar
Sugar
16/08/2019 4:40 chiều

Mình có thêm tên miền vào và copy code plugin messenger đưa vào website nhưng sau khi thêm tên miền và lưu lại sau đó refresh trang cài đặt thì tên miền tự động bị xóa nên website không hiện được icon chat messenger. Xin hỏi đây là lỗi gì và cách xử lý ra sao ?

Diều Hâu
Quản trị viên
Trả lời  Sugar
16/08/2019 5:21 chiều

Phần setting tên miền trong Facebook bị mất hay cụ thể là chỗ nào nhỉ?

Sugar
Sugar
Trả lời  Diều Hâu
21/08/2019 5:04 chiều

Chỗ Miền được đưa vào danh sách hợp lệ mình có thêm tên miền rồi ấn lưu lại nhưng tên miền đó lại tự động bị xóa đi dù có thêm lại bao nhiêu lần đi nữa thành ra không thể liên kết được với website để hiện button messenger trên web.

Tran Loc
20/08/2019 10:42 chiều

Xin cảm ơn bạn chia sẻ. Mình đang cần cái này.

NamLe
09/09/2019 3:59 chiều

cho mình hỏi xíu bạn sao mình làm vậy nhứng ko có nút chat hiện lên bạn-mình dùng .Net core 2.2
thanks bạn

Diều Hâu
Quản trị viên
Trả lời  NamLe
09/09/2019 9:24 chiều

😀 xem nhúng đúng chỗ chưa

MANH
MANH
20/09/2019 4:29 chiều

a cho e hỏi, tại sao mình vào developer facebook để lấy code tích hợp vào website, nhưng nó không nhận trang được ạ

Diều Hâu
Quản trị viên
Trả lời  MANH
20/09/2019 5:22 chiều

Bạn xem đã làm đúng hướng dẫn chưa, đặc biệt là đoạn thêm tên miền vào whitelist của Facebook. Ngoài ra bạn check xem website có lỗi gì không. F12 trên browser nhé

Hong Nguyet
Hong Nguyet
28/09/2019 11:05 chiều

Mình dùng wix.com thì chèn code như thế nào vậy ạ ?

Diều Hâu
Quản trị viên
Trả lời  Hong Nguyet
28/09/2019 11:10 chiều
Trần Quân
Trần Quân
31/10/2019 3:45 chiều

chào bạn,cảm ơn bạn về bài viết.Mình vào fanpage của mình thì không có phần thiết lập Plugin bạn ạ
Mục “nền tảng messenger “của mình cũng tên là” Nhắn tin nâng cao”
bạn chỉ mình với nhé!Cảm ơn bạn nhiều !!!Chúc bạn nhiều sức khỏe để làm việc!!!

Diều Hâu
Quản trị viên
Trả lời  Trần Quân
31/10/2019 5:30 chiều

Facebook họ mới update cái này, để mình check lại cách cài đặt nhé rồi hướng dẫn lại cho bạn

thảo uyên
thảo uyên
06/11/2019 10:34 chiều

dạ em làm theo các bước nhứng đến phần copy code thì lại lưu nó vào bộ nhơ stmaj, v em nên tìm code ở đâu ạ

Diều Hâu
Quản trị viên
Trả lời  thảo uyên
10/11/2019 12:10 sáng

Tìm ở đâu còn phụ thuộc vào website của bạn nhé 😀 thường thì chèn ở footer là được.

Thanh
Thanh
21/12/2019 3:16 chiều

Mình làm toàn bị lỗi này khi update footer
Unable to communicate back with site to check for fatal errors, so the PHP change was reverted. You will need to upload your PHP file change by some other means, such as by using SFTP.
Help me

Diều Hâu
Quản trị viên
Trả lời  Thanh
21/12/2019 11:18 chiều

Bạn chụp ảnh đoạn code mà bạn thêm vào website để mọi người cùng xem nhé. Khả năng cao là bạn thêm bị sai nên nó mới báo như vậy

Mỹ Ngọc
Mỹ Ngọc
07/01/2020 4:57 chiều

Fanpage của em không có phần plugin chat với khách hàng, mọi người biết tại sao không ạ 😥

Huy Mạnh
Huy Mạnh
Trả lời  Mỹ Ngọc
07/02/2020 12:35 sáng

Bạn vào phần “Nhắn tin” nha. Nó được chuyển vô đó rồi

Mạnh
Mạnh
17/02/2020 9:44 sáng

có cách nào để phân biệt khách ib từ Website và facebook không ad

Diều Hâu
Quản trị viên
Trả lời  Mạnh
17/02/2020 11:24 chiều

Trong Analytics có đó bạn.

nguyen
nguyen
04/03/2020 6:32 sáng

sao cái messenger nó che hết trang web mà mình tắt không được nhỉ,tắt nó cứ hiện lại

Diều Hâu
Quản trị viên
Trả lời  nguyen
04/03/2020 12:58 chiều

Gửi link mình xem thử nhé.

AnAn
AnAn
14/03/2020 10:29 sáng

cảm ơn ad…mà vd khách hàng muốn tắt khung chat thì làm thế nào ad?

Diều Hâu
Quản trị viên
Trả lời  AnAn
14/03/2020 2:19 chiều

Tắt là tắt hẳn đi hay thu nhỏ nó xuống nhỉ bạn.

Lê Bằng
Lê Bằng
03/04/2020 2:09 sáng

Bạn ơi mình gắn được FB Chat vào website rồi nhưng khi bấm vào biểu tượng chat trên website thì khung chat nó lại hiện ở góc dưới bên trái chứ không phải góc dưới bên phải như bình thường. Làm sao để chỉnh được vị trí khung chat bạn?

clone
clone
Trả lời  Lê Bằng
18/05/2020 3:01 chiều

đấy bạn pate phải nơi css định dạng trái rồi. bạn xem thử lại cấu trúc xem.