Як додати AI чат-бот Asyntai до Odoo

Покрокова інструкція для вебсайтів на Odoo

Платформа:

Крок 1: Отримайте код для вставки

Спочатку перейдiть до вашої Панелi керування Asyntai та прокрутiть вниз до роздiлу "Код для вставки". Скопiюйте унiкальний код для вставки, який виглядатиме так:

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

Примітка: Код вище є лише прикладом. Ви повиннi скопiювати власний унiкальний код для вставки з вашої Панелi керування, оскiльки вiн мiстить ваш особистий ID вiджета.

Крок 2: Додати код за допомогою Code Injection (Odoo 16+)

Якщо ви використовуєте Odoo версії 16 або новішої, ви можете використовувати вбудовану функцію Code Injection для додавання чат-бота на всі сторінки:

Увійдіть до вашого бекенду Odoo та перейдіть до додатку Website
Натисніть Edit, щоб увійти до редактора вебсайту
Натисніть опцію Theme на панелі інструментів редактора
Перейдіть до Website Settings
Знайдіть та натисніть на Code Injection
Натисніть опцію </body>, щоб додати код перед закриваючим тегом body
Вставте ваш код вбудовування Asyntai в редактор коду
Натисніть Save, щоб застосувати зміни

Порада: Додавання коду до розділу </body> розміщує його безпосередньо перед закриваючим тегом body, що є рекомендованим розміщенням для чат-віджетів і не сповільнить завантаження вашої сторінки.

Альтернатива: Використання HTML-редактора (Odoo 14-15)

Для Odoo версій 14 та 15 ви можете використовувати HTML-редактор для додавання коду:

Увійдіть до вашого бекенду Odoo та перейдіть до додатку Website
Натисніть Edit, щоб увійти до редактора вебсайту
Натисніть на випадаюче меню Customize
Виберіть HTML/CSS/JS Editor
Виберіть Main Layout зі списку редагованих шаблонів
Прокрутіть до низу шаблону, безпосередньо перед закриваючим тегом </t>
Вставте ваш код для вставки Asyntai
Натисніть Save та оновіть сторінку

Важливо: При безпосередньому редагуванні HTML переконайтеся, що використовуєте валідний синтаксис XHTML. Ваш тег script має бути самозакриваючим за потреби. Зміни будуть застосовані до всіх сторінок вашого вебсайту.

Альтернатива: Метод розробника (власний модуль)

Якщо ви розробник або маєте доступ до власних модулів Odoo, ви можете створити шаблон, що успадковує макет вебсайту:

<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>

Примітка: Цей метод вимагає створення власного модуля Odoo та додавання вищенаведеного коду до XML-представлень вашого модуля. Після додавання оновіть список модулів та встановіть модуль.

Крок 3: Перевірте встановлення

Після збереження змін відкрийте ваш вебсайт у новій вкладці браузера або у вікні інкогніто. Ви повинні побачити кнопку чат-віджета у нижньому правому куті. Натисніть на неї, щоб переконатися, що вона відкривається та працює коректно.