InícioDocumentação

Assistente de Chatbot

O Assistente de Chatbot orienta você na criação de um chatbot de IA totalmente configurado em 8 passos simples.

Apenas o Passo 1 (Noções Básicas) e o Passo 8 (Resumo) são obrigatórios — todos os outros passos possuem um botão Pular. A partir do Passo 5 (Design do Widget), uma pré-visualização ao vivo do seu widget é exibida ao lado do formulário.

Passo 1: Noções Básicas (Obrigatório)

Começando a partir de um Modelo

No topo do Passo 1 você pode escolher um modelo que preenche previamente o assistente com configurações otimizadas — persona, tonalidade, mensagens de boas-vindas e fallback, e opções de comportamento. Você ainda pode ajustar tudo nos passos seguintes.

ModeloMelhor Para
Em brancoComeçar do zero
SuporteAtendimento ao cliente & help desk
VendasGeração de leads & vendas
IntegraçãoOrientar novos usuários & clientes
CorporativoTom profissional & formal

O modelo Em branco está sempre disponível. Os modelos pré-configurados estão disponíveis em planos pagos — o assistente mostra qual plano os desbloqueia.

Nome & Descrição

Configure as configurações fundamentais para o seu chatbot:

CampoDescriçãoExemplo
NomeNome exibido para o seu chatbot"Assistente de Suporte"
DescriçãoDescrição interna para sua equipe"Atende dúvidas de clientes sobre nosso produto SaaS"

O nome do chatbot é exibido aos visitantes no cabeçalho do widget de chat.

Passo 2: Persona

Defina a personalidade e o histórico do seu chatbot:

CampoDescriçãoExemplo
Usar Nome da PersonaAlternar se o bot se apresenta pelo nomeLigado/Desligado
Nome da PersonaO nome com o qual o bot se apresenta (se ativado)"Alex"
FunçãoA função que o seu bot desempenha"Gerente de Sucesso do Cliente"
HistóricoContexto sobre a experiência do seu bot"5 anos auxiliando clientes com questões técnicas"

Modo Anônimo

Se você desativar Usar Nome da Persona, o chatbot não se apresentará com um nome. Em vez de "Olá! Eu sou o Alex, seu especialista em atendimento ao cliente." ele dirá simplesmente "Olá! Como posso ajudá-lo?". O campo de nome da persona fica oculto quando esse interruptor está desligado.

Uma persona bem definida torna as conversas mais naturais e ajuda a IA a manter consistência. Use o modo anônimo se preferir uma experiência de chatbot mais neutra.

Estilo de Comunicação

Escolha um estilo de comunicação predefinido que define o tom geral do seu chatbot:

EstiloMelhor Para
Profissional & Moderno (Padrão)Agências, empresas de tecnologia, B2B
Exclusivo & DistintoClínicas de estética, escritórios de advocacia, hotéis de luxo
Acolhedor & RecebedorNegócios familiares, restaurantes, consultórios médicos
Descolado & CasualEstúdios de tatuagem, bistrôs da moda, startups
PersonalizadoUsa suas próprias Instruções Principais em vez de um preset

Cada estilo adiciona instruções detalhadas de prompt com tom apropriado, padrões de formulação e exemplos.

Passo 3: Tonalidade

Ajuste fino do estilo de comunicação do seu chatbot usando sliders (escala 1-5):

ConfiguraçãoBaixo (1)Alto (5)
FormalidadeCasual, amigávelFormal, profissional
HumorSério, sem piadasBrincalhão, espirituoso
VerborragiaBreve, concisoDetalhado, completo
EmpatiaFactual, diretoAcolhedor, compreensivo
ProatividadeApenas reativoSugere próximos passos

Passo 4: Idiomas

Configure o suporte de idiomas:

  • Idioma Principal: O idioma principal para respostas (escolha entre English, German, French, Spanish, Italian, ou Portuguese)
  • Idiomas Suportados: Idiomas adicionais que seu bot pode entender e responder
  • Nível Técnico: Um slider de Simples a Técnico que determina quão técnico deve ser o vocabulário do bot

ChatReact dá suporte a todas as 24 línguas oficiais da UE.

Formalidade de Tratamento

Defina como o chatbot deve tratar os visitantes do site:

ConfiguraçãoDescriçãoExemplo
Formal (Sie/Vous)Forma polida para comunicação profissional/comercial"How may I assist you?" (Alemão: "Wie kann ich Ihnen helfen?")
Informal (Du/Tu)Tratamento pessoal para comunicação casual"How can I help you?" (Alemão: "Wie kann ich dir helfen?")

