> ## 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.

# Incorporar no Site

> Como adicionar o widget de Live Chat ao seu site via código embed, URL direta ou abertura automática.

Após configurar o widget, existem três formas de disponibilizá-lo para os visitantes do seu site.

***

## Código Embed (Recomendado)

Copie o código de incorporação gerado automaticamente e cole antes do `</body>` do seu site:

```html theme={null}
<script
  src="https://brainchat.app/chat-widget.js"
  data-widget="seu-slug"
  async>
</script>
```

O widget aparecerá automaticamente como um **botão flutuante** no canto da página. Ao clicar, o visitante vê a home page do widget.

> [!TIP]
>
> O código está no editor do widget, aba **Incorporar**, e em **Copiar código** na lista de widgets (**Atendimento → Live Chat**). Troque `seu-slug` pelo slug do seu widget.

### Verificando a instalação

Após colar o código, acesse seu site e confirme que o botão flutuante aparece. Se não aparecer:

1. Verifique se o script está antes de `</body>` (não em `<head>`)
2. Confirme que o slug está correto no atributo `data-widget`
3. Certifique-se de que o widget está **ativo** no painel

***

## URL Direta

Acesse o widget diretamente pelo navegador em:

```
https://brainchat.app/widget/{slug}
```

Útil para:

* Compartilhar via link em redes sociais, e-mail ou WhatsApp
* Incorporar em iframes de terceiros
* Testar o widget antes de instalar no site

***

## Abertura Automática

Configure um **delay em segundos** (0 a 60) para o widget abrir sozinho após o visitante acessar a página.

| Configuração | Comportamento |
| - | - |
| **0 segundos** | Abre imediatamente ao carregar a página |
| **5-10 segundos** | Abre após o visitante ler o conteúdo inicial |
| **Em branco** | Widget abre apenas quando o visitante clica no botão flutuante |

> [!WARNING]
>
> Use a abertura automática com moderação. Widgets que abrem imediatamente podem ser intrusivos e aumentar a taxa de fechamento sem interação.

***

## Compatibilidade

O widget é compatível com:

* Sites estáticos (HTML/CSS)
* WordPress (cole no rodapé do tema ou use um plugin de custom code)
* Webflow (cole nas configurações de Custom Code)
* Shopify (cole no `theme.liquid`)
* Qualquer plataforma que permita adicionar JavaScript customizado

***

## Múltiplos Widgets

Cada organização pode ter **vários widgets** com configurações independentes — útil para sites ou páginas com propósitos diferentes.

Exemplo:

* Widget "Suporte" — para a página de ajuda, focado em resolução de problemas
* Widget "Vendas" — para a página de preços, com agente de IA para qualificação
* Widget "Contato" — para a home page, com formulário de pré-chat


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.