Integração com o Claude
Adicionar um chat ao vivo a um site criado com o Claude
Você construiu seu site conversando com o Claude, no claude.ai ou com o Claude Code. Continue do mesmo jeito: cole o prompt do Hooky na conversa e o Claude adiciona o balão de chat às suas páginas. Depois você responde aos visitantes pelo celular.
Por que um chat num site feito com o Claude
O Claude ajudou você a escrever o site; ele não vai estar lá para responder aos visitantes. Você vai, desde que eles consigam escrever com facilidade. O balão do Hooky entra com uma linha, sem backend para escrever, e a caixa de entrada fica no seu bolso.
Numa conversa no claude.ai
Crie sua conta Hooky (grátis para um site), cadastre seu site e copie o prompt em Sites: a chave já está nele.
Volte à conversa em que você criou o site (ou abra uma nova e anexe seus arquivos HTML) e cole o prompt.
Pegue os arquivos alterados: o Claude devolve cada página com a tag logo antes de
</body>.Coloque-os no ar onde seu site está hospedado (Netlify, Vercel, GitHub Pages, sua hospedagem…), no lugar dos antigos.
O prompt para o Claude
Adicione o balão de chat do Hooky ao meu site, em todas as páginas. Cole esta tag uma única vez por página, logo antes de </body> (ou uma única vez no template comum, se houver):
<script src="https://heyhooky.com/widget.js" data-site-key="SUA_CHAVE_PUBLICA" async></script>Não altere o endereço do script nem o atributo data-site-key, e não mude mais nada. Me devolva cada arquivo alterado completo, pronto para substituir o antigo.
As pré-visualizações do claude.ai (artifacts) limitam scripts vindos de outros sites: o balão pode não aparecer ali. É normal; teste no seu site no ar.
Com o Claude Code
O Claude Code trabalha direto nos arquivos do seu projeto: passe o mesmo prompt, ele encontra o template comum (index.html, app/layout.tsx, um layout Astro…) e coloca a tag. Revise a mudança e publique como sempre.
Mais curto ainda: o Claude Code pode criar sua conta Hooky sozinho. Diga a ele:
Deixar o Claude Code fazer tudo
Leia https://heyhooky.com/llms.txt, depois crie uma conta Hooky com o e-mail lila@exemplo.com.br e instale o balão em https://seusite.com.br
Ele chama a API de cadastro do Hooky, recebe a tag do seu site e a instala. Você recebe um e-mail, «Sua conta Hooky está pronta»: clique em Ativar minha conta em até 7 dias. O Claude não vê nem o link de ativação nem suas mensagens. Detalhes na documentação.
Conferir se o balão aparece
Abra seu site no ar e recarregue: o balão fica embaixo. Mande uma mensagem para você mesmo: ela chega em Mensagens. Nada? Confira se os novos arquivos estão no ar (limpe o cache), se a tag está na página que você está vendo e se o endereço está nos endereços autorizados do site no Hooky. Para testar localmente, adicione localhost.
Responder aos seus visitantes
Você responde pelo app Hooky (iPhone, iPad, Mac, Android) ou pelo painel web, com uma notificação a cada mensagem. Seus visitantes não criam conta, podem anexar uma foto ou um PDF, e se saírem depois de deixar o e-mail, sua resposta vai atrás deles por e-mail.
E para saber o que acontece no seu site, peça ao Claude: «conte os cadastros com o Hooky». Ele adiciona o Hooky.track no lugar certo (documentação).
Perguntas frequentes
Por que o link para o llms.txt?
É a nossa documentação num formato que as IAs leem diretamente. Com ele, o Claude sabe instalar o balão, criar uma conta e contar suas estatísticas, sem inventar uma chave.
O Claude consegue criar minha conta pelo claude.ai?
Ele precisa conseguir enviar uma requisição para a API do Hooky, o que o Claude Code faz. Numa conversa comum, crie sua conta você mesmo (dois minutos) e cole o prompt.
Meu site ainda não está no ar
Publique primeiro: o balão precisa de um endereço de verdade. Uma página aberta como arquivo (file://) não tem.
E o servidor MCP?
Vem aí em breve: o Claude Code vai poder instalar o Hooky sozinho, sem prompt. Até lá, o llms.txt já faz quase tudo.
Outras ferramentas
Seus visitantes têm perguntas. Responda de onde você estiver.
Grátis para um site, instalado com um prompt. Depois, é só deixar o celular no bolso.