Tiện ích trò chuyện trên trang web cho phép khách truy cập trang web liên hệ với bạn qua trò chuyện trực tiếp hoặc thông qua Kênh nhắn tin khác mà bạn đã kết nối.

Kết nối tiện ích trò chuyện trên trang web

Xem video bên dưới để biết hướng dẫn từng bước về Cách kết nối trò chuyện trên trang web với respond.io.

How to Connect Website Chat to respond.io

Bước 1: Vào Cài đặt > Kênh

Bước 2: Nhấp vào Thêm kênh > Trò chuyện trên trang web > Kết nối

Bước 3: Điền vào trang web mà Tiện ích sẽ được thêm vào.

Tham khảo nội dung sau đây để biết cách đưa các trang web vào danh sách trắng.

Nếu người dùng thêmhttps://app.respond.iothì chỉhttps://app.respond.iomới được đưa vào danh sách trắng. Bất kỳ tên miền phụ hoặc tên miền gốc nào khác đều không hoạt động.
Nếu người dùng thêmhttps://*.respond.io, thì tất cả các tên miền phụ bao gồm cả tên miền gốc sẽ được đưa vào danh sách trắng.
Nếu người dùng thêmhttps://respond.io, thì chỉ có tên miền gốc mới được đưa vào danh sách trắng.

Bước 4:Chọn Màu chủ đề cho Tiện ích bằng công cụ chọn màu tương tác.

Chọn màu phù hợp với thương hiệu của bạn màu sắc và trang web.

Bước 5:Chọn một Biểu tượng cho Tiện ích để hiển thị trên trang web. Nếu bạn muốn tải lên biểu tượng tùy chỉnh, bạn có thể tải lên biểu tượng hình vuông có kích thước khuyến nghị là 256px x 256px.

Tiện ích có thể được tùy chỉnh thêm sau khi kết nối.

Bước 6: Nhấp vàoTiếp theo> Thêm tập lệnh vào trang web bạn muốn. Ngoài ra, bạn có thể gửi hướng dẫn cài đặt cho người khác qua email.

Cài đặt Tiện ích trò chuyện

Bạn có thể cần quản trị viên trang web hoặc quản trị viên kỹ thuật hỗ trợ cài đặt tiện ích trò chuyện trên trang web. Vui lòng tìm kiếm sự trợ giúp nếu cần thiết.

Tùy thuộc vào hệ thống bạn sử dụng để tạo và quản lý trang web, chúng tôi đã tạo hướng dẫn từng bước để hướng dẫn bạn cài đặt Tiện ích trò chuyện vào trang web của mình.

Đối với các nền tảng hoặc dịch vụ khác, hãy điều hướng đến nguồn HTML của trang. Dán đoạn mã trước thẻ </body> .

<body>
...
...
...
<Paste Script Here>
</body>

Nếu bạn cần trợ giúp, bạn có thể chọn chuyển tiếp tập lệnh cùng với hướng dẫn cài đặt cho quản trị viên trang web của mình. Chọn hộp kiểm tương ứng và nhập địa chỉ email của người có thể giúp bạn cài đặt plugin trò chuyện.

Tiện ích trò chuyện trên trang web respond.io sẽ xuất hiện trên trang web của bạn sau khi tập lệnh được cài đặt thành công.

Tùy chỉnh Tiện ích trò chuyện

Bước 1:Trong Không gian làm việc của bạn, hãy vàoCài đặt>Kênh

Bước 2: Tìm Kênh trò chuyện trên trang web > nhấp vào Tùy chỉnh

Tùy chỉnh Tiện ích Trang web để phù hợp với giao diện của trang web'để tiện ích trông liền mạch. Ở phía bên phải của trang, có bản xem trước của tiện ích trò chuyện trên trang web. Bất kỳ tùy chỉnh nào được thực hiện cho tiện ích sẽ phản ánh trên tiện ích đó để giúp bạn hiểu rõ hơn về những gì bạn đang tùy chỉnh.

Hiển thị & Giao diện

Bạn có thể tùy chỉnh những mục sau để thay đổi giao diện hiển thị của tiện ích trên trang web.

