Widget de Captura de Leads
O Que É
O Widget de Captura de Leads é um pequeno botão flutuante que aparece em qualquer site. Quando um visitante clica nele, aparece um formulário pedindo seu nome, e-mail, número de telefone e uma mensagem. Quando enviam o formulário, um novo lead é criado automaticamente no LeadHub — e qualquer automação que você configurou é acionada imediatamente.
Você não precisa tocar no código do seu site além de adicionar uma linha de JavaScript.
Criar um Widget
Vá para Ferramentas → Widgets de Leads na barra lateral (pode aparecer sob o grupo de navegação "Ferramentas").
- Clique em Novo Widget de Captura de Leads.
- Preencha a configuração (veja abaixo).
- Clique em Salvar.
- Clique em Obter Código de Incorporação no widget que você acabou de criar.
- Copie o trecho de JavaScript e adicione ao seu site.
Opções de Configuração
Identidade do Widget
| Campo | O que faz |
|---|---|
| Nome | Rótulo interno — visível apenas para sua equipe, não para visitantes do site |
| Título | O título principal mostrado dentro do formulário pop-up (ex. "Entre em contato") |
| Subtítulo | Texto menor opcional abaixo do título |
| Texto do Botão | O texto no botão de envio (ex. "Enviar Mensagem") |
| Mensagem de Sucesso | O que o visitante vê após enviar o formulário (ex. "Obrigado! Entraremos em contato em breve.") |
Aparência
| Campo | O que faz |
|---|---|
| Cor Primária | A cor do botão flutuante e do botão de envio |
| Cor do Texto | A cor do texto nos botões (normalmente branco) |
| Posição | Onde na tela o botão aparece — Canto Inferior Direito, Canto Inferior Esquerdo, Canto Superior Direito ou Canto Superior Esquerdo |
Campos do Formulário
| Toggle | O que faz |
|---|---|
| Mostrar campo de telefone | Mostra um campo de número de telefone no formulário |
| Exigir telefone | Torna o campo de telefone obrigatório |
| Mostrar campo de empresa | Mostra um campo de nome de empresa |
| Mostrar campo de mensagem | Mostra uma área de texto para mensagem |
| Exigir mensagem | Torna o campo de mensagem obrigatório |
Nome e e-mail são sempre exibidos e sempre obrigatórios.
Roteamento de Leads
Você pode rotear automaticamente os leads enviados por este widget para um pipeline e etapa específicos:
- Rotear leads para o pipeline — escolha em qual pipeline os novos leads do widget chegam
- Etapa inicial — escolha em qual etapa dentro desse pipeline eles começam
Se deixar esses campos em branco, o lead é criado sem atribuição de pipeline.
Ativo/Inativo
O toggle Widget está ativo permite ativar ou desativar o widget sem excluí-lo. Quando inativo, o botão flutuante não aparece em sites que usam o código de incorporação.
Obter o Código de Incorporação
Após salvar seu widget, encontre-o na lista e clique em Obter Código de Incorporação.
Você verá um trecho como este:
<script src="https://yourdomain.com/widget/abc123-uuid/loader.js" async></script>
Copie esta linha completa. Isso é tudo que você precisa adicionar ao seu site.
Adicionar o Widget ao Seu Site
WordPress
- Instale um plugin como "Header Footer Code Manager" ou "Insert Headers and Footers" — pesquise por qualquer um no diretório de plugins do WordPress.
- Cole a tag script na área de "Footer".
- Salve e visite seu site — o botão flutuante aparece.
Alternativamente, se o seu tema WordPress tem uma área de "HTML personalizado" no widget do rodapé, cole o script lá.
Shopify
- No admin do Shopify, vá para Loja Virtual → Temas.
- Clique em Editar Código no seu tema ativo.
- Abra o arquivo
theme.liquid. - Cole a tag script logo antes da tag
</body>. - Clique em Salvar.
Wix
- No Editor do Wix, clique no botão + para adicionar um elemento.
- Escolha Incorporar → Código Personalizado.
- Cole a tag script no campo de código.
- Configure para carregar na seção Body.
- Aplique e publique.
Squarespace
- Vá para Configurações → Avançado → Injeção de Código.
- Cole a tag script na caixa Footer.
- Salve. O widget aparece em todas as páginas.
Site HTML Personalizado
Cole a tag script em qualquer lugar antes da tag de fechamento </body> no seu arquivo HTML:
<script src="https://yourdomain.com/widget/abc123/loader.js" async></script>
</body>
Como os Envios Fluem
- Um visitante chega ao seu site e vê o botão flutuante.
- Ele clica, preenche seus dados e pressiona Enviar.
- LeadHub recebe o envio instantaneamente.
- Um novo lead é criado no seu espaço de trabalho com as informações do visitante.
- Qualquer automação que é acionada por "Novo Lead Recebido" dispara imediatamente.
- O visitante vê sua mensagem de sucesso.
Tudo acontece em tempo real. Você não precisa verificar nada manualmente — novos leads aparecem automaticamente na sua lista de leads.
Análises do Widget
Na página da lista de Widgets de Leads, cada widget mostra:
- Leads Capturados — número total de leads enviados por este widget
Isso permite que você veja rapidamente quais widgets estão performando e quais não estão.
Personalizar a Aparência do Widget
Todas as configurações de aparência estão no formulário de configuração do widget. Você pode alterar:
- Cores para corresponder à marca do seu site
- A posição do botão para evitar sobrepor botões de chat ou cookies existentes do seu site
- O título e subtítulo para corresponder ao tom do seu site
Você pode criar múltiplos widgets com diferentes configurações — por exemplo, um para sua página inicial com "Obter um orçamento gratuito" e outro para seu blog com "Assinar para atualizações".
Segurança
CORS (Cross-Origin Resource Sharing)
O widget pode aceitar envios de qualquer site por padrão. Se você quiser restringir quais domínios podem enviar por um widget específico, defina o campo Domínios Permitidos na configuração do widget. Insira seu domínio (ex. acmecorp.com) e apenas envios desse domínio serão aceitos.
Limitação de Taxa
LeadHub limita automaticamente quantos envios um único visitante pode fazer em um curto período de tempo. Isso evita que bots automatizados inundem sua lista de leads com entradas indesejadas.