Hướng dẫn chỉnh sửa màu chatbox trên website

Việc hỗ trợ khách hàng qua chat box trên mỗi website là không thể thiếu, có nhiều công cụ chat với khách hàng để được hỗ trợ tư vấn như tawk.to , unchat, messenger FB…

Vậy bạn cần cài công cụ nào thì phù hợp và tiện lợi cho việc chăm sóc khách hàng của mình trên website mỗi khi khách ghé thăm web.

Làm thế nào để có được 1 widget như vậy trên blog/ website của bạn? Hôm nay tôi hướng dẫn cách cấu hình chat facebook website trên website của bạn 1 cách đơn giản chi tiết dễ thao tác cho những bạn cần sử dụng

Các bước tích hợp Facebook Chat cho website

1. Đầu tiên, các bạn cần phải truy cập vào fanpage Facebook của bạn

Click vào “Cài đặt”

Hướng dẫn chỉnh sửa màu chatbox trên website

2. Tiếp theo bạn click vào “Nền tảng Messenger” -> tiếp tục click vào “Chuyển đến phần này” ở mục “Plugin chat với khách hàng”

Hướng dẫn chỉnh sửa màu chatbox trên website

3. Tiếp theo bạn click vào “Thiết lập” để bắt đầu cấu hình phần chat Messenger

Hướng dẫn chỉnh sửa màu chatbox trên website

4. Tiếp tục nhấp “Tiếp” để bắt đầu cài đặt

Hướng dẫn chỉnh sửa màu chatbox trên website

5. Bắt đầu cài đặt ngôn ngữ “Tiếng việt” và Lời chào khi có khách vào website “Lời chào” -> nhấn Lưu để thay đổi ngôn ngữ và lời chào vừa tạo -> tiếp tục nhấn “Tiếp” để chuyển qua bước tiếp theo.

Hướng dẫn chỉnh sửa màu chatbox trên website

6. Tiếp tục chọn màu phù hợp cho nút Chat Messenger , Click vào nút “Tiếp“ để chuyển qua bước tiếp theo.

Hướng dẫn chỉnh sửa màu chatbox trên website

7. Tiếp tục điền tên miền website vào khung “Thêm tiên miền trang web” nhấn lưu

Tiếp tục click vào khung có mã màu xanh bên cạnh để coppy đoạn mã code chat để pase vào website . Click vào nút “Hoàn tất” để thoát

Hướng dẫn chỉnh sửa màu chatbox trên website

8. Sau khi đã coppy được đoạn mã code hãy đăng nhập vào website của bạn, thao tác pase đoạn mã đó vào 1 khung ở footer trong widget hoặc bạn có thể page trực tiếp đoạn code này ở thư mục footer.php

9. Sau khi lưu toàn bộ đoạn mã code đã được pase vào web bạn kiểm tra website của bạn và sẽ thấy được Messenger đã được tích hợp trên website và có thể chat trực tiếp với khách hàng nếu có tương tác như thế này

Với việc cài đặt plugin Customer Chat Facebook này lên web sẽ giúp khách hàng của bạn có thể dễ dàng trò chuyện với fanpage của bạn thông qua tài khoản Facebook Messenger.

So với Facebook Messenger thông thường, Chatbot tích hợp vào website sẽ mang lại hiệu quả cao hơn và tốc độ tải trang cũng sẽ được cải thiện đáng kể. Tích hợp AI Chatbot vào website cũng đơn giản hơn, bạn chỉ cần truy cập tudongchat.com, chọn tích hợp và sao chép mã Code để dán vào website của bạn như ảnh:

Hướng dẫn chỉnh sửa màu chatbox trên website

Tiếp theo, thao tác hướng dẫn AI Chatbot tự động trả lời bằng cách ghi giới thiệu tóm tắt về sản phẩm, dịch vụ của bạn đơn giản như hình minh họa:

Hướng dẫn chỉnh sửa màu chatbox trên website
Hình ảnh ví dụ về thao tác hướng dẫn Chatbot GPT

Chatbot của tudongchat.com đang hỗ trợ dùng thử 7 ngày, nhanh tay đăng ký và trải nghiệm để tiết kiệm thời gian làm việc.

Trước khi bắt đầu cài đặt bạn phải có:

  • Fanpage để tích hợp chat Facebook
  • Tạo App Facebook và lấy ID App
  • Website cần cài đặt Customer Chat Facebook

Truy cập fanpage của bạn -> Cài đặt -> Nền tảng Messenger -> Miền được đưa vào danh sách hợp lệ ( có chứa giao thức http hoặc https).

Hướng dẫn chỉnh sửa màu chatbox trên website

Hướng dẫn chỉnh sửa màu chatbox trên website

Hướng dẫn chỉnh sửa màu chatbox trên website

Trong đó

Miền được đưa vào danh sách hợp lệ: nhập tên website bạn muốn tích hợp messenger.

Sau đó chọn Lưu.

Di chuột xuống phía dưới bạn sẽ thấy thẻ Plugin với khách hàng

Hướng dẫn chỉnh sửa màu chatbox trên website

Chọn Thiết lập

Hướng dẫn chỉnh sửa màu chatbox trên website

Hướng dẫn chỉnh sửa màu chatbox trên website

Ngôn ngữ: bạn có thể chọn ngôn ngữ tương ứng ( ở đây chọn được ngôn ngữ Tiếng Việt) Lời chào: bạn có thể thay đổi lời chào tại đây

Sau đó chọn Tiếp để thiết lập những bước tiếp theo

Hướng dẫn chỉnh sửa màu chatbox trên website

Thiết lập đoạn chat với khách hàng

Thời gian phản hồi: bạn có thể lựa chọn các khung giờ gợi ý tại đây Hiển thị màu: chọn màu phù hợp với thương hiệu hoặc trang web của bạn

Sau đó chọn Tiếp

Hướng dẫn chỉnh sửa màu chatbox trên website

Thiết lập đoạn chat với khách hàng

ADD WEBSITE DOMAIN NAME: nhập tên miền bạn muốn tích hợp messenger (có chứa giao thức http hoặc https)

Chọn Lưu

Sao chép đoạn mã -> Chọn Hoàn tất -> Dán vào website bạn muốn tích hợp.

Nhúng mã code vào SimpleCMS

Dán mã ngay sau thẻ hoặc thẻ trên mỗi trang bạn muốn plugin này xuất hiện.

Trong màn hình quản trị website bạn chọn Giao diện -> Mã nhúng -> dán mã code vào trường Script footer -> chọn Lưu