Formulários de Contato

Crie formulários de contato profissionais que se integram perfeitamente ao seu chatbot e incluem proteção contra spam integrada.

Visão Geral

Os Formulários de Contato no ChatReact permitem que você:

Colete informações estruturadas dos visitantes
Filtre automaticamente envios de spam
Receba notificações de novos envios
Reveja e gerencie os envios no painel

Disponibilidade

Formulários de Contato estão disponíveis em:

Starter e planos superiores

Criando um Formulário

Os formulários são gerenciados por chatbot, portanto cada formulário pertence exatamente a um chatbot.

Passo 1: Navegar até Formulários

Selecione o chatbot ao qual o formulário pertence
Vá para Forms na barra lateral
Clique em Create Form

O construtor de formulários guia você por quatro etapas: Basics, Fields, Design e Settings.

Passo 2: Básico

Configuração	Descrição
Name	Nome interno do formulário
Description	Descrição opcional para sua equipe

Formulários novos estão ativos por padrão. Você pode ativar ou desativar um formulário posteriormente através do botão Form Active na sua aba General.

Passo 3: Adicionar Campos

Formulários novos vêm pré-preenchidos com um modelo de contato pronto — Nome, Email, Mensagem e Consentimento de Privacidade — que você pode editar, reordenar ou remover. Use o botão Add Field para adicionar mais campos e as setas para cima/baixo para alterar a ordem.

Tipo de Campo	Descrição
Text	Campo de texto de uma linha
Email	Email com validação
Phone	Campo de número de telefone
Textarea	Texto multilinha
Select	Seleção em dropdown
Checkbox	Alternador sim/não
Number	Entrada numérica

Opções do Campo

Para cada campo, configure:

Label: Nome exibido
Placeholder: Texto de sugestão
Required: Deve ser preenchido
Options: Para campos select/dropdown

Passo 4: Design

Estilize o formulário para combinar com seu site:

Quick Presets: Padrões iniciais em tema claro e escuro
Colors: Escolha as cores primária, de fundo e do texto
Button Text: Rótulo personalizado para o botão de envio
Success Message: O que os visitantes veem após enviar

Uma pré-visualização ao vivo mostra suas alterações conforme você as faz.

Passo 5: Configurações

Configure a proteção contra spam (veja abaixo) e o Notification Email para alertas de envios.

Proteção contra Spam

Filtro de Spam com IA

Cada envio é analisado por IA para:

Padrões suspeitos
Conteúdo de spam conhecido
Comportamento similar a bots
Sinais de qualidade

Limite de Spam

Cada envio recebe uma pontuação de spam de 0 (legítimo) a 100 (spam definitivo). Use o controle deslizante de limite (0–100, padrão 70) para decidir onde traçar a linha — com Auto-Reject habilitado, envios com pontuação de spam acima do limite são marcados como spam:

Limite mais baixo: Filtragem mais rigorosa — mais envios são sinalizados
Limite mais alto: Mais permissivo — somente spam óbvio é sinalizado

Auto-Reject

Habilite o Auto-Reject para lidar automaticamente com o spam:

Envios com pontuação acima do seu limite são automaticamente marcados como spam
Eles permanecem na sua lista de envios, para que você possa revisá-los a qualquer momento

Envios de baixo risco (pontuação de spam abaixo de 30) são aprovados automaticamente, portanto apenas envios incertos aguardam sua revisão manual.

Gerenciando Envios

Lista de Envios

A página de envios começa com uma visão geral dos seus totais: contagens de Total, Pending, Approved, Spam e Rejected.

Clique em um envio para expandi-lo e ver:

Data e hora do envio
Informações do remetente com rótulos de campo legíveis (ex.: "Name", "Email" em vez de IDs técnicos)
Pontuação e status de spam
O raciocínio da IA por trás da pontuação de spam
Detalhes técnicos como endereço IP e referrer

Ações sobre Envios

Ação	Descrição
Approve	Aceitar um envio pendente
Mark as Spam	Marcar um envio pendente como spam
Reject	Recusar um envio pendente
Delete	Remover um envio permanentemente

Approve, Mark as Spam e Reject estão disponíveis para envios com status Pending; Delete está disponível para todos os envios.

Filtragem

Use o menu de status para filtrar os envios: All, Pending, Approved, Spam ou Rejected.

Incorporando Formulários

Formulários de contato são incorporados diretamente no seu site com um pequeno snippet de script. Você pode copiar o snippet pronto — incluindo seu ID de formulário — do painel: use o ícone de copiar no cartão do formulário ou a aba Embed na página de edição do formulário.

Incorporação Independente

Incorpore formulários diretamente no seu site:

<script
  src="https://www.chatreact.ai/embed/form.js"
  data-form-id="YOUR_FORM_ID"
  async
></script>

Você também pode especificar um elemento container personalizado usando o atributo data-container se desejar que o formulário seja renderizado dentro de um elemento específico:

<div id="my-form-container"></div>
<script
  src="https://www.chatreact.ai/embed/form.js"
  data-form-id="YOUR_FORM_ID"
  data-container="my-form-container"
  async
></script>

Opções de Incorporação

Ajuste o layout com estes atributos opcionais do script:

Atributo	Descrição
`data-align`	Alinhamento horizontal: `left`, `center` ou `right`
`data-max-width`	Largura máxima do formulário em pixels (padrão: 500)
`data-font-size`	Tamanho base da fonte (padrão: 14px)
`data-margin-bottom`	Espaço abaixo do formulário (padrão: 40px)

WordPress

Se seu site roda WordPress, o plugin oficial do ChatReact permite incorporar formulários com um shortcode:

[chatreact_form id="YOUR_FORM_ID"]

Um bloco para Gutenberg e um widget para Elementor também estão incluídos. Veja WordPress Integration para detalhes.

Estilização

Formulários incorporados usam as cores, o texto do botão e a mensagem de sucesso que você configurou nas configurações de Design do formulário — cada formulário tem sua própria aparência, independente do widget de chat. A família de fontes é herdada do seu site, portanto os formulários se integram naturalmente.

Formulários incorporados exibem um pequeno link "Powered by ChatReact". Planos que incluem white-label (Professional e acima) removem essa marca.

Formulários em Múltiplos Idiomas

A aba Translations na página de edição do formulário permite que você traduza o formulário para cada um dos idiomas do seu chatbot:

Rótulos de campos e placeholders
Texto do botão de envio
Mensagem de sucesso

Formulários incorporados detectam automaticamente o idioma da sua página e exibem a tradução correspondente.

Notificações

Notificações por Email

Receba alertas por email para novos envios:

Os alertas incluem o nome do formulário e um link direto para a página de envios
Se o Notification Email que você configurar corresponder à conta de um membro da equipe, essa pessoa será notificada; caso contrário, todos os owners, admins e managers recebem o alerta
A entrega segue as notification preferences de cada destinatário — instantânea ou agrupada em um resumo

Quando o Auto-Reject está habilitado, envios com pontuação de spam muito alta (80%+) não disparam notificações, para evitar lotar sua caixa de entrada com spam óbvio. Casos limítrofes ainda são reportados para revisão manual.

Notificações no App

Veja novos envios no sino de notificações:

Clique para navegar até o envio
Marcar como lido (individualmente ou todos de uma vez)

Melhores Práticas

Mantenha os formulários curtos: Peça apenas as informações essenciais
Use rótulos claros: Evite jargões
Teste o filtro de spam: Envie entradas de teste para calibrar
Responda prontamente: Respostas rápidas melhoram a satisfação
Revise a pasta de spam: Verifique falsos positivos