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

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

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ã sử dụng Chèn mã (Odoo 16+)

Nếu bạn đang sử dụng Odoo phiên bản 16 trở lên, bạn có thể sử dụng tính năng Chèn mã tích hợp để thêm chatbot vào tất cả các trang:

Đăng nhập vào phần quản trị Odoo và vào ứng dụng Website
Nhấp Chỉnh sửa để vào trình soạn thảo trang web
Nhấp vào tùy chọn Theme trong thanh công cụ của trình chỉnh sửa
Chuyển đến Cài đặt Website
Tìm và nhấp vào Chèn mã
Nhấp vào tùy chọn </body> để thêm mã trước thẻ đóng body
Dán mã nhúng Asyntai vào trình soạn thảo mã
Nhấp Save để áp dụng thay đổi

Mẹo: Việc thêm mã vào phần </body> sẽ đặt nó ngay trước thẻ đóng body, đây là vị trí được khuyến nghị cho tiện ích chat và sẽ không làm chậm việc tải trang.

Thay thế: Sử dụng Trình soạn thảo HTML (Odoo 14-15)

Với Odoo phiên bản 14 và 15, bạn có thể sử dụng Trình soạn thảo HTML để thêm mã:

Đăng nhập vào phần quản trị Odoo và vào ứng dụng Website
Nhấp Chỉnh sửa để vào trình soạn thảo trang web
Nhấp vào menu thả xuống Tùy chỉnh
Chọn Trình soạn thảo HTML/CSS/JS
Chọn Bố cục chính từ danh sách các mẫu có thể chỉnh sửa
Cuộn xuống cuối mẫu, ngay trước thẻ đóng </t>
Dán mã nhúng Asyntai của bạn
Nhấp Lưu và làm mới trang

Quan trọng: Khi chỉnh sửa HTML trực tiếp, hãy đảm bảo sử dụng cú pháp XHTML hợp lệ. Thẻ script của bạn nên tự đóng nếu cần. Các thay đổi sẽ áp dụng cho tất cả các trang trên trang web của bạn.

Thay thế: Phương pháp dành cho nhà phát triển (Module tùy chỉnh)

Nếu bạn là nhà phát triển hoặc có quyền truy cập các module Odoo tùy chỉnh, bạn có thể tạo mẫu kế thừa từ bố cục trang web:

<template id="asyntai_chatbot" inherit_id="website.layout">

    <xpath expr="//div[@id='wrapwrap']" position="after">

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

    </xpath>

</template>

Lưu ý: Phương pháp này yêu cầu tạo module Odoo tùy chỉnh và thêm mã trên vào các view XML của module. Sau khi thêm, cập nhật danh sách module và cài đặt module.

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

Sau khi lưu các thay đổi, hãy mở trang web của bạn 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 chat ở góc dưới bên phải. Nhấp vào để đảm bảo nó mở và hoạt động đúng.