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

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

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ã vào toàn bộ trang web của bạn (Khuyến nghị)

Để thêm chatbot vào tất cả các trang của trang web Tilda cùng lúc, hãy sử dụng phương pháp Cài đặt trang:

Đăng nhập vào tài khoản Tilda và mở trình biên tập trang web
Nhấp Site Settings (biểu tượng bánh răng) trên menu trên cùng
Cuộn xuống phần "More"
Tìm \"HTML code for the HEAD section for all pages\"
Nhấp "Edit code"
Dán mã nhúng Asyntai của bạn vào ô văn bản
Nhấp "Save"
Nhấp "Publish" để đưa thay đổi lên trực tuyến

Mẹo: Phương pháp này thêm chatbot vào mọi trang trên trang web của bạn một cách tự động. Đây là cách dễ nhất để đảm bảo chatbot có sẵn trên toàn trang web cho khách truy cập của bạn.

Thay thế: Sử dụng Khối T123 (Các trang cụ thể)

Nếu bạn muốn thêm chatbot vào các trang cụ thể, bạn có thể sử dụng khối HTML T123 của Tilda:

Mở trang bạn muốn chỉnh sửa trong trình chỉnh sửa Tilda
Nhấp \"+ Add Block\" hoặc nhấn \"T\"
Trong Thư viện khối, vào Other → T123 (Embed HTML Code)
Hoặc tìm kiếm "T123" trong thanh tìm kiếm
Nhấp vào khối T123 để thêm nó vào trang của bạn
Trong cài đặt khối, dán mã nhúng Asyntai của bạn
Đặt khối ở bất kỳ đâu trên trang của bạn (không ảnh hưởng đến vị trí widget)
Nhấp "Publish" để đưa thay đổi lên trực tuyến

Lưu ý: Khối T123 hỗ trợ HTML, JavaScript (trong thẻ <script>) và CSS (trong thẻ <style>). Vị trí trực quan của khối không quan trọng - chatbot sẽ xuất hiện ở góc dưới bên phải như đã cấu hình.

Phần Head theo trang (Nâng cao)

Để kiểm soát nhiều hơn, bạn có thể thêm mã vào phần head của từng trang:

Mở trang trong trình chỉnh sửa Tilda
Nhấp Page Settings (biểu tượng bánh răng) trên menu trên cùng
Vào tab "Additional"
Tìm "HTML code for the HEAD section"
Dán mã nhúng Asyntai của bạn
Nhấp "Save" rồi "Publish"

Quan trọng: Khi sử dụng khối T123 hoặc phương pháp theo trang, bạn sẽ cần thêm mã vào mỗi trang nơi bạn muốn chatbot xuất hiện. Để cài đặt toàn trang, hãy sử dụng phương pháp Cài đặt trang được mô tả trong Bước 2.

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

Sau khi xuất bản các thay đổi, hãy mở trang web của bạ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.