Desenvolvedores

Instale seu widget de chat com IA

Uma única tag de script adiciona um balão de chat ao seu site. Os visitantes clicam nele, fazem uma pergunta e recebem uma resposta do seu agente — baseada na sua própria base de conhecimento. Nada para hospedar, nada para manter.

O que é o widget

Um pequeno balão de chat flutuante que aparece no seu site. Quando um visitante clica nele, ele conversa com seu agente Engadi AI — o mesmo agente que nossa equipe configurou e treinou com seus documentos, com as mesmas regras de segurança e de escalonamento para um humano. Não há servidor para rodar nem código para manter do seu lado.

Obtenha seu snippet

Seu contato na Engadi ou a página Meus Agentes do seu portal fornece um snippet já pronto com seu token real já preenchido. Ele se parece com isto, mas com um token real no lugar do espaço reservado abaixo:

<script src="https://www.engadi.com/widget.js" data-agent="wgt_XXXX" async></script>

Esse token identifica seu agente — não é uma senha secreta, mas trate-o como seu e cole-o apenas no seu próprio site.

Instalação por plataforma

WordPress (sem plugin)

Aparência → Editor de arquivos do tema, ou instale um pequeno plugin de scripts de cabeçalho/rodapé (por exemplo, "WPCode"), e cole o snippet logo antes da tag de fechamento </body>.

Prefere uma instalação com um clique? Use o nosso plugin dedicado Engadi AI Agent para WordPress: envie-o em Plugins → Adicionar novo → Enviar plugin e cole o seu token em Configurações → Engadi AI Agent.

Baixar o plugin do WordPress (.zip)

Wix

Configurações → Código personalizado → Adicionar código → cole o snippet, aplique a "Todas as páginas", posição "Body – end".

Squarespace

Configurações → Avançado → Injeção de código → cole o snippet no campo Rodapé (Footer).

Webflow

Configurações do projeto → Código personalizado → Footer Code (para todo o site), ou a opção "Before </body> tag" de uma página específica.

HTML puro / outro

Cole o snippet logo antes da tag de fechamento </body> do seu modelo de página.

<script src="https://www.engadi.com/widget.js" data-agent="wgt_XXXX" async></script>

Defina o idioma (opcional)

Por padrão, o widget acompanha o idioma do navegador do visitante. Para forçar um idioma específico, adicione um atributo data-locale definido como en, es, fr, it ou pt.

<script src="https://www.engadi.com/widget.js" data-agent="wgt_XXXX" data-locale="es" async></script>

Se o seu site usa uma Content-Security-Policy

A maioria dos sites de pequenas empresas e organizações sem fins lucrativos não tem uma CSP personalizada e pode pular esta seção. Se o seu tiver, adicione engadi.com a estas duas diretivas:

script-src  ... https://www.engadi.com ;
frame-src   ... https://www.engadi.com ;

Sem isso, uma CSP rígida bloqueia o widget silenciosamente — nenhum erro é exibido aos visitantes, o balão de chat simplesmente nunca aparece.

Privacidade e consentimento (LGPD/GDPR)

No momento em que um visitante compartilha um nome ou e-mail no chat, isso é dado pessoal. Duas coisas a fazer: mencione o assistente de chat com IA na sua própria política de privacidade, e não colete dados pessoais antes de o visitante optar por interagir com o chat.

Veja como tratamos os dados em nossa própria Política de Privacidade

Solução de problemas

O balão de chat não aparece

Verifique se o snippet está posicionado antes da tag de fechamento </body>, se nenhum bloqueador de anúncios no seu navegador de teste está ocultando-o, e se a Content-Security-Policy do seu site (se houver) permite engadi.com — veja a seção de CSP acima.

O widget está no idioma errado

Adicione ou corrija o atributo data-locale na tag script — ele aceita en, es, fr, it ou pt.

Aparece "Chat unavailable" ou o agente está no limite de capacidade

Seu agente pode estar temporariamente pausado, ou atingiu o limite de conversas do plano para o mês. Entre em contato conosco e resolveremos isso.

Precisa de ajuda para instalar?

Responda ao seu e-mail de boas-vindas, ou agende uma chamada — temos prazer em ajudar você ou seu desenvolvedor web.

Agendar uma chamada