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.

Về tác giả

Diều Hâu

Chào các bạn,

Mình là coder, đang sống và làm việc ở Mỹ. Mình thích viết lách nên muốn dành khoảng thời gian trống để chia sẻ các thủ thuật giúp các bạn xây dựng được trang web riêng của mình. Nếu bạn có bất kỳ câu hỏi nào, hãy comment ở dưới nhé, mình sẽ trả lời hết tất cả.

20
Trả Lời

avatar
 
smilegrinwinkmrgreenneutraltwistedarrowshockunamusedcooleviloopsrazzrollcryeeklolmadsadexclamationquestionideahmmbegwhewchucklesillyenvyshutmouth
9 Chủ đề bình luận
11 Trả lời chủ đề
8 Người theo dõi
 
Phản ứng nhiều nhất
Bình luận nóng nhất
9 Tác giả
SugarTran LocDiều HâuThiencuuVinh Tác giả bình luận gần đây

  Đăng ký  
mới nhất cũ nhất bình chọn nhiều nhất
Thông báo về
Phú Hà
Đọc giả

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

Thái Nguyên Web
Đọc giả

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.

Tony
Đọc giả

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

webnpmvung
Đọc giả

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

webnpmvung
Đọc giả

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

Vinh
Đọc giả
Vinh

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

Thiencuu
Đọc giả

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
Đọc giả
Sugar

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 ?

Tran Loc
Đọc giả

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

Pin It on Pinterest

Share This

Share this post with your friends!