A forma de tratamento é usada apenas em idiomas que têm distinção formal/informal (por exemplo, Alemão, Francês, Espanhol). Em inglês e idiomas semelhantes, essa configuração não se aplica.

O widget detecta automaticamente o idioma do navegador do visitante e responde no idioma apropriado.

Passo 5: Design do Widget

Personalize a aparência do seu widget de chat:

Posição

  • Inferior Direito (padrão)
  • Inferior Esquerdo
  • Inline (Incorporado) — O widget é exibido onde o script de incorporação é colocado, sempre aberto, sem bolha, sem botão de fechar. Ideal para páginas dedicadas ao chat ou seções de suporte.

Cores

Escolha um Tema de Cores:

TemaDescrição
PadrãoO esquema de cores padrão do ChatReact
EmpresaUsa as cores da sua marca (disponível após serem definidas nas Configurações da Empresa)
PersonalizadoDesbloqueia seletores de cor individuais

Quando Personalizado está selecionado, você pode ajustar:

ConfiguraçãoDescrição
Cor PrimáriaCor de destaque principal (botões, cabeçalhos)
Cor SecundáriaGradiente e estados de hover
Cor de FundoFundo da janela de chat
Cor do TextoCor do texto das mensagens

Configurações Avançadas de Cor

Expanda as opções avançadas para controle mais granular:

ConfiguraçãoDescrição
Mensagens do VisitanteCor de fundo e do texto dos balões de mensagem do visitante
Mensagens do BotCor de fundo e do texto dos balões de mensagem do bot
Cor do Texto do CabeçalhoCor do texto no cabeçalho do widget

Cada cor avançada pode ser redefinida para automático, caso em que o ChatReact seleciona uma cor com contraste seguro para você.

Dimensões

  • Raio da Borda: Cantos arredondados (0-32px)
  • Largura do Widget: Largura da janela de chat
  • Altura do Widget: Altura da janela de chat

Branding

  • Usar Logotipo da Empresa: Exibe o logotipo da sua empresa no cabeçalho do widget. Requer o plano Professional ou superior; o logotipo em si é enviado nas Configurações da Empresa.
  • Título do Cabeçalho: Texto no cabeçalho do widget
  • Subtítulo do Cabeçalho: Texto secundário no cabeçalho. Se deixar em branco, o widget mostra um subtítulo padrão localizado. Após a criação, você pode ocultar totalmente o subtítulo limpando este campo nas configurações do widget.

Toda opção de design pode ser alterada após a criação, e configurações adicionais (como uma URL de logotipo personalizada e o texto da bolha de chat) também estão disponíveis lá. Veja Widget Customization para a referência completa.

Passo 6: Comportamento

Configure comportamentos automatizados:

ConfiguraçãoDescrição
Mensagem de Boas-VindasPrimeira mensagem exibida quando o chat é aberto
Mensagem de FallbackResposta quando o bot não consegue responder
Saudação ProativaSaudar automaticamente os visitantes
Atraso da Saudação ProativaTempo de espera antes da saudação (1-10 segundos)
Abertura AutomáticaAbrir o widget automaticamente
Atraso de Abertura AutomáticaTempo de espera antes da abertura (1-15 segundos)
Som HabilitadoReproduzir som de notificação quando o bot responde
Indicador de DigitaçãoMostrar animação de digitação

Formulário Pré-Chat

Colete informações do visitante antes do início do chat:

  1. Ative Formulário Pré-Chat
  2. Adicione campos (Texto, Email, Telefone, Área de Texto)
  3. Marque campos obrigatórios como "Obrigatório" conforme necessário

Após a criação, você pode clicar em Traduzir com IA nas configurações de comportamento do chatbot para traduzir automaticamente todos os rótulos de campos e placeholders para seus idiomas suportados.

Fase de Aprendizado

Pular Fase de Aprendizado: Ative isto para iniciar seu chatbot com total confiança desde o primeiro dia — sem respostas cautelosas. Um aviso lembra você de garantir que sua base de conhecimento esteja bem preparada antes de ir ao vivo.

Se a fase de aprendizado estiver ativa, você pode determinar como o chatbot se comporta quando incerto sobre respostas:

ModoDescrição
CautelosoBot reservado e que referencia ativamente o encaminhamento por e-mail quando incerto. Adiciona proativamente frases de incerteza.
Equilibrado (Padrão, marcado "Recomendado")Respostas normais. Mostra incerteza apenas quando o usuário questiona a precisão.
ConfianteResponde como em operação normal. A fase de aprendizado apenas coleta feedback sem alterar o comportamento de resposta.

