Cách thêm Asyntai AI Chatbot vào Wix

Hướng dẫn từng bước cho các trang web Wix

Nền tảng:

Bước 1: Lấy Mã Nhúng của Bạn

Trước tiên, hãy vào Bảng điều khiển Asyntai và cuộn xuống phần "Mã nhúng". Sao chép mã nhúng riêng của bạn, mã này sẽ trông như sau:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Lưu ý: Mã ở trên chỉ là ví dụ. Bạn phải sao chép mã nhúng duy nhất của riêng mình từ Bảng điều khiển vì nó chứa ID tiện ích cá nhân của bạn.

Bước 2: Thêm mã bằng Custom Code (Khuyến nghị)

Custom Code thêm chatbot vào tất cả các trang cùng lúc. Wix cung cấp tính năng này cho các trang web đã xuất bản và có tên miền được kết nối, điều này yêu cầu gói Premium:

Đăng nhập vào tài khoản Wix của bạn và vào Bảng điều khiển của trang web
Nhấp Cài đặt trong thanh bên trái
Trong phần Development & integrations, nhấp Custom Code
Nhấp "+ Add Custom Code" ở góc trên bên phải
Dán mã nhúng Asyntai của bạn vào ô văn bản
Nhập tên cho mã của bạn (ví dụ: "Asyntai Chatbot")
Dưới \"Add Code to Pages\", chọn \"All pages\"
Dưới "Place Code in", chọn "Body - end"
Nhấp "Apply" để lưu

Mẹo: Chọn "Body - end" đặt kịch bản ngay trước thẻ đóng </body>, là vị trí được khuyến nghị cho các widget chat.

Thay thế: Sử dụng phần tử Embed HTML (Gói miễn phí)

Không có gói Premium, bạn có thể thêm mã vào một trang bằng phần tử Embed HTML. Wix hiển thị phần tử này dưới dạng iframe, vì vậy widget chat nằm bên trong khung của phần tử và không nổi trên trang. Hãy làm khung đủ lớn cho cửa sổ chat khi mở.

Mở trang web của bạn trong Trình chỉnh sửa Wix
Nhấp "Add Elements" (nút "+") trên thanh công cụ bên trái
Chọn "Embed Code", sau đó "Popular Embeds", rồi "Embed HTML"
Nhấp "Enter Code" và dán mã nhúng Asyntai của bạn
Nhấp "Apply"
Kéo các góc của phần tử để làm nó đủ lớn cho cửa sổ chat khi mở
Nhấp "Publish" để lưu các thay đổi của bạn

Quan trọng: Với phương pháp Embed HTML, bạn cần thêm phần tử vào từng trang mà bạn muốn chatbot xuất hiện. Để thêm vào tất cả các trang cùng lúc, hãy dùng phương pháp Custom Code ở trên.

Bước 3: Xác minh Cài đặt

Sau khi thêm mã, hãy xuất bản trang web và truy cập nó trong một tab trình duyệt mới hoặc cửa sổ ẩn danh. Bạn sẽ thấy nút widget chat ở góc dưới bên phải. Nhấp vào để đảm bảo nó mở và hoạt động đúng.

Không thấy tiện ích? Hãy đảm bảo trang web của bạn đã được xuất bản (không chỉ lưu). Wix có thể mất vài phút để áp dụng các thay đổi mã tùy chỉnh. Thử xóa bộ nhớ đệm trình duyệt hoặc xem trong cửa sổ ẩn danh.

Thêm Thanh tìm kiếm AI

Thanh tìm kiếm AI là một widget riêng với mã riêng. Thêm nó cùng với chat, hoặc dùng một mình. Nó cần gói Standard trở lên: ở gói thấp hơn, thanh vẫn hiện nhưng không trả về kết quả.

Thêm thuộc tính data-replace vào thẻ script và thanh này sẽ thay chỗ thanh sẵn có của giao diện. Thêm nó trong Settings, Custom Code, cùng vị trí với mã chat. Wix chỉ cung cấp Custom Code với gói Premium có tên miền được kết nối, vì vậy bạn cần gói này để cài đặt.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>