Cánh đồng	Sự miêu tả
Màu chủ đề	Màu được chọn sẽ được sử dụng làm màu chính cho tiện ích của bạn.
Màu văn bản	Màu được chọn sẽ được sử dụng làm màu văn bản chính của tiện ích.
Biểu tượng trò chuyện trên trang web	Biểu tượng được chọn sẽ được sử dụng bên trong bong bóng tiện ích cùng với Màu chủ đề. Bạn có thể tải lên biểu tượng tùy chỉnh nếu cần.
Tin nhắn bật lên	Tin nhắn bật lên sẽ hiển thị cho khách truy cập trang web một lần mỗi ngày, 5 giây sau khi trang tải xong. Nếu không được xác định, sẽ không có thông báo bật lên nào xuất hiện với người truy cập trang web.

Xác thực cho Biểu tượng trò chuyện trên trang web:

Kích thước tệp tối đa: 1MB
Kích thước tệp tối đa: 256 x 256 px
Hình dạng: Hình vuông

Chức vụ

Cánh đồng	Sự miêu tả
Căn chỉnh với	Người dùng có thể chọn vị trí hiển thị tiện ích ở bên trái hoặc bên phải của nền tảng.
Khoảng cách dọc	Người dùng có thể chỉ định khoảng cách theo chiều dọc giữa tiện ích trò chuyện trên trang web và phần dưới cùng của màn hình.
Khoảng cách ngang	Người dùng có thể chỉ định khoảng cách theo chiều ngang giữa tiện ích trò chuyện trên trang web và cạnh màn hình.
Kích thước tiện ích	Người dùng có thể chọn kích thước của tiện ích là Nhỏ, Chuẩn hoặc Lớn.
Tùy chọn hiển thị	Người dùng có thể chọn hiển thị tiện ích này trên máy tính để bàn, thiết bị di động hoặc cả hai.

Các phần tử tiêu đề

Cánh đồng	Sự miêu tả
Tiêu đề	Tiêu đề sẽ hiển thị ở đầu tiện ích trò chuyện của bạn.
Khẩu hiệu	Khẩu hiệu sẽ được hiển thị bên dưới tiêu đề.
Logo trò chuyện trang web	Thả hình ảnh logo của bạn vào đây để nó hiển thị ở đầu phần Trò chuyện trên Trang web. Định dạng có thể là PNG, SVG hoặc JPG và kích thước tệp không quá 4,0 MB.
Biểu tượng kênh	Tùy chọn này sẽ cho phép Người liên hệ liên hệ với bạn thông qua Kênh ưa thích của họ nếu có các tùy chọn được cung cấp. Bạn có thể thêm tối đa sáu Kênh và kênh này sẽ được hiển thị ở đầu Tiện ích trò chuyện trên trang web.
Màu biểu tượng kênh	Biểu tượng kênh có thể được hiển thị ở dạng màu trắng hoặc màu trên tiện ích trò chuyện của bạn. Chọn Trắng hoặc Có màu để phù hợp với Màu chủ đề của tiện ích trò chuyện.

Xác thực cho Logo trò chuyện trên trang web:

Kích thước tệp tối đa: 4MB
Kích thước tệp tối đa: 1024 x 1024 px
Hình dạng: Hình vuông

Biểu tượng kênh

Nếu Tiện ích trò chuyện trên trang web chưa từng được cấu hình trước đó, các Kênh được kết nối có thông tin đầy đủ sẽ được liệt kê theo mặc định là liên kết Kênh tiện ích.

Bạn có thể thêm tiện ích liên kết Kênh và chỉ định thông tin cần thiết cho Kênh đã chọn.

Sau đây là danh sách Trường nhập liệu cần thiết cho mỗi Liên kết kênh được hỗ trợ.

Liên kết kênh	Trường nhập bắt buộc
WhatsApp	Số điện thoại WhatsApp
Tin nhắn Facebook	ID trang Facebook
Điện tín	Tên Bot Telegram
Twitter	ID Twitter
ĐƯỜNG KẺ	ID DÒNG
Viber	Tên tài khoản công khai Viber
tin nhắn SMS	Số điện thoại SMS
E-mail	Địa chỉ email
Cuộc gọi điện thoại	Số điện thoại
Liên kết tùy chỉnh	Địa chỉ URL và Biểu tượng
Mã QR tùy chỉnh	Hình ảnh và biểu tượng QR