Instrução Adicional para a Fase de Aprendizado: Texto livre opcional para instruções especiais durante a fase de aprendizado, por exemplo, "Sempre encaminhar perguntas sobre preços para a equipe."

O modo da fase de aprendizado também é configurável nas configurações do chatbot após a criação.

Chat ao Vivo

Permita que visitantes conversem com agentes humanos de suporte em tempo real (requer o plano Professional ou superior):

  1. Ative Habilitar Chat ao Vivo
  2. Escolha um Modo de Chat ao Vivo:
ModoDescrição
Apenas EncaminhamentoO bot de IA lida com conversas e encaminha para humanos quando necessário
AutônomoChat humano direto, separado do bot de IA
AmbosBot de IA com encaminhamento mais chat humano autônomo

Saiba mais no Live Chat guide.

Em planos white-label, o Passo 6 também mostra uma seção de Branding com um interruptor para mostrar ou ocultar o selo "Powered by ChatReact" no widget.

Passo 7: Restrições & Conformidade

Defina regras e limitações:

Tópicos Bloqueados

Tópicos que seu chatbot deve evitar discutir:

  • Produtos concorrentes
  • Consultoria jurídica
  • Negociações de preços

Conformidade de Melhores Práticas

Selecione entre oito regras de conformidade padrão da indústria:

  • Sem consultoria jurídica — recomenda consultar um profissional jurídico (pré-selecionado)
  • Sem compromissos vinculativos — nunca faz compromissos vinculativos sobre preços, descontos ou entrega (pré-selecionado)
  • Encaminhar para suporte humano — oferece conectar com suporte humano para questões sensíveis ou complexas (pré-selecionado)
  • Sem informações internas — não divulga informações internas da empresa ou detalhes confidenciais
  • Sem informações sobre concorrentes — não compartilha informações sobre concorrentes nem faz comparações
  • Sem aconselhamento médico — recomenda consultar um profissional de saúde
  • Sem aconselhamento financeiro — nunca fornece aconselhamento financeiro ou de investimentos
  • Privacidade de dados — trata dados pessoais com cuidado e não solicita informações desnecessárias

Instruções Principais

Regras personalizadas para seu chatbot, gerenciadas como uma lista:

  • Adicione, edite ou exclua instruções individuais
  • Ative ou desative cada instrução sem excluí‑la
  • Clique em Melhorar com IA para que suas instruções sejam refinadas automaticamente

Exemplos de instruções:

  • "Sempre recomende agendar uma demonstração para questões complexas"
  • "Nunca compartilhe dados de clientes ou métricas internas"
  • "Encaminhe perguntas sobre preços para a equipe de vendas"

As Instruções Principais têm a mais alta prioridade e são sempre incluídas em toda resposta do chat.

Após a criação, o editor de Instruções Principais nas configurações do chatbot oferece suporte a formatação de texto e links clicáveis (web, email e números de telefone).

Limites de Resposta & Encaminhamento

  • Comprimento Máximo da Resposta: Limite de caracteres para respostas (100-2000 caracteres)
  • Gatilho de Encaminhamento para Humano: Descreva com suas próprias palavras quando o bot deve transferir o chat para um humano, por exemplo, "Para reclamações de produto ou pedidos de reembolso"
  • Email de Encaminhamento para Humano: Endereço de e-mail para o qual o bot direciona os visitantes ao encaminhar para um humano

Passo 8: Resumo (Obrigatório)

Revise todas as configurações antes de criar seu chatbot:

  • Verifique todas as configurações
  • Pré‑visualize o design do widget
  • Clique em Create Chatbot para finalizar

Após a Criação

Quando você clicar em Create Chatbot, será levado diretamente ao assistente Configure sua base de conhecimento, que preenche a base de conhecimento do seu chatbot em três passos rápidos:

  1. Scan website — Insira a URL do seu site; o ChatReact descobre páginas automaticamente e permite que você selecione quais importar
  2. Upload documents — Adicione arquivos PDF, DOCX, TXT, MD, CSV ou JSON
  3. Done — Continue para seu painel

Ambos os passos de conteúdo podem ser pulados — você sempre pode adicionar conhecimento mais tarde. Veja o Knowledge Base guide para detalhes.

A partir daí você pode:

  1. Test - Use o recurso de Pré‑visualização para testar conversas
  2. Embed - Adicione o widget ao seu site
  3. Iterate - Ajuste configurações com base no feedback

Próximos Passos