Assistente de Chatbot
O Assistente de Chatbot guia você na criação de um chatbot de IA totalmente configurado em 8 passos simples.
Etapa 1: Básico (Obrigatório)
Configure as configurações fundamentais do seu chatbot:
| Campo | Descrição | Exemplo |
|---|---|---|
| Name | Nome exibido para o seu chatbot | "Support Assistant" |
| Description | Descrição interna para sua equipe | "Handles customer inquiries for our SaaS product" |
O nome do chatbot é exibido aos visitantes no cabeçalho do widget de chat.
Etapa 2: Persona
Defina a personalidade e o histórico do seu chatbot:
| Campo | Descrição | Exemplo |
|---|---|---|
| Use Persona Name | Ativa/desativa se o bot se apresenta com um nome | On/Off |
| Persona Name | O nome pelo qual seu bot se apresenta (se ativado) | "Alex" |
| Role | O papel que seu bot desempenha | "Customer Success Manager" |
| Background | Contexto sobre a expertise do seu bot | "5 years experience helping customers with technical issues" |
Modo Anônimo
Se desativar Use Persona Name, o chatbot não se apresentará com um nome. Em vez de "Olá! Eu sou o Alex, seu especialista de atendimento ao cliente." ele dirá simplesmente "Olá! Como posso ajudá-lo?". O campo de nome da persona fica oculto quando este toggle está desativado.
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.
Etapa 3: Tonalidade
Presets de Estilo de Comunicação
Escolha um estilo de comunicação predefinido que define o tom geral do seu chatbot:
| Estilo | Ideal Para |
|---|---|
| Professional & Modern (Padrão) | Agências, empresas de tecnologia, B2B |
| Exclusive & Distinguished | Marcas premium, hotéis de luxo, escritórios de advocacia |
| Warm & Heartfelt | Empresas familiares, consultórios médicos, restaurantes |
| Cool & Casual | Estúdios de tatuagem, cafés modernos, startups |
| Custom | Sem preset — usa apenas suas configurações manuais de sliders |
Cada estilo adiciona instruções detalhadas de prompt com tom, padrões de linguagem e exemplos apropriados.
Ajuste Fino com Sliders
Aperfeiçoe o estilo de comunicação do seu chatbot usando sliders (escala 1-5):
| Configuração | Baixo (1) | Alto (5) |
|---|---|---|
| Formality | Casual, amigável | Formal, profissional |
| Humor | Sério, sem piadas | Brincalhão, espirituoso |
| Verbosity | Breve, conciso | Detalhado, minucioso |
| Empathy | Factual, direto | Acolhedor, compreensivo |
| Proactivity | Apenas reativo | Sugere próximos passos |
Etapa 4: Idiomas
Configure o suporte de idiomas:
- Primary Language: O idioma principal das respostas
- Supported Languages: Idiomas adicionais que seu bot pode entender e responder
ChatReact suporta todas as 24 línguas da UE mais muitas outras.
Forma de tratamento
Defina como o chatbot deve se dirigir aos visitantes do site:
| Configuração | Descrição | Exemplo |
|---|---|---|
| Formal (Sie/Vous) | Forma polida para comunicação profissional/empresarial | "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 (ex.: Alemão, Francês, Espanhol). Em Inglês e idiomas similares, esta configuração não se aplica.
O widget detecta automaticamente o idioma do navegador do visitante e responde no idioma apropriado.
Etapa 5: Design do Widget
Personalize a aparência do seu widget de chat:
Posição
- Bottom Right (padrão)
- Bottom Left
- Inline (Embedded) — O widget é exibido onde o script de embed é colocado, sempre aberto, sem bolha, sem botão de fechar. Ideal para páginas de chat dedicadas ou seções de suporte.
Cores
| Configuração | Descrição |
|---|---|
| Primary Color | Cor principal de destaque (botões, cabeçalhos) |
| Secondary Color | Gradiente e estados de hover |
| Background Color | Fundo da janela de chat |
| Text Color | Cor do texto das mensagens |
Configurações de Cores Avançadas
Expanda as opções avançadas para controle mais granular:
| Configuração | Descrição |
|---|---|
| User Bubble Color | Cor de fundo das bolhas de mensagem do visitante |
| Bot Bubble Color | Cor de fundo das bolhas de mensagem do bot |
| Header Text Color | Cor do texto no cabeçalho do widget |
Dimensões
- Border Radius: Cantos arredondados (0-50px)
- Widget Width: Largura da janela de chat
- Widget Height: Altura da janela de chat
Branding
- Logo URL: Logo personalizado no cabeçalho
- Header Title: Texto no cabeçalho do widget
- Header Subtitle: Texto secundário no cabeçalho
- Bubble Text: Texto exibido ao lado da bolha do chat quando fechado (deixe vazio para mostrar apenas o ícone)
Etapa 6: Comportamento
Configure comportamentos automatizados:
| Configuração | Descrição |
|---|---|
| Welcome Message | Primeira mensagem exibida quando o chat é aberto |
| Fallback Message | Resposta quando o bot não consegue responder |
| Proactive Greeting | Saudação automática aos visitantes |
| Proactive Delay | Tempo de espera antes de saudar (ms) |
| Auto Open | Abrir o widget automaticamente |
| Auto Open Delay | Tempo de espera antes de abrir (ms) |
| Sound Enabled | Reproduzir um som de notificação quando o bot responde |
| Character Limit | Comprimento máximo da mensagem por mensagem do visitante (padrão: 2000 caracteres, defina "No limit" para desabilitar) |
| Typing Indicator | Mostrar animação de digitação |
Formulário Pré-Chat
Colete informações do visitante antes do início do chat:
- Habilite Pre-Chat Form Enabled
- Adicione campos (Name, Email, Phone, Free Text)
- Marque campos obrigatórios como "Required" quando necessário
Clique em Translate with AI para traduzir automaticamente todos os rótulos de campos e placeholders para todos os idiomas suportados.
Modo de Comportamento na Fase de Aprendizado
Durante a fase de aprendizado, você pode determinar como o chatbot se comporta quando estiver incerto sobre respostas:
| Modo | Descrição |
|---|---|
| Cautious | O bot é reservado e encaminha ativamente para atendimento por e-mail quando está incerto. Adiciona proativamente frases de incerteza. |
| Balanced (Default) | Respostas normais. Mostra incerteza apenas quando o usuário questiona a precisão. |
| Confident | Responde como em operação normal. A fase de aprendizado apenas coleta feedback sem alterar o comportamento de resposta. |
Additional Learning Phase Instruction: Texto livre opcional para instruções especiais durante a fase de aprendizado, por exemplo, "Always refer pricing questions to the team."
O modo da fase de aprendizado também pode ser configurado nas configurações do chatbot após a criação.
Etapa 7: Restrições & Conformidade
Defina regras e limitações:
Tópicos em Lista Negra
Tópicos que seu chatbot deve evitar discutir:
- Competitor products
- Legal advice
- Pricing negotiations
Conformidade de Boas Práticas
Selecione regras de conformidade padrão do setor:
- ✅ GDPR Data Handling
- ✅ No Medical Advice
- ✅ No Financial Advice
- ✅ Professional Language
- ✅ Escalation Protocol
Instruções Principais
Regras personalizadas para seu chatbot:
- "Always recommend scheduling a demo for complex questions"
- "Never share customer data or internal metrics"
- "Refer pricing questions to the sales team"
Limites de Resposta
- Max Response Length: Limite de caracteres para respostas
- Human Handoff Trigger: Palavras-chave que acionam escalonamento para chat ao vivo
Etapa 8: Resumo (Obrigatório)
Revise todas as configurações antes de criar seu chatbot:
- Verifique todas as configurações
- Visualize o design do widget
- Clique em Create Chatbot para finalizar
Após a Criação
Uma vez criado, você pode:
- Add Knowledge - Rastrear sites ou adicionar FAQs
- Test - Use o recurso de Preview para testar conversas
- Embed - Adicionar o widget ao seu site
- Iterate - Ajustar configurações com base no feedback