Trang chủ >
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.
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.
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 thông tin trang web mà bạn muốn thêm Widget.
Tham khảo nội dung sau để 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ỉ cóhttps://app.respond.iođượ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.
Các 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.
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 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ã lệnh 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 bạn. 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.
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.
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ự mô tả |
|---|---|
Màu chủ đề | Màu được chọn sẽ được sử dụng làm màu chính của tiện ích. |
Văn bản màu | 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. |
Hiển thị lên tin nhắn | Thông báo bật lên được hiển thị cho khách truy cập trang web một lần mỗi ngày 5 giây sau khi tải trang. 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 cho 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
Cánh đồng | Sự mô tả |
|---|---|
Căn chỉnh tớ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 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ánh đồng | Sự mô 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 đề. |
Biểu trưng trò chuyện trên trang web | Thả hình ảnh logo của bạn vào đây để nó hiển thị ở đầu khung 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ọ, miễn là 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à chúng 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 khác 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
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 bắt buộc 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 |
|---|---|
Số điện thoại WhatsApp | |
Tin nhắn Facebook | ID trang Facebook |
Telegram | Tên Bot Telegram |
Mã số Twitter | |
LINE | ID DÒNG |
Viber | Tên tài khoản công khai Viber |
SMS | SMS Số điện thoại |
Đị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 |
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
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ẽ được cung cấp một biểu mẫu để điền 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ánh đồng | Sự mô tả |
|---|---|
Văn bản thanh đầu vào | Văn bản này sẽ có chức năng như một chỗ 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. |
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 tin vào tiện ích trò chuyện trên trang web.
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.
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.
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. Bạn có thể thêm nhiều URL nếu bạn'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
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 vào khớp với một 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 = {
identifier: "[email protected]",
firstName: "Jane",
lastName: "Doe",
phone: "60123456789",
email: "[email protected]",
profilePic: "https://static.independent.co.uk/s3fs-public/thumbnails/image/2015/07/08/14/pic.jpg",
countryCode: "MY",
language: "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 hiển thị phần trò chuyện trên trang web.
Mã 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 các Trường liên hệ respond.io được 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 Danh bạ. 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ữ.
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 đó.
Mở trò chuyện
Mô tả: Mở tiện ích trò chuyện.
Cú pháp: $respond.do("chat:open")
Đóng trò chuyện
Mô tả: Đóng tiện ích trò chuyện.
Cú pháp: $respond.do("chat:close")
Hộp trò chuyện đã được mở
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).
Cú pháp:$respond.on("chat:opened", callback)
Hộp trò chuyện đã đóng
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).
Cú pháp:$respond.on("chat:closed", callback)
Có mở tính năng trò chuyện không?
Mô tả: Trả về true nếu tiện ích trò chuyện được mở, nếu không thì trả về false.
Cú pháp: $respond.is("chat:open")
Trò chuyện đã đóng chưa?
Mô tả: Trả về true nếu tiện ích trò chuyện bị đóng, nếu không thì trả về false.
Cú pháp: $respond.is("chat:closed")
Có thể có một số lý do khiến tin nhắn không được gửi:
Người liên hệ đã rời khỏi trang web.
Liên hệ'không hoạt động có thể vượt quá thời gian chờ.
Liên hệ'khách hàng có thể gặp sự cố kết nối internet.
Hãy đảm bảo mã được cài đặt đúng. Tham khảo hướng dẫntại đâyvề 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ủaKế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.
Bài viết liên quan 👩💻