Cách Thêm Chatbot AI Asyntai vào Duda

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

Nền tả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 Cài đặt Trang (Khuyến nghị)

Cách dễ nhất để thêm chatbot vào tất cả trang web Duda là qua Cài đặt Trang:

Đăng nhập vào tài khoản Duda và mở trình biên tập trang web
Trong thanh bên trái, nhấp "More" (biểu tượng ba dấu chấm)
Nhấp "Settings"
Cuộn xuống và nhấp "Head HTML"
Trong trường "Body End HTML", dán mã nhúng Asyntai
Nhấp "Save"
Nhấp "Publish" ở góc trên bên phải để đưa thay đổi lên trực tuyến

Mẹo: Thêm mã vào phần Body End HTML đảm bảo chatbot tải sau nội dung trang, không ảnh hưởng đến tốc độ tải trang. Phương pháp này tự động thêm chatbot vào mọi trang trên trang web.

Phương pháp Thay thế 1: Tiện ích HTML (Trang Cụ thể)

Nếu bạn muốn thêm chatbot chỉ vào các trang cụ thể, sử dụng tiện ích HTML:

Mở trang bạn muốn chỉnh sửa trong trình biên tập Duda
Trong thanh bên trái, tìm kiếm "HTML" trong bảng tiện ích
Kéo và thả tiện ích HTML vào cột hoặc hàng trên trang
Nhấp vào tiện ích để chỉnh sửa
Dán mã nhúng Asyntai vào trường mã
Nhấp "Update"
Nhấp "Publish" để đưa thay đổi lên trực tuyến

Lưu ý: Tiện ích HTML cho phép bạn nhúng mã tùy chỉnh bất kỳ đâu trên trang. Vị trí trực quan của tiện ích không ảnh hưởng đến nơi chatbot xuất hiện - nó vẫn hiển thị ở góc dưới bên phải theo cấu hình.

Phương pháp Thay thế 2: Chế độ Nhà phát triển (Nâng cao)

Cho người dùng nâng cao, bạn có thể sử dụng Chế độ Nhà phát triển để thêm mã trực tiếp vào HTML:

Trong trình biên tập Duda, nhấp biểu tượng Developer Mode trong thanh trên cùng
Nhấp "Site HTML/CSS" để mở rộng lựa chọn
Nhấp "body-end.html" từ danh sách tệp
Cuộn đến dòng cuối của tệp
Dán mã nhúng Asyntai trên dòng mới
Nhấp "Save"
Nhấp "Done" để thoát Chế độ Nhà phát triển
Nhấp "Publish" để triển khai thay đổi

Quan trọng: Chế độ Nhà phát triển cho bạn truy cập trực tiếp vào HTML và CSS của trang web. Đảm bảo chỉ thêm mã ở cuối tệp body-end.html để tránh làm hỏng chức năng trang web. Luôn kiểm tra thay đổi trước khi xuất bản.

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

Sau khi xuất bản thay đổi, mở trang web 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 trò chuyện ở góc dưới bên phải. Nhấp vào nó để đảm bảo nó mở và hoạt động chính xác.