Como Adicionar o Chatbot de IA Asyntai ao Drupal

Guia passo a passo para sites Drupal

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: Usando o Modulo Header and Footer Scripts (Recomendado)

A maneira mais facil de adicionar o chatbot e usando o modulo \"Header and Footer Scripts\":

Faca login no seu painel administrativo do Drupal
Va ate Extend e clique em \"Install new module\"
Pesquise por \"Header and Footer Scripts\" ou baixe em Drupal.org
Instale e ative o modulo
Va ate Configuration → Development → Header and Footer Scripts
Clique na aba \"Footer\"
Paste your Asyntai embed code in the footer scripts text area
Clique em "Save configuration"

Dica: Adicionar o codigo na secao do footer garante que ele carregue apos o conteudo da pagina, o que e recomendado para widgets de chat.

Alternativa: Editar Template do Tema

You can add the code directly to your theme's template file:

Navegue ate a pasta do seu tema: themes/your_theme/
Abra o arquivo html.html.twig (ou crie um se nao existir)
Encontre a tag de fechamento </body>
Cole seu código de incorporação Asyntai logo antes da tag </body>
Salve o arquivo
Limpe o cache do Drupal: Configuration → Performance → Clear all caches

Importante: Alteracoes em arquivos do tema podem ser sobrescritas ao atualizar seu tema. Considere usar um tema filho ou o modulo Header and Footer Scripts para uma solucao mais permanente.

Alternativa: Usando Libraries (Para Desenvolvedores)

For developers who prefer using Drupal's asset library system:

Crie ou edite o arquivo *.libraries.yml do seu tema
Adicione uma nova entrada de biblioteca:
asyntai-chatbot: js: https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
Attach the library in your theme's *.info.yml file:
libraries: - your_theme/asyntai-chatbot
Limpe o cache do Drupal

Passo 3: Verifique a Instalação

Apos salvar suas alteracoes e limpar o cache, visite seu site 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.