Xác thực cho Biểu tượng Kênh:

Kích thước tệp tối đa: 1MB
Kích thước tệp tối đa: 256 x 256 px
Hình dạng: Hình vuông

Biểu mẫu trước khi trò chuyện

Bật tùy chọn này sẽ thêm biểu mẫu trò chuyện trước vào mục Trò chuyện trên trang web của bạn. Nếu được bật, khách truy cập trang web của bạn sẽ thấy một biểu mẫu để điền vào trước khi bắt đầu trò chuyện.

Khi bật tùy chọn này, bạn có thể thêm các trường tùy chỉnh bổ sung khi cần thiết. Ngoài ra, bạn cũng có thể tùy chỉnh nhãn cho các trường mặc định về cách chúng hiển thị trong Danh bạ của bạn.

Nhãn trường có thể được tùy chỉnh sang ngôn ngữ khác để phù hợp với ngôn ngữ của trang web'.

Cài đặt bổ sung

Cánh đồng	Sự miêu tả
Thanh văn bản đầu vào	Văn bản này sẽ có chức năng giữ chỗ trong vùng nhập văn bản.
Phông chữ văn bản	Phông chữ sẽ được sử dụng để hiển thị phông chữ trong tiện ích trò chuyện trên trang web.

Hạn chế các tệp đính kèm đến

Khi tùy chọn này được chọn, khách truy cập trang web sẽ không có tùy chọn để đính kèm tệp trong tiện ích trò chuyện trên trang web.

Giữ trò chuyện trên trang web ẩn

Khi sử dụng tùy chọn này, tiện ích sẽ bị ẩn hoàn toàn. Cho đến khi nhấp vào Tham chiếu neo hoặc khi cuộc trò chuyện được mở thông qua API theo chương trình.

#webchat_widget

Sử dụng neo ở trên, bạn có thể tạo một nút trên trang của mình để mở tiện ích sau khi nhấp vào.

Ẩn thương hiệu Respond.io

Sử dụng tùy chọn này, bạn có thể xóa thương hiệu respond.io khỏi Tiện ích của mình.

Cấu hình kênh

Bước 1: Nhấp vào Cài đặt > Kênh

Bước 2: Tìm mục Trò chuyện trên Trang web > nhấp vào Quản lý

Bước 3: Trong trang Cấu hình trò chuyện trên trang web bạn sẽ thấy các cấu hình sau:

Liên kết trò chuyện - Liên kết URL để Liên hệ của bạn truy cập Kênh của bạn.
Tên kênh - Tên kênh có thể được thay đổi và được sử dụng nội bộ để xác định Kênh.
Tên miền trang web - Trang web được kết nối với Tiện ích của bạn.
Mã trò chuyện trên trang web - Mã bạn có thể dán vào nguồn HTML của trang web nếu bạn cần lấy đoạn mã đã tạo.

Nếu bạn không bao gồm trang web của mình trong danh sách này, tiện ích của bạn sẽ không tải được. Bạn có thể thêm nhiều URL nếu bạn đang sử dụng plugin trên nhiều trang web.

Bước 4: Nhấp vào Lưu thay đổi để cập nhật trang Cấu hình trò chuyện trên trang web

Xác định người dùng đã đăng nhập

Bạn có thể xác định người dùng đã đăng nhập vào trang web của mình bằng cách thêm mã JavaScript đơn giản vào mã trang web. Khi mã định danh được truyền khớp với Liên hệ hiện có, cuộc trò chuyện hiện tại sẽ được tiếp tục.

Thuật ngữ “người dùng” được sử dụng trong bối cảnh trang web của bạn. Trên nền tảng respond.io, chúng tôi tiếp tục gọi họ là “Liên hệ”.

window.__respond_settings = {
  định danh: "customer@example.com",
  Tên: "Jane",
  họ: "Doe",
  điện thoại: "60123456789",
  email: "customer@example.com",
  ảnh đại diện: "https://static.independent.co.uk/s3fs-public/thumbnails/image/2015/07/08/14/pic.jpg",
  Mã quốc gia: "MY",
  ngôn ngữ: "en",
  // Trường tùy chỉnh
  custom_fields: {
    // slug của trường tùy chỉnh
    số: 123,
    mô tả: "một số văn bản",
  },
};

