Como Adicionar o Chatbot de IA Asyntai ao Duda

Guia passo a passo para sites Duda

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: Adicionar Código nas Configurações do Site (Recomendado)

A maneira mais facil de adicionar o chatbot a todas as paginas do seu site Duda e atraves das Configuracoes do Site:

Faca login na sua conta Duda e abra o editor do seu site
Na barra lateral esquerda, clique em "More" (ícone de três pontos)
Clique em "Settings"
Role para baixo e clique em "Head HTML"
No campo "Body End HTML", cole seu código de incorporação Asyntai
Clique em "Save"
Clique em "Publish" no canto superior direito para publicar suas alterações

Dica: Adicionar codigo na secao Body End HTML garante que o chatbot carregue apos o conteudo da pagina, sem afetar a velocidade de carregamento do site. Este metodo adiciona automaticamente o chatbot a todas as paginas do seu site.

Método Alternativo 1: Widget HTML (Páginas Específicas)

Se voce deseja adicionar o chatbot apenas a paginas especificas, use o widget HTML:

Abra a página que deseja editar no editor do Duda
Na barra lateral esquerda, pesquise por "HTML" no painel de widgets
Arraste e solte o widget HTML em uma coluna ou linha da sua pagina
Clique no widget para editá-lo
Cole seu código de incorporação Asyntai no campo de código
Clique em "Update"
Clique em "Publish" para publicar as alterações

Nota: O widget HTML permite incorporar codigo personalizado em qualquer lugar da sua pagina. O posicionamento visual do widget nao afeta onde o chatbot aparece - ele ainda sera exibido no canto inferior direito conforme configurado.

Método Alternativo 2: Modo Desenvolvedor (Avançado)

Para usuarios avancados, voce pode usar o Modo Desenvolvedor para adicionar codigo diretamente ao HTML:

No editor do Duda, clique no icone Developer Mode na barra superior
Clique em "Site HTML/CSS" para expandir a seleção
Clique em "body-end.html" na lista de arquivos
Role até a última linha do arquivo
Cole seu código de incorporação Asyntai em uma nova linha
Clique em "Save"
Clique em "Done" para sair do Modo Desenvolvedor
Clique em "Publish" para salvar suas alterações

Importante: O Modo Desenvolvedor oferece acesso direto ao HTML e CSS do seu site. Certifique-se de adicionar codigo apenas no final do arquivo body-end.html para evitar quebrar a funcionalidade do site. Sempre teste as alteracoes antes de publicar.

Passo 3: Verifique a Instalação

Apos publicar suas alteracoes, abra 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 garantir que abre e funciona corretamente.