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

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

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ã qua Cài đặt trang (Tất cả các trang)

To add the chatbot to all pages of your Webflow site at once:

Đăng nhập vào tài khoản Webflow của bạn và chọn dự án của bạn
Nhấp vào biểu tượng bánh răng (Cài đặt trang) trong thanh bên trái
Nhấp vào "Custom Code" trong menu cài đặt
Cuộn xuống phần "Footer Code" (trước thẻ </body>)
Dán mã nhúng Asyntai của bạn
Nhấp "Save Changes"
Publish your site for the changes to go live

Mẹo: Thêm mã vào phần Footer đặt nó ngay trước thẻ đóng </body>, được khuyến nghị cho các widget chat vì nó không làm chậm việc tải trang của bạn.

Thay thế: Mã tùy chỉnh theo trang cụ thể

Nếu bạn chỉ muốn chatbot trên các trang cụ thể:

Mở dự án của bạn trong Webflow Designer
Nhấp vào bảng điều khiển Pages (biểu tượng thư mục) trong thanh bên trái
Di chuột qua trang bạn muốn chỉnh sửa và nhấp vào biểu tượng bánh răng
Cuộn xuống "Custom Code"
Dán mã nhúng Asyntai của bạn vào phần "Before </body> tag"
Nhấp "Save"
Xuất bản trang web của bạn

Thay thế: Sử dụng phần tử Embed

Bạn cũng có thể thêm chatbot bằng phần tử Embed ở bất kỳ đâu trên trang của bạn:

Mở dự án của bạn trong Webflow Designer
Nhấp nút "+" để mở bảng điều khiển Thêm
Tìm kiếm "Embed" hoặc tìm nó trong mục Components
Kéo phần tử Embed vào trang của bạn
Dán mã nhúng Asyntai vào trình soạn thảo mã
Nhấp "Save & Close"
Xuất bản trang web của bạn

Quan trọng: Khi sử dụng phần tử Embed, bạn sẽ cần thêm nó vào mỗi trang nơi bạn muốn chatbot. Để cài đặt toàn trang, hãy sử dụng phương pháp Cài đặt trang ở trên.

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

Sau khi xuất bản trang web, hãy mở 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.