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

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

Nền tảng:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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ã sử dụng Chèn mã (Gói Business & Commerce)

Nếu bạn có gói Squarespace Business hoặc Commerce, bạn có thể thêm chatbot vào tất cả các trang cùng lúc sử dụng Chèn mã:

Đăng nhập vào tài khoản Squarespace và mở trang web của bạn
Nhấp Cài đặt trong thanh bên trái
Nhấp Nâng cao
Nhấp Chèn mã
Cuộn xuống phần Chân trang
Dán mã nhúng Asyntai vào hộp văn bản Chân trang
Nhấp "Lưu" ở góc trên bên trái

Mẹo: Việc thêm mã vào phần Chân trang sẽ đặt nó ngay trước thẻ đóng </body>, đây là vị trí được khuyến nghị cho tiện ích chat và sẽ không làm chậm việc tải trang.

Thay thế: Sử dụng Khối mã (Tất cả các gói)

Nếu bạn đang sử dụng gói Cá nhân hoặc muốn chỉ thêm chatbot vào các trang cụ thể, bạn có thể sử dụng Khối mã:

Mở trang web trong Trình soạn thảo Squarespace
Điều hướng đến trang bạn muốn thêm chatbot
Nhấp "Chỉnh sửa" trên trang
Di chuột qua một phần và nhấp vào \"+ Add Block\"
Cuộn xuống và chọn "Mã"
Nhấp biểu tượng bút chì để chỉnh sửa khối mã
Dán mã nhúng Asyntai của bạn
Nhấp bên ngoài khối để đóng trình soạn thảo
Nhấp "Lưu" ở góc trên bên trái

Quan trọng: Khi sử dụng Khối mã, bạn sẽ cần thêm mã vào mỗi trang bạn muốn chatbot xuất hiện. Để cài đặt toàn trang web, sử dụng phương pháp Chèn mã ở trên (yêu cầu gói Business hoặc Commerce).

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

Sau khi lưu các thay đổi, hãy mở trang web của bạn trong tab trình duyệt mới hoặc cửa sổ ẩn danh. Bạn sẽ thấy nút tiện ích 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 bạn đã lưu và xuất bản các thay đổi. Thử xóa bộ nhớ đệm trình duyệt hoặc xem trang web trong cửa sổ ẩn danh. Squarespace có thể mất vài phút để áp dụng các thay đổi mã.

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 ở Settings, Code Injection, Footer, cùng chỗ với mã chat. Squarespace chỉ cho dùng Code Injection trên gói Business hoặc Commerce, nên bạn cần gói đó để 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>