Como Adicionar o Chatbot de IA Asyntai ao e107

Guia passo a passo para sites e107 CMS

Plataforma:

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: Adicione ao Template do Tema (Recomendado)

A maneira recomendada de adicionar o chatbot e editando diretamente o arquivo de template do tema e107:

Navegue até a pasta do tema e107: e107_themes/yourtheme/
Abra o arquivo principal de template do tema (geralmente theme.php ou theme.html)
Encontre a tag de fechamento </body>
Cole seu código de incorporação Asyntai logo antes da tag </body>:

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

Dica: Se seu tema usa theme.php, procure a secao onde o HTML do footer e renderizado. O codigo de incorporacao deve ser colocado apos todo o conteudo, mas antes da tag de fechamento body.

Método Alternativo 1: Usando Cabeçalho/Rodapé Personalizado do e107

Voce pode adicionar o script do chatbot atraves do painel administrativo do e107 sem editar arquivos do tema:

Faça login no seu painel administrativo e107
Vá até Admin > Preferences > Site Preferences
Procure a seção "Custom Footer" ou "Footer Scripts"
Cole o código de incorporação do Asyntai no campo Footer Scripts
Clique em "Save" para aplicar as alterações

Nota: Este metodo e o mais facil se voce quiser evitar editar arquivos do tema diretamente. O script sera incluido em todas as paginas do seu site e107 automaticamente.

Método Alternativo 2: Usando Plugin do e107

Para uma abordagem mais modular, voce pode criar um plugin simples ou usar o sistema de hooks de plugins para injetar o script do chatbot:

Crie um plugin simples ou use o plugin "Custom Pages"
Adicione o script atraves do sistema de hooks de plugins do e107 criando um arquivo e_footer.php no diretorio do seu plugin
Dentro de e_footer.php, exiba seu código de incorporação:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
?>

Dica: A abordagem de hooks de plugins mantem a integracao do chatbot separada do tema, entao ela persistira mesmo se voce trocar de tema.

Método Alternativo 3: Usando o Sistema de Menus do e107

Voce pode usar o sistema de Menus integrado do e107 para adicionar o script do chatbot na area do footer:

Faça login no seu painel administrativo e107
Vá até Admin > Menus
Crie um menu HTML personalizado
Cole seu código de incorporação Asyntai no conteúdo do menu
Atribua o menu à área do footer do seu template
Salve a configuração do menu

Importante: Ao usar o sistema de Menus, certifique-se de que a area do menu que voce atribuiu suporta saida de HTML/script bruto. Algumas areas de menu podem remover tags script por seguranca. Se o script for removido, use um dos outros metodos.

Passo 3: Verifique a Instalação

Apos salvar suas alteracoes, visite seu site e107 em uma nova aba do navegador ou janela anonima. Voce deve ver o botao do widget de chat no canto inferior direito. Clique nele para verificar se abre e funciona corretamente.

Não está vendo o widget? Tente limpar o cache do e107 no painel administrativo em Admin > Cache. Tente tambem limpar o cache do navegador ou visualizar em uma janela anonima. Certifique-se de que seu codigo de incorporacao esta posicionado corretamente e contem o ID unico do widget do Dashboard.