Primeiros Passos
Este guia irá orientá-lo na criação da sua conta ChatReact e na configuração do seu primeiro chatbot com IA.
1. Crie Sua Conta
Opções de Inscrição
ChatReact utiliza autenticação sem senha via Magic Links:
- Insira seu endereço de e-mail
- Receba um link de login seguro por e-mail
- Clique no link para entrar — sem necessidade de senha!
Passos de Registro
- Visite chatreact.ai e clique em "Start Free Trial"
- Insira seu endereço de e-mail
- Verifique sua caixa de entrada e clique no magic link para entrar
Contas gratuitas incluem 100 chats por mês e 1 chatbot. Nenhum cartão de crédito é necessário.
2. Complete o Onboarding
Após o cadastro, você será guiado pelo processo de onboarding:
Passo 1: Seu Perfil
- Insira seu nome (este será exibido na sua conta)
Passo 2: Criar ou Entrar em uma Empresa
- Usuários novos: Crie uma nova empresa
- Insira o nome da sua empresa
- Opcionalmente, insira a URL do seu site e clique em Analyze — o ChatReact preenche automaticamente o nome da empresa, a cor da marca, o logo e uma descrição da empresa gerada por IA, que você pode editar antes de continuar
- Equipe existente: Se um colega convidou você, abra o link de convite do seu e-mail para entrar na empresa deles — não é necessário criar uma nova empresa
A análise do site configura seu perfil de empresa e branding. Para fazer com que seu chatbot aprenda a partir do conteúdo do seu site, execute uma varredura do site na Knowledge Base posteriormente.
3. Crie Seu Primeiro Chatbot
Após o onboarding, você será direcionado para criar seu primeiro chatbot usando o Chatbot Wizard.
O assistente guia você por 8 passos simples:
| Step | Description |
|---|---|
| 1. Basics | Name and description |
| 2. Persona | Personality and background |
| 3. Tonality | Communication style (formal, humorous, etc.) |
| 4. Languages | Primary and supported languages |
| 5. Design | Widget colors and appearance |
| 6. Behavior | Welcome messages and automation |
| 7. Restrictions | Compliance rules and limitations |
| 8. Summary | Review and create |
Apenas o Passo 1 (Basics) e o Passo 8 (Summary) são obrigatórios. Todos os outros passos podem ser configurados posteriormente.
4. Adicione Conhecimento
Logo após o término do assistente, o ChatReact abre uma Configuração de Conhecimento guiada: escaneie seu site (visualize as páginas descobertas e escolha quais importar) e carregue documentos — ou pule e adicione conhecimento depois.
Você pode adicionar mais conhecimento a qualquer momento para deixar seu chatbot mais inteligente:
Opção 1: Escanear Seu Site
- Vá para Knowledge Base na barra lateral
- Insira a URL do seu site e clique em Preview Pages
- Revise as páginas descobertas e selecione quais importar — páginas recomendadas são pré-selecionadas para você
- Clique em Import Pages e o ChatReact irá extrair e aprender a partir do seu conteúdo
Opção 2: Carregar Documentos
- Vá para Knowledge Base na barra lateral
- Arraste e solte seus arquivos na seção Upload Documents
- Formatos suportados: PDF, TXT, Markdown, CSV, JSON, DOCX (máx. 10 MB por arquivo)
Opção 3: Adicionar FAQs Manualmente
- Vá para FAQs na barra lateral
- Clique em Add FAQ
- Insira pares de pergunta e resposta
- Seu chatbot usará estes para respostas precisas
Opção 4: Instruções Principais
- Vá para Knowledge Base na barra lateral
- Na seção Core Instructions, clique em Add Instruction para adicionar regras específicas que seu chatbot deve sempre seguir
- Exemplos: "Always recommend our premium plan first" ou "Never discuss competitor products"
5. Incorporar no Seu Site
Uma vez configurado, adicione o ChatReact ao seu site:
<script
src="https://www.chatreact.ai/embed/widget.js"
data-chatbot-id="YOUR_CHATBOT_ID"
async
></script>
É isso! Seu chatbot com IA agora está ao vivo.