Cómo añadir el chatbot de IA de Asyntai a Odoo

Guía paso a paso para sitios web de Odoo

Plataforma:

Paso 1: Obtén su código de inserción

Primero, ve a tu Panel de control de Asyntai y desplázate hasta la sección "Código de inserción". Copia tu código de inserción único que se verá así:

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

Nota: El código anterior es solo un ejemplo. Debe copiar su propio código de inserción único desde su Panel de control ya que contiene su ID de widget personal.

Paso 2: Añadir código usando inyección de código (Odoo 16+)

Si estás usando Odoo versión 16 o posterior, puede usar la función integrada de inyección de código para agregar el chatbot a todas las páginas:

Inicia sesión en su backend de Odoo y ve a la aplicación Website
Haga clic en Edit para entrar al editor del sitio web
Haz clic en la opción Tema en la barra de herramientas del editor
Navegue a Website Settings
Busque y haga clic en Code Injection
Haga clic en la opción </body> para agregar código antes de la etiqueta de cierre body
Pegue su código de inserción de Asyntai en el editor de código
Haga clic en Save para aplicar los cambios

Consejo: Agregar el código en la sección </body> lo coloca justo antes de la etiqueta de cierre body, que es la ubicación recomendada para widgets de chat y no ralentizará la carga de su página.

Alternativa: Usar el editor HTML (Odoo 14-15)

Para las versiones 14 y 15 de Odoo, puede usar el Editor HTML para agregar el código:

Inicia sesión en su backend de Odoo y ve a la aplicación Website
Haga clic en Edit para entrar al editor del sitio web
Haga clic en el menú desplegable Customize
Seleccione HTML/CSS/JS Editor
Elija Main Layout de la lista de plantillas editables
Desplácese hasta el final de la plantilla, justo antes de la etiqueta de cierre </t>
Pegue su código de inserción de Asyntai
Haga clic en Save y actualice la página

Importante: Al editar el HTML directamente, asegúrese de usar sintaxis XHTML válida. Su etiqueta de script debe cerrarse automáticamente si es necesario. Los cambios se aplicarán a todas las páginas de su sitio web.

Alternativa: Método para desarrolladores (Módulo personalizado)

Si es desarrollador o tiene acceso a módulos personalizados de Odoo, puede crear una plantilla que herede del layout del sitio 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>

Nota: Este método requiere crear un módulo personalizado de Odoo y agregar el código anterior a las vistas XML de su módulo. Después de agregarlo, actualice su lista de módulos e instale el módulo.

Paso 3: Verificar la instalación

Después de guardar sus cambios, abra su sitio web en una nueva pestaña del navegador o en una ventana de incógnito. Debería ver el botón del widget de chat en la esquina inferior derecha. Haga clic en él para asegurarse de que se abra y funcione correctamente.