N8N Chat UI: chatbot n8n no seu site

O N8N Chat UI cria a interface de um chatbot n8n para o seu site. Você personaliza a janela em um editor visual e a conecta a um fluxo existente. É uma opção para agências, desenvolvedores e negócios que já têm a automação preparada.

Para que serve este site, sem complicação

Pense no n8n como a equipe que trabalha nos bastidores e no N8N Chat UI como o balcão de atendimento. A janela envia a mensagem ao webhook e apresenta a resposta devolvida pelo fluxo.

Atender dúvidas, captar leads ou agendar horários depende das ações configuradas no backend. O serviço é independente, sem afiliação ao n8n; personalizar a aparência não cria automaticamente esses processos.

Como colocar o chat em funcionamento

1. Prepare um fluxo funcional com Chat Trigger ou Webhook e acesso para editar o site.
2. Escolha o formato da janela, personalize o visual e conecte o webhook.
3. Para respostas sem streaming, devolva HTTP 200 e JSON válido com o texto em output. Faça o escape correto de aspas e caracteres do conteúdo dinâmico.
4. Insira o código gerado e envie uma pergunta de teste. Confira a execução do fluxo e a resposta mostrada na página.

O guia de integração também aceita endpoints POST próprios. No WordPress, instale e ative ChatUI Widget for n8n, depois salve o Widget ID ou webhook em Settings → N8N Chat UI. Há configuração para excluir páginas.

Uma interface com a identidade da sua marca

A prévia em tempo real permite ajustar cores, fontes, avatares, saudação e botão de abertura. Escolha um chat dentro da página ou uma bolha flutuante. O layout se adapta ao celular e oferece suporte RTL.

O backend pode retornar followUpPrompts com sugestões clicáveis. Se diferentes janelas usam o mesmo fluxo, planeje as chaves de sessão para separar os contextos. Elas não substituem a autorização de acesso dos usuários.

Arquivos, áudio e respostas em streaming

O envio de arquivos permite controlar tipos, tamanho e quantidade. Os arquivos chegam como dados binários ao n8n; leitura, armazenamento e análise exigem etapas no fluxo.

A entrada de voz envia uma gravação. O exemplo oficial usa um serviço separado de transcrição antes de encaminhar o texto ao agente. Arquivos e áudio enviam metadata como uma string JSON, que precisa ser interpretada para virar objeto.

Respostas progressivas exigem streaming ativado tanto em Chat Trigger/Webhook quanto em AI Agent. O widget detecta essa configuração, mas não a cria no backend.

Teste grátis, créditos e licença avulsa

Verificado em 28 de outubro de 2026: novas contas recebem 100 créditos Managed válidos por 30 dias. Depois, o uso é pré-pago: cada mensagem processada pelo proxy consome um crédito. Sem saldo, novas mensagens deixam de ser processadas. Créditos comprados a partir de 5 de outubro de 2026 não expiram pelos termos atuais; compras antigas mantêm as condições originais.

Standalone usa licença de pagamento único e não consome créditos Managed. Para novos compradores, a licença básica permanente é diferente dos períodos opcionais de suporte e atualizações. Veja os preços atuais; conversão para reais, impostos e condições dependem do pagamento. n8n, modelos e transcrição têm custos próprios.

Privacidade e limites do serviço

No Standalone, o navegador chama o webhook diretamente e o endereço aparece no código do cliente. Managed usa o proxy do fornecedor para ocultar esse endereço e adicionar restrições de domínio e região, limites de requisições, análise de uso e gestão centralizada.

A política de privacidade declara que o fornecedor não armazena, mantém em cache ou registra o conteúdo das conversas. O proxy ainda processa mensagens em tempo real e guarda métricas técnicas e configurações. Isso não define a retenção no seu n8n, banco de dados ou provedor de IA.

Perguntas frequentes

Posso colocar o chat em um site que já existe?

Sim, com o código de incorporação ou o plugin oficial do WordPress. Você precisa de permissão para editar o site e de um backend configurado.

A ferramenta também cria o fluxo n8n?

Não. Modelos, fontes de dados e ações precisam ser montados no n8n ou em um backend compatível.

Dá para usar de graça sem limite?

Os 100 créditos iniciais vencem em 30 dias. Depois, é preciso comprar créditos Managed ou uma licença Standalone e manter os serviços do backend.

Guias oficiais

• Documentação: configurações e sessões.
• Plugin WordPress: instalação e exclusão de páginas.
• Guia MCP: OAuth ou chave de API para listar, criar e personalizar widgets; mudar o tema não altera webhooks.
• Suporte oficial: conta e integração.