Voltar ao Painel

Documentação

Aprenda a usar o Asyntai

Como Adicionar o Chatbot IA Asyntai ao Odoo

Guia passo a passo para sites Odoo

Obter Código de Incorporação

Passo 1: Obtenha Seu Código de Incorporação

Primeiro, acesse seu Dashboard Asyntai e role para baixo até a seção "Embed Code". Copie seu código de incorporação exclusivo que se parecerá com isto:

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

Nota: O código acima é apenas um exemplo. Você deve copiar seu próprio código de incorporação exclusivo do seu Dashboard, pois ele contém seu ID de widget pessoal.

Passo 2: Adicionar Código Usando Injeção de Código (Odoo 16+)

Se você está usando o Odoo versão 16 ou posterior, pode usar o recurso integrado de Injeção de Código para adicionar o chatbot a todas as páginas:

  1. Faça login no seu backend do Odoo e acesse o aplicativo Website
  2. Clique em Edit para entrar no editor do site
  3. Clique na opção Theme na barra de ferramentas do editor
  4. Navegue até Website Settings
  5. Encontre e clique em Code Injection
  6. Clique na opção </body> para adicionar código antes da tag de fechamento body
  7. Cole seu código de incorporação Asyntai no editor de código
  8. Clique em Save para aplicar as alterações

Dica: Adicionar o código na seção </body> o coloca logo antes da tag de fechamento body, que é o posicionamento recomendado para widgets de chat e não vai deixar o carregamento da sua página mais lento.

Alternativa: Usando o Editor HTML (Odoo 14-15)

Para as versões 14 e 15 do Odoo, você pode usar o Editor HTML para adicionar o código:

  1. Faça login no seu backend do Odoo e acesse o aplicativo Website
  2. Clique em Edit para entrar no editor do site
  3. Clique no menu suspenso Customize
  4. Selecione HTML/CSS/JS Editor
  5. Escolha Main Layout na lista de templates editáveis
  6. Role até o final do template, logo antes da tag de fechamento </t>
  7. Cole seu código de incorporação Asyntai
  8. Clique em Save e atualize a página

Importante: Ao editar o HTML diretamente, certifique-se de usar sintaxe XHTML válida. Sua tag script deve ser auto-fechada se necessário. As alterações serão aplicadas a todas as páginas do seu site.

Alternativa: Método para Desenvolvedores (Módulo Personalizado)

Se você é um desenvolvedor ou tem acesso a módulos personalizados do Odoo, pode criar um template que herda do layout do site:

<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 requer a criação de um módulo personalizado do Odoo e a adição do código acima às views XML do seu módulo. Após adicionar, atualize sua lista de módulos e instale o módulo.

Passo 3: Verifique a Instalação

Após salvar suas alterações, abra seu site em uma nova aba do navegador ou janela anônima. Você deverá ver o botão do widget de chat no canto inferior direito. Clique nele para verificar se abre e funciona corretamente.

Não está vendo o widget? Certifique-se de que salvou suas alterações e limpou o cache do navegador. Tente visualizar seu site em uma janela anônima. Se você fez alterações pelo Editor HTML, pode ser necessário atualizar a página ou limpar o cache de assets do Odoo.