Hướng dẫn tích hợp Code Chat Facebook Messenger cho WordPress

Bạn muốn tích hợp Code Chat Facebook Messenger cho WordPress mà không muốn sử dụng plugin. Hãy theo dõi bài viết.

Bạn đã từng sử dụng qua các công cụ chat miễn phí và trả phí như Vchat, Subiz chat, Zopim Chat,…và đang mong muốn tìm kiếm một công cụ chat đơn giản, đồng bộ và miễn phí cho website WordPress của mình. Câu trả lời tốt nhất ở thời điểm hiện tại đó là Chat Facebook Messenger của Facebook. Tìm hiểu về nó một tý trước khi bắt đầu cài đặt nhé.

Chat Facebook Messenger là gì ?

Chat Facebook Messenger là một công cụ Chat chính chủ trên nền tảng Messenger của Facebook. Có rất nhiều tên gọi như Chat Facebook, Chat Messenger, Chat Facebook Messenger, Customer Chat Plugin (Tên gọi của Facebook), Customer Chat Facebook, Livechat Facebook,…Ở bài viết này mình tạm gọi là Chat Facebook Messenger nhé.

Đây là một công cụ mạnh mẽ để bạn có thể tích hợp vào web WordPress của mình để hỗ trợ chat trực tuyến với khách hàng.

Công cụ Chat Facebook Messenger từ khi mới ra đời với phiên bản beta đã đáp ứng tốt nhu cầu của người sử dụng với tính năng và hữu ích của nó. Chính vì vậy sau nhiều lần chỉnh sửa Facebook đã chính thức trình làng chức năng Chat Facebook Messenger cho website.

Ưu điểm của Chat Facebook Messenger

• Hoàn toàn miễn phí đó là lý do mình chọn công cụ này để thay thế một số công cụ khác.
• Không yêu cầu người dùng nhập thông tin trước khi Chat như Tên, SĐT, Email,…
• Có thể xem được thông tin khách hàng qua tài khoản facebook họ sử dụng.
• Đồng bộ hóa tin nhắn và có thể Chat cùng lúc với nhiều khách hàng.
• Lịch sử tin nhắn được lưu vĩnh viễn và dễ dàng tìm kiếm khi cần.
• Có App Trình quản lý trang tích hợp trên điện thoại và máy tính bảng để bạn dễ dàng hỗ trợ khách hàng ở bất kỳ đâu chỉ cần có internet.
• Tương thích tốt với các thiết bị máy tính bảng và điện thoại di động.
• Sử dụng nền tảng Messenger của Facebook với hơn 60 triệu người đang sử dụng.

Nhược điểm của Chat Facebook Messenger

• Không phù hợp với những khách hàng không sử dụng Facebook thường xuyên.
• Khách hàng phải có tài khoản facebook mới có thể chat được.
• Không có những công cụ theo dõi hành vi của khách hàng như đang xem sản phẩm nào và một số công cụ marketing khác đi kèm.

Hướng dẫn tích hợp Code Chat Facebook Messenger cho WordPress

Thiết lập cấu hình Chat Facebook Messenger

Bước 1: Đăng nhập vào Facebook > Chọn trang Fanpage cần tích hợp code chat Facebook Messenger lên Website.

Bước 2: Chọn Cài đặt > Nền tảng Messenger 

Bước 3: Tại trang Plugin chat với khách hàng > Thiết lập

Bước 4: Thiết lập Ngôn ngữ, Lời chào > Tiếp

Bước 5: Thiết lập Thời gian phản hồi, Màu sắc icon chat > Tiếp

Bước 6: Thiết lập Tên miền trang web (Lưu ý nhập đúng định https:// hay http:// nha), Chọn tùy chọn cài đặt mã, Sao chép đoạn mã lưu vào Notepad ++ > Hoàn tất

Cài đặt Chat Facebook Messenger thủ công

Bước 1: Truy cập vào hosting website theo đường dẫn: /public_html/wp-content/themes/trinhcongtri-child

Trong đó: trinhcongtri-child là tên theme WordPress của bạn

Bước 2: Tìm và mở file footer.php lên và dán đoạn mã code đã copy ở trên vào trước thẻ đóng </body> và Lưu lại > Hoàn tất

Cài đặt Chat Facebook Messenger từ trang quản trị WordPress

Nếu bạn không rành và ngại chỉnh sửa trực tiếp code website thì có thể thêm code từ trang quản trị WordPress của mình.

Bước 1: Đăng nhập vào trang quản trị WordPress > Giao diện > Sửa

Bước 2: Chọn theme WordPress bạn đang sử dụng > Chọn file footer.php

Dán đoạn mã code đã copy ở bước trên vào trước thẻ đóng </body> và chọn Cập nhật tệp tin > Hoàn tất

Giờ thì bạn có thể truy cập vào web của mình để xem kết quả. Đây là thành quả của mình.

Lỗi thường gặp khi cài đặt Chat Facebook Messenger và cách khắc phục

Mình đã cài đặt rất nhiều lần Chat Facebook Messenger cho nhiều web của mình và chỉ phát hiện một lỗi là sau khi cài đặt hoàn tất hết thì vào web vẫn không hiển thị icon Chat Facebook Messenger.

Và sau khi mình tìm hiểu và xem source một số website khác thì mình thấy code được cung cấp từ facebook của mình khi cài đặt thiếu một đoạn như sau:

#xfbml=1&version=v2.12&autoLogAppEvents=1

Nếu bạn gặp lỗi tương tự thì chỉ cần thêm đoạn code trên vào sau đường dẫn file js kết nối của facebook là được.

Đây là đoạn code hoàn chỉnh:

Giờ thì bạn vào web Ctrl + F5 lại xem vấn đề của mình đã được giải quyết chưa.

Tóm tắt

Bạn vừa xem xong bài viết hướng dẫn về cách tích hợp Code Chat Facebook Messenger vào website WordPress thủ công. Hi vọng bạn sẽ cài đặt được một công cụ chat hỗ trợ khách hàng tốt và đặc biệt là hoàn toàn miễn phí. Nếu kết hợp được với chat Bot tự động sẽ hỗ trợ và giữ chân khách hàng tiềm năng của bạn hiệu quả.

Chúc các bạn thành công

Cảm ơn rất nhiều

Nguồn bài viết: https://trinhcongtri.com