Hướng dẫn cách sử dụng mã

Chỉnh sửa mã (được cung cấp bên dưới) để gửi cho respond.io mã định danh của người dùng hiện đang đăng nhập. Đây có thể là địa chỉ email hoặc ID liên hệ hoặc dựa trên bất kỳ trường Liên hệ nào khác. Xin lưu ý rằng mã định danh là trường bắt buộc.
Dán mã ngay vào thẻ head của mỗi trang mà bạn muốn trò chuyện trên trang web xuất hiện.
- Tập lệnh để xác định người dùng đã đăng nhập phải được đặt phía trên mã trò chuyện trên trang web có thể tìm thấy trong hộp thoại cấu hình trò chuyện trên trang web.
Bạn cũng có thể gửi Trường liên hệ respond.io liên kết với Danh bạ của bạn để chúng tôi lưu trữ trường Liên hệ trong quá trình tạo Liên hệ. Tên trường (hoặc slug) có thể được tìm thấy trong mô-đun Trường liên hệ.
Xin lưu ý rằng nếu bạn sử dụng tính năng này, biểu mẫu trò chuyện trước sẽ bị bỏ qua, nghĩa là Người liên hệ không cần phải điền thông tin trước khi bắt đầu cuộc trò chuyện.

Ví dụ trên truyền địa chỉ email làm mã định danh và trong quá trình tạo Liên hệ, tất cả các trường Liên hệ được truyền sẽ được lưu trữ.

Kiểm soát theo chương trình (API dành cho người dùng)

Tiện ích trò chuyện trên trang web có thể được mở và đóng thông qua mã JavaScript của trang web. Tính năng này cho phép bạn tạo nút tùy chỉnh "Trò chuyện với chúng tôi" trên Trang web của bạn và kích hoạt Tiện ích trò chuyện trên Trang web mở ra khi khách truy cập nhấp vào nút đó.

Hành động

Mở trò chuyện
1. Mô tả: Mở tiện ích trò chuyện.
2. Cú pháp: $respond.do("chat:open")
Đóng trò chuyện
1. Mô tả: Đóng tiện ích trò chuyện.
2. Cú pháp: $respond.do("chat:close")

Người nghe sự kiện

Hộp trò chuyện đã được mở
1. Mô tả: Xử lý sự kiện mở tiện ích trò chuyện (kích hoạt hàm gọi lại của bạn).
2. Cú pháp:$respond.on("chat:opened", callback)
Hộp trò chuyện đã đóng
1. Mô tả: Xử lý sự kiện đóng tiện ích trò chuyện (kích hoạt hàm gọi lại của bạn).
2. Cú pháp:$respond.on("chat:closed", callback)

Phương pháp kiểm tra trạng thái

Có mở tính năng trò chuyện không?
1. Mô tả: Trả về true nếu tiện ích trò chuyện được mở, nếu không thì trả về false.
2. Cú pháp: $respond.is("chat:open")
Trò chuyện đã đóng chưa?
1. Mô tả: Trả về true nếu tiện ích trò chuyện bị đóng, nếu không thì trả về false.
2. Cú pháp: $respond.is("chat:closed")

Câu hỏi thường gặp và khắc phục sự cố

Tại sao tin nhắn của tôi không được gửi đến Danh bạ?

Có thể có một số lý do khiến tin nhắn không được gửi đi:

Người liên hệ đã rời khỏi trang web.
Liên hệ không hoạt động có thể quá thời gian chờ.
Khách hàng của liên hệ có thể gặp sự cố kết nối internet.

Tại sao Widget của tôi không xuất hiện trên trang web của tôi?

Đảm bảo mã được cài đặt đúng. Tham khảo hướng dẫn tại đây về cách cài đặt tiện ích trò chuyện trên trang web.
Hãy đảm bảo đưa trang web muốn cài đặt tiện ích vào danh sách trắng. Tham khảo Bước 3 của Kết nối Tiện ích trò chuyện trên trang web để biết cách đưa tên miền của bạn vào danh sách trắng.

Tiện ích trò chuyện trên trang web Khởi động nhanh