Skip to main content

​
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 </body> do seu site: 
<script
  src="https://brainchat.app/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.
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 </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/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çãoComportamento
0 segundosAbre imediatamente ao carregar a página
5-10 segundosAbre após o visitante ler o conteúdo inicial
Em brancoWidget 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