Widget de Captura de Leads
O Widget de Captura de Leads permite incorporar um popup flutuante ou formulário inline em qualquer site externo. Os visitantes podem enviar seus dados sem sair da página.
O Que É um Widget de Captura?
Um widget de captura é um pequeno trecho JavaScript que você adiciona ao seu site. Ele é renderizado como:
- Um botão flutuante (ex.: canto inferior direito) que abre um popup de formulário quando clicado, ou
- Uma incorporação inline colocada diretamente dentro de um elemento da página
Quando um visitante envia o formulário do widget, um lead é criado no seu workspace LeadHub.
Criando um Widget de Captura
- Vá para Formulários → Widgets de Captura de Leads na barra lateral.
- Clique em Novo Widget de Captura.
- Configure:
| Campo | Descrição |
|---|---|
| Nome | Nome interno para este widget |
| Formulário | Selecione qual formulário LeadHub exibir no widget |
| Tipo de Gatilho | Botão (botão flutuante) ou Inline (incorporado em um contêiner) |
| Rótulo do Botão | Texto no botão flutuante (ex.: "Entre em Contato") |
| Cor do Botão | Cor de fundo do botão |
| Posição | Onde o botão flutuante aparece: inferior direito, inferior esquerdo, etc. |
| Ativo | Habilitar ou desabilitar o widget |
- Clique em Salvar.
Obtendo o Código de Incorporação
Após salvar o widget:
- Clique em Obter Código (ou no ícone de código) na linha do widget.
- Copie o trecho JavaScript.
- Cole-o logo antes da tag de fechamento
</body>no seu site.
Widget Inline
Para incorporar o widget inline (dentro de uma div específica):
- Defina o Tipo de Gatilho como
Inline. - Adicione um elemento contêiner à sua página com o atributo de dados do widget:
<div data-leadhub-widget="seu-id-de-widget"></div> - Cole o trecho JavaScript em qualquer lugar da página (antes de
</body>).
Como Funciona
- O trecho JS carrega de forma assíncrona — não desacelera sua página.
- Quando o visitante clica no botão (ou a página carrega para inline), o formulário é renderizado.
- Ao enviar, os dados são enviados para a sua instalação LeadHub e um registro de lead é criado.
- O formulário mostra a mensagem de agradecimento configurada.
Múltiplos Widgets
Você pode ter vários widgets — um por site, produto ou caso de uso. Cada widget aponta para um formulário específico. Isso permite rastrear qual site ou página gerou cada lead por meio da associação de formulário.
Dicas
- Use um widget de botão flutuante no seu site principal para consultas gerais.
- Use widgets inline em landing pages para campanhas direcionadas.
- Combine com o gatilho de automação "Formulário Enviado" para atribuir e acompanhar imediatamente.