Hướng dẫn tích hợp Facebook Chat vào website mà không cần dùng Plugin

Hiện nay, với nhu cầu Mua – Bán tăng cao, người bán hàng luôn muốn tìm nhiều cách nhất để tiếp cận với người tiêu dùng của mình. Trong đó, có một tính năng không thể thiếu là Live Chat facebook.

Từ đó, có rất nhiều dịch vụ Live Chat rất chuyên nghiệp ra đời. Tuy nhiên, việc sử dụng Live Chat bằng Plugin gây nên nhiều rủi ro về vấn đề bảo mật website, hoặc những sự cố về mã độc malware,..

Gần đây, Mắt Bão đã tiếp nhận được khá nhiều trường hợp website bị lỗi chuyển hướng đến website khác do sử dụng Plugin Live Chat with facebook Messenger, tuy chưa có thông tin chính xác về vụ việc này nhưng thông qua các trang mạng truyền thông, các diễn đàn, hội nhóm facebook, nhiều người cũng đã chỉ ra vấn đề chuyển hướng là nằm ở chính Plugin này.

Vậy nên, hôm nay Mắt Bão xin gửi đến quý khách bài viết “Hướng dẫn tích hợp facebook Chat vào WordPress” vừa xịn xò, vừa chính chủ của facebook, lại dễ dàng cài đặt mà không cần phải dùng đến Plugin. Đầu tiên, chúng ta cần điểm lại mốt số ưu và nhược điểm của Javascripts này nhé:

Ưu điểm:

  • Hoàn toàn miễn phí.
  • Giao diện đẹp, gọn nhẹ, hỗ trợ Tiếng Việt.
  • Tăng Like và tương tác cho Fanpage.
  • Dễ dàng quản lý người dùng.
  • Đa số người dùng đều có tài khoản facebook.
  • Quảng bá sản phẩm, thương hiệu tốt hơn.

Nhược điểm:

  • Yêu cầu người dùng có tài khoản facebook.
  • Có thể làm chậm trang web nếu đường truyền quốc tế gặp sự cố.

Như vậy bạn cũng có thể thấy được những lợi ích nếu tích hợp thêm Live Chat Facebook vào website đúng không! Bây giờ thì chúng ta cùng tiến hành cài đặt thôi ^^ Let’s go…

1. Đầu tiên, các bạn cần phải truy cập vào trang Facebook for Developers và tạo cho mình 1 ứng dụng bằng cách click vào nút Thêm ứng dụng mới (Add a New App).
Nếu bạn chưa có bất cứ ứng dụng nào ở trang này, hãy click vào Đăng ký ngay.

Screenshot 1 1 e1558583570851 800x365 1

Một khung pop-up sẽ hiện lên, bạn cần điền tên ứng dụng và email liên hệ, sau đó nhấn Tạo ID ứng dụng

2. Bạn tiếp tục nhấn Thêm sản phẩm ở ứng dụng vừa tạo, sẽ đưa bạn tới trang quản trị ứng dụng. Hãy click vào Cài đặt -> Thông tin cơ bản.

Screenshot 4 4 e1558661906566 800x460 1

3. Thông tin duy nhất mà các bạn bắt buộc phải điền trong phần này là URL chính sách quyền riêng tư (nên điền URL website của bạn). Những mục khác các bạn có thể bỏ qua.

Screenshot 5 4 e1558687597450 800x518 1

Sau đó click Lưu thay đổi để lưu lại.

4. Click vào nút Tắt (Off) để chuyển nó sang trạng thái Bật (On) (đồng nghĩa với việc ứng dụng của bạn đã được kích hoạt).

Screenshot 2 3 e1558662540296 800x324 1

Chọn 1 Hạng mục của ứng dụng và nhấn Xác nhận.

Nhớ copy ID ứng dụng vì nó sẽ được dùng đến trong các bước tiếp theo.

5. Vào trang quản trị facebook Page của bạn. Tại Cài đặt click chọn mục Nền tảng Messenger.

Screenshot 3 4 800x364 1

6. Paste ID ứng dụng mà bạn đã copy ở bước 4 vào mục Chia sẻ thuộc tính.

