> ## 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. # Incorporar o Widget no Site 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 `` do seu site: ```html theme={null} ``` O widget aparecerá automaticamente como um **botão flutuante** no canto da página. Ao clicar, o visitante vê a home page do widget. O código embed está disponível em **Apps → Live Chat → Copiar código** na lista de widgets, ou dentro do editor do widget na aba **Incorporar**. ### 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 `` (não em ``) 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/w/{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 | 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 instância pode ter **múltiplos 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