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 Módulo Header and Footer Scripts (Recomendado)

A maneira mais fácil de adicionar o chatbot é usando o módulo Header and Footer Scripts:

Faça login no seu painel administrativo do Drupal
Vá até Extend e clique em "Install new module"
Pesquise por "Header and Footer Scripts" ou baixe em Drupal.org
Instale e ative o módulo
Va ate Configuration → Development → Header and Footer Scripts
Clique na aba "Footer"
Cole o código de incorporação do Asyntai no campo Footer Scripts
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

Você também pode adicionar o código diretamente ao HTML do seu tema:

Navegue até 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)

Para desenvolvedores que preferem usar o sistema de biblioteca de ativos do Drupal:

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 } }
Anexe a biblioteca no arquivo *.info.yml do seu tema:
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.