Integração com o Framer
Adicionar um chat ao vivo ao seu site Framer
No Framer não tem prompt: você cola uma linha no código personalizado do site e o balão do Hooky aparece em todas as páginas a partir da próxima publicação. Depois, você responde aos visitantes pelo celular.
Por que um chat num site Framer
Um site Framer costuma ser uma vitrine caprichada: um estúdio, um freelancer, um app sendo lançado. Quem chega ali tem uma pergunta específica («você tem agenda em março?», «quanto custa um logo?»). Um balão de chat pega essa pergunta na hora certa, sem formulário. O próprio Framer cita o chat ao vivo entre os usos do código personalizado.
Instalar o Hooky no Framer
Crie sua conta Hooky (grátis para um site), cadastre seu site com o endereço (
meu-site.framer.websiteou seu domínio) e copie a tag<script>em Sites.Abra as configurações do site no Framer (Site Settings, chamadas de Project Settings nas versões recentes) e vá até a seção Custom Code.
Adicione um script: Add Script (ou + se já houver algum), dê o nome «Hooky», cole a tag e escolha como posição o fim da tag <body>. Deixe em todas as páginas; se perguntar com que frequência ele roda, escolha Once.
Publique o site. O código personalizado não carrega na pré-visualização do canvas: só a versão publicada mostra o balão.
A tag para colar (a sua traz a chave real do seu site):
<script src="https://heyhooky.com/widget.js" data-site-key="SUA_CHAVE_PUBLICA" async></script>O Framer muda o nome dos menus de vez em quando: se não encontrar, procure «Custom Code» na ajuda do Framer. O que importa: um código no nível do site (não de uma página só), no fim do <body>.
Conferir se o balão aparece
Abra seu site publicado numa nova aba: o balão fica embaixo. Passe de uma página para outra: ele continua lá, e a conversa também. Uma mensagem de teste chega na hora em Mensagens.
Não apareceu? Confira se você publicou de novo, se o código está no nível do site e no fim do <body>, e se o endereço aberto está nos endereços autorizados do site no Hooky, se você cadastrou algum.
framer.website e seu domínio
Seu site tem um endereço do Framer e, muitas vezes, seu próprio domínio. Cadastre os dois na página do site, no Hooky: uma só caixa de entrada, as mesmas estatísticas. O www. é coberto automaticamente.
Combinar o balão com o seu design
Não precisa mexer no Framer para isso: no Hooky, na página do site, escolha a cor do balão, o lado (direita ou esquerda) e sua mensagem de boas-vindas, com pré-visualização ao vivo. As mudanças valem sem publicar de novo.
Quer um botão «Fale comigo» no menu? Dê a ele um link que chame Hooky.open() ou, mais simples no Framer, deixe o balão fazer o trabalho.
Responder aos seus visitantes
Uma notificação no celular, e você responde pelo app Hooky (iPhone, iPad, Mac, Android) ou pelo painel web. Seu visitante pode anexar uma foto ou um PDF (um briefing, um mockup), e se sair do site depois de deixar o e-mail, sua resposta chega por e-mail com um link para retomar a conversa.
Perguntas frequentes
Preciso de um plano pago do Framer?
A ajuda do Framer não indica um plano mínimo para o código personalizado. Já o domínio próprio exige um plano pago. Se a seção Custom Code não estiver disponível no seu projeto, confira as condições do seu plano no Framer.
Quero o balão só em algumas páginas
O Framer permite limitar um script a certas páginas. Mas, para um chat, o mais útil é tê-lo em todas: a conversa acompanha o visitante de página em página.
Não tem prompt para o Framer?
O Framer é um editor visual: você não pede para ele escrever código, você mesmo cola a tag. É uma linha só, e você nunca mais mexe nela.
E as estatísticas?
O Hooky.track é chamado a partir de código: no Framer, isso passa por um componente de código ou um override. Para um site vitrine simples, o balão costuma bastar. Veja a 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.