Как да добавите Asyntai AI чатбот към Odoo

Ръководство стъпка по стъпка за уебсайтове с Odoo

Платформа:

Стъпка 1: Вземете вашия код за вграждане

Първо отидете на вашето Табло за управление на Asyntai и превъртете надолу до секцията "Код за вграждане". Копирайте уникалния си код за вграждане, който ще изглежда така:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Забележка: Кодът по-горе е само пример. Трябва да копирате собствения си уникален код за вграждане от вашето Табло за управление, тъй като съдържа вашия личен ID на уиджета.

Стъпка 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: Проверка на инсталацията

След като запазите промените си, отворете уебсайта си в нов раздел на браузъра или в прозорец инкогнито. Трябва да видите бутона на чат уиджета в долния десен ъгъл. Щракнете върху него, за да се уверите, че се отваря и работи правилно.