Quay lại bảng điều khiển

Tài liệu

Tìm hiểu cách sử dụng Asyntai

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

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

Lấy Mã Nhúng

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

Đầu tiên, đi đến Bảng điều khiển Asyntai và cuộn xuống phần "Mã Nhúng". Sao chép mã nhúng duy nhất của bạn sẽ trông như thế này:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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:

  1. Log in to your Tilda account and open your site editor
  2. Click Site Settings (gear icon) in the top menu
  3. Cuộn xuống phần "More"
  4. Find "HTML code for the HEAD section for all pages"
  5. Nhấp "Edit code"
  6. Dán mã nhúng Asyntai của bạn vào ô văn bản
  7. Nhấp "Save"
  8. Click "Publish" to apply changes to your live site

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:

  1. Mở trang bạn muốn chỉnh sửa trong trình chỉnh sửa Tilda
  2. Click "+ Add Block" or press "T"
  3. Trong Thư viện khối, vào Other → T123 (Embed HTML Code)
  4. Hoặc tìm kiếm "T123" trong thanh tìm kiếm
  5. Nhấp vào khối T123 để thêm nó vào trang của bạn
  6. Trong cài đặt khối, dán mã nhúng Asyntai của bạn
  7. Đặt khối ở bất kỳ đâu trên trang của bạn (không ảnh hưởng đến vị trí widget)
  8. 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:

  1. Mở trang trong trình chỉnh sửa Tilda
  2. Click Page Settings (gear icon) in the top menu
  3. Vào tab "Additional"
  4. Tìm "HTML code for the HEAD section"
  5. Dán mã nhúng Asyntai của bạn
  6. 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.

Không thấy tiện ích? Hãy đảm bảo bạn đã xuất bản các thay đổi (không chỉ lưu). Thử xóa bộ nhớ đệm trình duyệt hoặc xem trang web của bạn trong cửa sổ ẩn danh. Các thay đổi của Tilda có thể mất một lát để xuất hiện trên trang trực tiếp.