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

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

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: Chọn Phương pháp Cài đặt

Có nhiều cách để thêm widget chat vào trang Weebly của bạn. Chọn phương pháp phù hợp nhất với bạn:

Phương pháp 1: Mã chân trang toàn trang (Khuyến nghị)

Phương pháp này thêm chatbot vào mọi trang của trang Weebly của bạn một cách tự động.

Đăng nhập vào tài khoản Weebly của bạn và mở trình chỉnh sửa trang web
Nhấp vào Settings trong menu trên cùng
Chọn SEO từ thanh bên trái
Cuộn xuống để tìm phần Footer Code
Dán mã nhúng Asyntai của bạn vào ô Footer Code
Nhấp Save
Nhấp Publish để đưa thay đổi lên trực tuyến

Tại sao lại dùng Footer Code? Thêm kịch bản vào chân trang đảm bảo nó tải sau nội dung trang của bạn, là tối ưu cho hiệu suất và không làm chậm trang web của bạn.

Phương pháp 2: Cài đặt trang đơn

Nếu bạn chỉ muốn chatbot trên các trang cụ thể, hãy sử dụng phương pháp này cho mỗi trang:

Trong trình chỉnh sửa Weebly, nhấp vào Pages trong menu trên cùng
Chọn trang nơi bạn muốn thêm chatbot
Nhấp vào SEO Settings (hoặc Advanced Settings) cho trang đó
Tìm phần Footer Code
Dán mã nhúng Asyntai của bạn
Nhấp Save
Lặp lại cho bất kỳ trang nào khác mà bạn muốn chatbot
Nhấp Publish để đưa thay đổi lên trực tuyến

Lưu ý: Mã cấp trang chỉ ảnh hưởng đến trang cụ thể đó. Nếu bạn muốn chatbot trên nhiều trang, phương pháp toàn trang hiệu quả hơn.

Phương pháp 3: Sử dụng phần tử Embed Code

Bạn cũng có thể sử dụng phần tử Embed Code của Weebly, mặc dù phương pháp chân trang được ưu tiên cho các widget chat:

Trong trình chỉnh sửa Weebly, vào tab Build
Find the Embed Code element under the Basic section
Kéo phần tử Embed Code vào trang của bạn (tốt nhất là gần cuối)
Nhấp vào phần tử và chọn Edit Custom HTML
Dán mã nhúng Asyntai của bạn
Nhấp ra ngoài phần tử để lưu
Nhấp Publish để đưa thay đổi lên trực tuyến

Quan trọng: Phần tử Embed Code sẽ không hiển thị bản xem trước trong trình chỉnh sửa. Bạn sẽ cần xuất bản trang web để thấy chatbot hoạt động.

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

Sau khi xuất bản trang web, hãy truy cập 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? Weebly không hiển thị bản xem trước cho mã được thêm trong các phần đầu trang/chân trang. Hãy đảm bảo bạn đã nhấp "Publish" để các thay đổi có hiệu lực. Thử xóa bộ nhớ đệm trình duyệt hoặc xem trong cửa sổ ẩn danh.

Lưu ý Weebly Square Online

Nếu bạn đang sử dụng Square Online (nền tảng thương mại điện tử của Weebly), các bước tương tự:

Vào bảng điều khiển Square Online của bạn
Điều hướng đến Website > Site Settings
Tìm Advanced Settings hoặc Custom Code
Thêm mã nhúng Asyntai của bạn vào phần chân trang
Lưu và xuất bản các thay đổi của bạn

Tài liệu