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

Hướng dẫn từng bước cho các cửa hàng thương mại điện tử Volusion

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: Sao lưu giao diện của bạn

Trước khi thực hiện bất kỳ thay đổi nào cho cửa hàng Volusion của bạn, điều quan trọng là tạo một bản sao lưu:

Đăng nhập vào Bảng quản trị Volusion của bạn
Điều hướng đến Design → File Editor
Nhấp vào Archive Theme để tạo bản sao lưu
Tải xuống một bản sao của kho lưu trữ để giữ an toàn

Quan trọng: Luôn sao lưu giao diện trước khi thay đổi mã. Điều này cho phép bạn dễ dàng khôi phục nếu có điều gì sai.

Bước 3: Thêm mã vào mẫu (Khuyến nghị)

Để thêm chatbot vào tất cả các trang của cửa hàng Volusion của bạn:

Trong Bảng quản trị Volusion của bạn, vào Design → Template
Vào Design → File Editor → Shortcuts
Tìm tệp mẫu chính (thường là template_*.html)
Cuộn xuống để tìm thẻ đóng </body>
Dán mã nhúng Asyntai ngay trước thẻ </body>
Nhấp Save để áp dụng các thay đổi
Xem trước cửa hàng của bạn để xác minh chatbot xuất hiện

Mẹo: Thêm mã trước thẻ đóng </body> đảm bảo hiệu suất tải trang tối ưu. Phương pháp này thêm chatbot vào mọi trang của cửa hàng của bạn một cách tự động.

Phương pháp thay thế 1: Chèn HTML đầu trang/chân trang

Volusion cho phép bạn thêm mã tùy chỉnh thông qua cài đặt toàn cục:

Đăng nhập vào Bảng quản trị Volusion của bạn
Điều hướng đến Settings → Design Settings
Tìm phần Custom HTML hoặc Footer Code
Dán mã nhúng Asyntai của bạn vào trường này
Nhấp Save
Mã sẽ được thêm vào tất cả các trang một cách tự động

Lưu ý: Vị trí chính xác của cài đặt HTML tùy chỉnh có thể khác nhau tùy thuộc vào gói và phiên bản Volusion của bạn. Tìm các cài đặt liên quan đến "Custom Code," "Header/Footer," hoặc "Global HTML."

Phương pháp thay thế 2: Cài đặt theo trang cụ thể

Nếu bạn muốn thêm chatbot vào các trang cụ thể mà thôi:

Vào Design → File Editor → Shortcuts
Tạo hoặc chỉnh sửa mẫu theo trang cụ thể sử dụng hàm PageName
Thêm mã điều kiện để chỉ bao gồm script trên các trang cụ thể:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

Mẹo: Phương pháp này hữu ích nếu bạn chỉ muốn chatbot trên một số trang như trang sản phẩm, thanh toán hoặc trang hỗ trợ. Thay thế 'home' và 'products' bằng tên trang thực tế từ cửa hàng Volusion của bạn.

Phương pháp thay thế 3: Bài viết CSS/HTML tùy chỉnh

Bạn cũng có thể thêm mã thông qua khối bài viết:

Trong Quản trị Volusion, vào Articles → Articles
Tạo một bài viết mới hoặc chỉnh sửa bài viết hiện có
Chuyển sang chế độ xem HTML trong trình chỉnh sửa bài viết
Dán mã nhúng Asyntai của bạn
Lưu bài viết
Thêm bài viết này vào mẫu trang hoặc thanh bên của bạn
Chatbot sẽ xuất hiện trên các trang nơi bài viết này được hiển thị

Lưu ý: Phương pháp này ít phổ biến hơn nhưng có thể hữu ích nếu bạn có quyền truy cập hạn chế vào các tệp mẫu hoặc muốn dễ dàng bật/tắt chatbot bằng cách ẩn/hiển bài viết.

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

Sau khi lưu các thay đổi, hãy mở cửa hàng Volusion 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 đã lưu tất cả các thay đổi mẫu. Xóa bộ nhớ đệm trình duyệt hoặc xem trong chế độ ẩn danh. Volusion có thể lưu đệm các mẫu, vì vậy các thay đổi có thể mất vài phút để xuất hiện. Kiểm tra bảng điều khiển trình duyệt (F12) để tìm lỗi JavaScript.

Cần Trợ giúp?

Nếu bạn không thoải mái chỉnh sửa các tệp mẫu, đội hỗ trợ khách hàng của Volusion có thể hỗ trợ các yêu cầu HTML và CSS tùy chỉnh. Bạn cũng có thể liên hệ hỗ trợ Asyntai để được hướng dẫn cài đặt chatbot trên cửa hàng Volusion của bạn.

Hỗ trợ chuyên nghiệp: Volusion cung cấp dịch vụ lập trình tùy chỉnh nếu bạn cần hỗ trợ chuyên nghiệp với các thay đổi giao diện hoặc tùy chỉnh phức tạp.

Tài liệu