Hướng dẫn bật plugin chat facebook trên fanpage facebook cho website của bạn

Xin chào các bạn, các bạn thấy trên website thuvienhuongdan.com nhìn trông rất bắt mắt và chuyên nghiệp giống như các web shop lớn đúng không? Nhưng các bạn lại đang phân vân là không biết liệu mình có thể làm được không, hay các bạn lập trình viên của website có làm được hay không, thì nay nó đã trở thành điều đơn giản rồi, và điều này có ngay tại fanpage facebook mà bạn đang quản trị.

Chúng ta vào chi tiết hướng dẫn luôn nhé! Trong bài viết này mình sử dụng fanpage Thư Viện Hướng Dẫn và ngôn ngữ tiếng Việt.

Đầu tiên, bạn cần vào trang fanpage facebook của mình, vào phần cài đặt của page.

Tiếp theo, bên cột bên trái, bạn tìm và click chuột vào dòng “Nền tảng Messenger”

Khi bạn vào đây rồi, kéo xuống dưới một tí bạn sẽ thấy giống như hình bên dưới này, bạn chỉ cần nhập vào đường dẫn website của bạn cần gắn chat là được.

Lưu ý: bạn cần phải sử dụng SSL cho website của bạn (chứng thực bảo mật - https trên đường link của website) để có thể sử dụng được một cách tốt nhất Nền tảng Messenger này của Facebook

Tiếp đến hãy nhấp vào nút Thiết lập để bắt đầu thiết lập cho trình chat của bạn

Đầu tiên; nhấp nút “Tiếp”

1. Đầu tiên, hãy chọn Ngôn ngữ mà trình chat của bạn sẽ hiển thị; ở đây chúng ta sẽ chọn Tiếng Việt
2. Tiếp theo đó, hãy nhấp nút “Thay đổi” để thay đổi lời chào sẽ hiển thị trên trình chat
3. Nhấp “Tiếp” để qua bước tiếp theo

Tiếp tục: chọn thời gian tự động trả lời theo ý thích của bạn. Nếu bạn muốn tùy chỉnh màu sắc như màu xanh dương của Thư Viện Hướng Dẫn thì bạn click vào nút “OFF” ở mũi tên bên trái phía dưới. Ngược lại hãy chọn “Tiếp” để qua bước tiếp theo.

Hình dưới đây là hướng dẫn về chọn màu cho ô chat:

1. Click để nút chuyển thành “on”
2. Click vào nút màu để website hiển thị bảng màu
3. Bạn có thể nhập vào mã màu hex tùy chọn mà bạn thích hoặc các màu mặc định có sẵn mà facebook đã gợi ý trong bảng màu.

Cuối cùng, hoàn tất các bước sau đây:

1. Nhập lại đường dẫn website mà bạn sẽ chèn plugin chat của facebook vào
2. Nhấp nút “Lưu”
3. Sao chép đoạn code ở khung vuông này và gửi cho lập trình viên hoặc chèn đoạn code này trực tiếp vào website của bạn (bạn có thể copy lưu lại trong file txt cũng được)
4. Check vào ô “Tôi đã thêm mã vào trang web”
5. Nhấp nút “Hoàn tất”

Và dưới đây là 2 ảnh kết quả trên website:

Ảnh này là lúc người dùng chưa đăng nhập vào facebook mà đang truy cập vào website của bạn.

Còn ảnh trên đây là lúc người dùng đang đăng nhập vào facebook và đang truy cập vào website của bạn.

Lưu ý: các bạn có thể copy đoạn mã (code) trên và gửi cho bạn lập trình viên, rồi thực hiện 2 bước cuối cùng cũng được, không nhất thiết bắt buộc phải đợi bạn lập trình viên chèn code lên website rồi mới hoàn tất.

Update: Đối với Admin của VNM Design (VNM Control), trong trang cài đặt, chỉ cần copy đoạn code từ:

<!-- Your customer chat code -->
<div class="fb-customerchat"
  attribution="setup_tool"
  page_id="1686273554981099"
  theme_color="#138496"
  logged_in_greeting="Cần hướng dẫn? Chat ngay! Hoàn toàn miễn phí!!!"
  logged_out_greeting="Cần hướng dẫn? Chat ngay! Hoàn toàn miễn phí!!!">
</div>

Vào box cài đặt là đủ, các đoạn code phía trên đã được chèn sẵn vào website nên không cần copy lại tránh làm website tải chậm cũng như xung đột code không cần thiết.

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