Integração com o Bolt
Adicionar um chat ao vivo ao seu site Bolt
Você montou seu site com o Bolt e ele está no ar no bolt.host ou no seu domínio. O Hooky coloca um balão de chat nele com um prompt: seus visitantes escrevem, você responde pelo celular.
Por que um chat num site Bolt
O Bolt costuma servir para lançar rápido: uma landing page, uma lojinha, uma ferramenta para os seus clientes. É justamente quando chegam as primeiras perguntas, e você quer ouvi-las. Um balão de chat é o caminho mais curto entre um visitante em dúvida e você.
Os projetos do Bolt são código de verdade (muitas vezes React com Vite, às vezes Next.js ou Astro). O Hooky só adiciona uma tag <script>, no template comum a todas as páginas: sem dependência, sem componente para manter.
Instalar o Hooky no Bolt
Crie sua conta Hooky (grátis para um site) e cadastre seu site com o endereço, por exemplo
meu-site.bolt.host.Copie o prompt em Sites: ele já traz a chave do seu site. Aqui está a versão para o Bolt, com uma chave de exemplo.
Cole no chat do seu projeto Bolt e deixe o Bolt alterar o código. Olhe a pré-visualização: nada mais deve ter mudado.
Publique: botão Publish no canto superior direito e depois Publish (ou Update se o site já estiver no ar) no menu que abre. O Bolt recomenda esses botões em vez de um prompt «publique meu site», que gasta tokens.
O prompt para o Bolt
Adicione o balão de chat do Hooky a este site, em todas as páginas. Cole esta tag uma única vez, logo antes de </body>, no template HTML comum a todas as páginas (index.html num projeto Vite, app/layout.tsx com o componente Script de next/script e strategy="afterInteractive" no Next.js, o layout principal no Astro):
<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. Não adicione nenhum outro código e não mude mais nada: o balão aparece sozinho, embaixo da tela.
Conferir se o balão aparece
Depois de publicar, o Bolt mostra o link do seu site no chat: abra numa nova aba. O balão fica embaixo. Mande uma mensagem de teste: ela chega em Mensagens, e no app se você já o instalou.
Sem balão? Confira se você publicou de novo, se o endereço aberto está nos endereços autorizados do site no Hooky (se você cadastrou algum) e recarregue sem cache.
bolt.host e seu próprio domínio
O Bolt publica de graça num endereço bolt.host; num plano pago do Bolt dá para conectar seu domínio. Cadastre os dois endereços na página do site, no Hooky: uma só caixa de entrada, as mesmas estatísticas, o mesmo balão. E se você publicar um site privado (planos pagos do Bolt), só os visitantes convidados verão o balão, como o resto do site.
Responder aos seus visitantes
Você responde pelo app Hooky (iPhone, iPad, Mac, Android) ou pelo painel web, com uma notificação a cada nova mensagem. Seus visitantes não criam conta; podem anexar uma foto ou um PDF e deixar o e-mail para receber sua resposta se saírem antes.
Quer saber se o seu lançamento está funcionando? Peça ao Bolt para chamar Hooky.track("cadastro") depois de cada cadastro: os números aparecem na aba Estatísticas. Detalhes na documentação.
Perguntas frequentes
Meu projeto Bolt não tem index.html
É o caso de um projeto Next.js ou Astro. O prompt já prevê isso: o Bolt coloca a tag no layout comum. No Next.js, ele usa o componente Script, como explica a documentação.
E se meu site Bolt estiver publicado na Netlify?
Não muda nada para o Hooky: a tag está no seu código e vai junto a cada publicação. É só cadastrar o endereço da Netlify nos endereços do site.
O balão vai atrapalhar o design do meu site?
Não: ele vive num Shadow DOM, isolado dos seus estilos. Você escolhe a cor, o lado (direita ou esquerda) e a mensagem de boas-vindas no Hooky, com uma pré-visualização, sem mexer no código.
Posso abri-lo a partir de um botão «Fale conosco»?
Sim. Peça ao Bolt: «O botão Fale conosco abre o balão do Hooky com Hooky.open()». Está explicado na documentação.
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.