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.
| Modelo | Melhor Para |
|---|---|
| Em branco | Começar do zero |
| Suporte | Atendimento ao cliente & help desk |
| Vendas | Geração de leads & vendas |
| Integração | Orientar novos usuários & clientes |
| Corporativo | Tom 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:
| Campo | Descrição | Exemplo |
|---|---|---|
| Nome | Nome exibido para o seu chatbot | "Assistente de Suporte" |
| Descrição | Descriçã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:
| Campo | Descrição | Exemplo |
|---|---|---|
| Usar Nome da Persona | Alternar se o bot se apresenta pelo nome | Ligado/Desligado |
| Nome da Persona | O nome com o qual o bot se apresenta (se ativado) | "Alex" |
| Função | A função que o seu bot desempenha | "Gerente de Sucesso do Cliente" |
| Histórico | Contexto 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:
| Estilo | Melhor Para |
|---|---|
| Profissional & Moderno (Padrão) | Agências, empresas de tecnologia, B2B |
| Exclusivo & Distinto | Clínicas de estética, escritórios de advocacia, hotéis de luxo |
| Acolhedor & Recebedor | Negócios familiares, restaurantes, consultórios médicos |
| Descolado & Casual | Estúdios de tatuagem, bistrôs da moda, startups |
| Personalizado | Usa 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ção | Baixo (1) | Alto (5) |
|---|---|---|
| Formalidade | Casual, amigável | Formal, profissional |
| Humor | Sério, sem piadas | Brincalhão, espirituoso |
| Verborragia | Breve, conciso | Detalhado, completo |
| Empatia | Factual, direto | Acolhedor, compreensivo |
| Proatividade | Apenas reativo | Sugere 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ção | Descrição | Exemplo |
|---|---|---|
| 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:
| Tema | Descrição |
|---|---|
| Padrão | O esquema de cores padrão do ChatReact |
| Empresa | Usa as cores da sua marca (disponível após serem definidas nas Configurações da Empresa) |
| Personalizado | Desbloqueia seletores de cor individuais |
Quando Personalizado está selecionado, você pode ajustar:
| Configuração | Descrição |
|---|---|
| Cor Primária | Cor de destaque principal (botões, cabeçalhos) |
| Cor Secundária | Gradiente e estados de hover |
| Cor de Fundo | Fundo da janela de chat |
| Cor do Texto | Cor do texto das mensagens |
Configurações Avançadas de Cor
Expanda as opções avançadas para controle mais granular:
| Configuração | Descrição |
|---|---|
| Mensagens do Visitante | Cor de fundo e do texto dos balões de mensagem do visitante |
| Mensagens do Bot | Cor de fundo e do texto dos balões de mensagem do bot |
| Cor do Texto do Cabeçalho | Cor 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ção | Descrição |
|---|---|
| Mensagem de Boas-Vindas | Primeira mensagem exibida quando o chat é aberto |
| Mensagem de Fallback | Resposta quando o bot não consegue responder |
| Saudação Proativa | Saudar automaticamente os visitantes |
| Atraso da Saudação Proativa | Tempo de espera antes da saudação (1-10 segundos) |
| Abertura Automática | Abrir o widget automaticamente |
| Atraso de Abertura Automática | Tempo de espera antes da abertura (1-15 segundos) |
| Som Habilitado | Reproduzir som de notificação quando o bot responde |
| Indicador de Digitação | Mostrar animação de digitação |
Formulário Pré-Chat
Colete informações do visitante antes do início do chat:
- Ative Formulário Pré-Chat
- Adicione campos (Texto, Email, Telefone, Área de Texto)
- 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:
| Modo | Descrição |
|---|---|
| Cauteloso | Bot 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. |
| Confiante | Responde 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):
- Ative Habilitar Chat ao Vivo
- Escolha um Modo de Chat ao Vivo:
| Modo | Descrição |
|---|---|
| Apenas Encaminhamento | O bot de IA lida com conversas e encaminha para humanos quando necessário |
| Autônomo | Chat humano direto, separado do bot de IA |
| Ambos | Bot 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:
- Scan website — Insira a URL do seu site; o ChatReact descobre páginas automaticamente e permite que você selecione quais importar
- Upload documents — Adicione arquivos PDF, DOCX, TXT, MD, CSV ou JSON
- 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:
- Test - Use o recurso de Pré‑visualização para testar conversas
- Embed - Adicione o widget ao seu site
- Iterate - Ajuste configurações com base no feedback