Integração com o Lovable
Adicionar um chat ao vivo ao seu site Lovable
Seu site Lovable está no ar e seus visitantes têm perguntas. Com o Hooky, um balão de chat aparece em todas as páginas: você cola um prompt no Lovable, publica e responde pelo celular.
Por que um chat num site Lovable
O Lovable leva você da ideia ao site em uma noite. Mas um site novinho também traz visitantes em dúvida: «vocês entregam em Curitiba?», «o formulário não funciona no meu celular», «tem horário no sábado?». Sem um jeito fácil de perguntar, eles vão embora.
O balão do Hooky dá esse jeito a eles, sem criar conta. Você recebe uma notificação e responde pelo app. E como um site Lovable é um app React (Vite), uma única tag no index.html cobre todas as páginas.
Instalar o Hooky no Lovable
Crie sua conta Hooky (grátis para um site) e cadastre seu site: nome e endereço, por exemplo
meu-site.lovable.app.Copie o prompt de instalação em Sites: ele já traz a chave do seu site. O de baixo é o mesmo, adaptado ao Lovable, com uma chave de exemplo.
Abra seu projeto no Lovable e cole o prompt no chat do projeto, no modo Build (os modos Chat e Plan conversam ou preparam um plano sem mexer no código).
Publique: botão Publish no canto superior direito do editor e depois Publish changes se o site já estiver no ar. Enquanto você não publicar, a versão no ar fica sem o balão.
O prompt para o Lovable
Adicione o balão de chat do Hooky a este site, em todas as páginas. Cole esta tag uma única vez no index.html, na raiz do projeto, logo antes de </body>:
<script src="https://heyhooky.com/widget.js" data-site-key="SUA_CHAVE_PUBLICA" async></script>Deixe-a como está no index.html: não a mova para um componente React nem a adicione com um useEffect. Não altere o endereço do script nem o atributo data-site-key, e não mude mais nada.
Num plano pago do Lovable, você mesmo pode conferir: aba Code, arquivo index.html; a linha deve estar logo antes de </body>. No plano gratuito o editor de código é somente leitura, mas dá para olhar.
Conferir se o balão aparece
Abra seu endereço publicado (meu-site.lovable.app ou seu domínio) numa nova aba e recarregue. O balão fica embaixo, à direita por padrão. Mande uma primeira mensagem para você mesmo: ela chega na hora em Mensagens.
Não apareceu nada? Nesta ordem:
- você clicou em Publish changes depois da mudança;
- o endereço que você testa está nos endereços autorizados do site no Hooky (assim que existe um, o balão fica escondido nos outros);
- a tag continua intacta, com a chave certa (peça ao Lovable para mostrar a linha).
Seu domínio e o endereço lovable.app
O Lovable publica primeiro seu site num endereço lovable.app, depois você conecta seu próprio domínio. Cadastre os dois na página do site, no Hooky: conversas e estatísticas ficam no mesmo lugar, e o balão funciona nos dois sem reinstalar nada. Não precisa adicionar www.: seusite.com.br também cobre www.seusite.com.br.
Responder aos seus visitantes
As mensagens de todos os seus sites chegam numa única caixa de entrada, no app para iPhone, iPad, Mac e Android, ou no painel web. Uma notificação avisa você. Seus visitantes podem mandar fotos ou um PDF (um print do erro, por exemplo), e se algum sair antes da sua resposta depois de deixar o e-mail, sua resposta vai atrás dele por e-mail, com um link para retomar a conversa.
Quer ir além? Peça também ao Lovable para contar seus cadastros ou pedidos com Hooky.track: o prompt está esperando na aba Estatísticas, e tudo está na documentação.
Perguntas frequentes
O balão aparece na pré-visualização do editor do Lovable?
A pré-visualização do editor roda num endereço de desenvolvimento. Enquanto você não cadastrar nenhum endereço no Hooky, o balão aparece em todo lugar; depois que cadastrar, só aparece nesses. O mais simples: teste no endereço publicado.
O Lovable colocou a tag fora do index.html
Acontece: uma IA gosta de «organizar» o código num componente. É só dizer: «Coloque de volta a tag do Hooky, do jeito que estava, no index.html, logo antes de </body>, e tire do componente». Depois publique de novo.
Preciso de um plano pago do Lovable?
Não para o Hooky: o prompt passa pelo chat do projeto. Você só precisa poder publicar o site. Já o domínio próprio depende do seu plano do Lovable.
Tenho vários sites no Lovable
Crie um site no Hooky para cada um: cada prompt tem a sua chave. O plano Grátis cobre um site, o Criador dez e o Studio cinquenta, e todos chegam na mesma caixa de entrada.
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.