> ## Documentation Index
> Fetch the complete documentation index at: https://docs.brainchat.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Live Chat

> Adicione um widget de chat ao vivo no seu site e converse com visitantes em tempo real.

# Live Chat

O Live Chat permite incorporar um widget de chat diretamente no seu site. Visitantes podem iniciar conversas, e você responde pelo painel do Brainchat — com ou sem inteligência artificial.

<CardGroup cols={2}>
  <Card title="Widget personalizável" icon="palette">
    Cores, logo, botões e textos totalmente configuráveis para combinar com sua marca.
  </Card>

  <Card title="Agente de IA integrado" icon="robot">
    Vincule um agente para responder automaticamente, com fallback para atendimento humano.
  </Card>

  <Card title="Múltiplos widgets" icon="copy">
    Crie widgets diferentes para cada site ou página, com configurações independentes.
  </Card>

  <Card title="Painel unificado" icon="inbox">
    Conversas do Live Chat aparecem ao lado das conversas de WhatsApp no mesmo painel.
  </Card>
</CardGroup>

***

## Criar um Widget

<Steps>
  <Step title="Acessar a lista de widgets">
    Vá em **Apps → Live Chat** no menu lateral. Você verá todos os widgets criados.
  </Step>

  <Step title="Criar novo widget">
    Clique em **Novo Widget**. Preencha:

    * **Nome** — identificação interna (ex: "Chat do Site Principal")
    * **Slug** — identificador único na URL (apenas letras minúsculas, números e hífens)

    O slug define a URL pública do widget: `https://brainchat.app/w/{slug}`
  </Step>

  <Step title="Configurar e publicar">
    Após criar, você será redirecionado ao editor visual do widget com todas as abas de configuração.
  </Step>
</Steps>

***

## Próximos passos

<CardGroup cols={2}>
  <Card title="Personalizar" icon="palette" href="/apps/live-chat-personalizar">
    Configure home page, cores, logo e botão flutuante.
  </Card>

  <Card title="Mensagens" icon="message" href="/apps/live-chat-mensagens">
    Configure pré-chat, mensagens automáticas e Agente de IA.
  </Card>

  <Card title="Incorporar no Site" icon="code" href="/apps/live-chat-incorporar">
    Adicione o widget ao seu site via código embed ou URL.
  </Card>
</CardGroup>

***

## Gerenciamento

Na lista de widgets (**Apps → Live Chat**), você pode:

| Ação                 | Descrição                                                    |
| -------------------- | ------------------------------------------------------------ |
| **Ativar/Desativar** | Widgets desativados não respondem a visitantes               |
| **Copiar código**    | Copia o snippet de incorporação para a área de transferência |
| **Editar**           | Abre o editor visual com todas as configurações              |
| **Excluir**          | Remove permanentemente o widget                              |

<Info>
  Cada instância pode ter **múltiplos widgets** com configurações independentes — útil para sites ou páginas diferentes.
</Info>