Thêm tên miền của bạn vào White list Miền hợp lệ (Nếu muốn hiển thị Facebook Customer Chat trên nhiều website cùng lúc, các bạn có thể điền nhiều URL trong mục này).

Screenshot 1 3 e1558663820191

Sau đó nhấn Lưu ở cả 2 mục.

7. Thiết lập Plugin chat với khách hàng

Screenshot 2 4 e1558664226457

Ở giao diện cài đặt này bạn có thể tùy chỉnh Ngôn ngữ, Lời chào, Màu sắc cho Plugin.

Lưu ý: Ở bước cài đặt cuối cùng, bạn làm theo hình hướng dẫn bên dưới.

Nhập tên miền của bạn và Tùy chọn Tôi sẽ tự cài đặt mã sau đó nhấn Hoàn tất.

Screenshot 3 5 e1558667616941

Nhớ Copy lại đoạn mã lại để chèn vào website bạn nhé.

8. Chèn đoạn mã vào Footer của blog/ website. Đối với mã nguồn WordPress, các bạn có thể chèn đoạn mã này vào bên trên thẻ </body> của file footer.php nằm trong thư mục theme.

Screenshot 6 3 e1558689860991

Và bây giờ, chúng ta cùng tận hưởng thành quả nào ^^!

Screenshot 1 4 e1558680500246

Sau khi đăng nhập vào Facebook Messenger, khách hàng có thể thoải mái trò chuyện với bạn.

Screenshot 2 5

Thật tuyệt vời phải không nào? Chúc các bạn thành công! Và nhớ chia sẻ bài viết này tới bạn bè của mình nữa nhé!.

CÓ THỂ BẠN QUAN TÂM

Dich Vu SEO
Dịch Vụ SEO Đồng Tháp
Dịch vụ SEO Đồng Tháp, chúng tôi sẽ giúp bạn phát triển doanh nghiệp của bạn lên một tầm cao mới.
Báo động nền tảng website WordPress bị hacker tấn công lừa đảo
Báo động nền tảng website WordPress bị hacker tấn công lừa đảo
Vượt qua cơ chế bảo vệ của Wordfence (“tường lửa” của WordPress), các hacker sẽ lợi dụng tấn công thay đổi ...
wordpress hosting
[HOT ] 8 Lưu Ý Cách Chọn (WORDPRESS HOSTING) | TRANHAIT.COM
WordPress đang là mã nguồn mở được sử dụng nhiều nhất trên thế giới. Nắm bắt được xu thế đó, nhiều ...
cost
Thiết Kế Website Quảng Bình
Khi gõ từ khóa “thiết kế website”, hoặc “công ty thiết kế web” trên Google, khách hàng dễ bị bối rối ...
Cong Ty Thiet Ke Web Tai Dong Thap
Công Ty Thiết Kế Website Tại Đồng Tháp
Kính gửi: Quý Khách hàng Thiết kế website đồng tháp là một trong những doanh nghiệp đứng đầu về ứng dụng công nghệ ...
Thiết kế website nội thất tại Đồng Tháp
Thiết kế website nội thất tại Đồng Tháp – Tặng Tên Miền, Hosting, Miễn phí Traffic ĐƠN VỊ THIẾT KẾ WEBSITE NỘI ...
Thiết kế website máy móc công nghiệp
Link Demo : Website máy móc công nghiệp Det Tadalafil gjør det er at det hemmer PDE5 eg nærmere bestemt testosteron ...
website ban thuc pham sach 1
Giao diện website bán thực phẩm sạch
Vifonic xin giới thiệu đến Quý khách mẫu giao diện website mới: website bán hàng thực phẩm sạch với đầy đủ các tính năng của một ...
Làm sao để tăng lượng người quan tâm trên Zalo Official Account ?
Zalo Official Account ( gọi tắt là Zalo OA ) cho phép doanh nghiệp kết nối và tương tác dễ dàng với ...
Tổng hợp các cách Né google "phạt" khi làm seo
Tổng hợp các cách Né google “phạt” khi làm seo
Hiện nay nhiều anh chị em (ace) mới làm seo nên rất dễ gặp phải những lỗi mà để google soi ...