Fez seu app no Lovable, v0 ou Bolt? Bota um chat de verdade nele
Seu app vibecodado tá lindo, mas e quando o usuário quiser falar com você? Uma linha de código coloca um chat real no site — as mensagens caem no seu Inbox.
Resposta curta: crie um canal Custom no Blaber (Conectar → Custom),
copie o snippet de uma linha e cole no <head> do seu app — ou melhor:
cole o snippet no prompt e deixe a IA da sua ferramenta fazer isso. Aparece um
bubble de chat no canto do site, e cada visitante que escrever vira uma
conversa no seu Inbox. Funciona em Lovable, v0, Bolt, Framer, Webflow,
WordPress e em qualquer coisa que aceite HTML.
O gap do app vibecodado
Você descreveu o app, a IA construiu, o deploy saiu — mágico. Aí entra o
primeiro usuário de verdade e… como ele fala com você? Abre issue no GitHub?
Manda e-mail pro noreply@? Grita?
Aplicativo de gente grande tem um canal de conversa. A boa notícia: essa é a parte que não precisa de mais uma semana de prompts.
Passo 1 — Crie o canal Custom
Na dashboard do Blaber: Conectar → Custom. Dê um nome (“Chat do site”), escolha cor e posição do bubble, e o Blaber te entrega um snippet parecido com isso:
<script src="https://getblaber.com/widget.js" data-blaber-key="ck_01J…" async></script>Passo 2 — Cole (ou mande a IA colar)
No Lovable/v0/Bolt, o caminho mais rápido é um prompt:
“Adicione este script no head do index.html, sem mudar mais nada:
<script src="https://getblaber.com/widget.js" data-blaber-key="ck_01J…" async></script>”
No Framer/Webflow/WordPress, cole no campo de “custom code”. Publicou, apareceu o bubble, acabou a parte técnica.
Passo 3 — Atenda no Inbox (junto com todo o resto)
Visitante escreveu → conversa no Inbox do Blaber, com a etiqueta do canal. Se você também conectou WhatsApp e Telegram, está tudo na mesma tela — o chat do site é só mais um logo na lista.
Upgrade fino: continuar a conversa fora do site
O drama clássico de chat de site é o visitante fechar a aba e sumir. O combo esperto: pergunte o WhatsApp dele na conversa e continue por lá — do mesmo Inbox, sem trocar de ferramenta. O cliente nem percebe a emenda.
E o próximo nível
- Primeira resposta automática com n8n: “chegou mensagem no chat do site → responde em 5s + avisa no Slack”.
- Triagem com IA via MCP: o agente responde as dúvidas de FAQ e escala pro seu WhatsApp o que for sério.
- Estilo total: o canal Custom também funciona por API, se um dia você quiser desenhar seu próprio chat do zero em vez do widget.
Vibecoding é isso: o app nasce num fim de semana. O suporte dele agora também.
Perguntas frequentes
Como adiciono um chat no meu site feito com Lovable, v0, Bolt ou Framer?
Crie um canal Custom no Blaber (Conectar → Custom), copie o snippet de uma linha e cole no HTML do seu app — ou peça pra própria IA da ferramenta colar. O bubble de chat aparece e as mensagens chegam no Inbox do Blaber.
O widget de chat do Blaber é personalizável?
Sim: cor, posição, textos e avatar são configuráveis na dashboard, pra combinar com a cara do seu app.
Preciso de backend pra ter chat no meu site?
Não. O widget fala com o Blaber direto; você só cola o snippet no front. Quem cuida de entrega, histórico e notificação é a plataforma.