Widgets de Lead
Ferramentas → Widgets de Lead cria um widget flutuante ou incorporado no seu site que os visitantes podem clicar para enviar seus dados de contato — capturados diretamente como um lead no LeadHub.
O widget é diferente de um formulário incorporado: ele aparece como um botão flutuante (bolha de chat, botão "Fale Conosco") que abre um formulário em um painel deslizante, sem exigir uma página de formulário dedicada.
Criando um Widget de Lead
- Vá para Ferramentas → Widgets de Lead.
- Clique em Novo Widget.
- Configure o widget:
Configurações Básicas
| Campo | Descrição |
|---|---|
| Nome | Rótulo interno |
| Formulário | Qual formulário LeadHub exibir quando o widget for aberto |
| Rótulo do Botão | Texto no botão flutuante (ex.: "Obter Orçamento", "Fale Conosco") |
| Posição do Botão | Inferior esquerdo ou inferior direito da página |
| Cor Primária | Cor de destaque do botão e do widget |
| Mensagem de Boas-vindas | Título opcional mostrado no topo do painel do widget aberto |
Comportamento
| Campo | Descrição |
|---|---|
| Atraso de Abertura Automática | Segundos antes do widget abrir automaticamente (0 = somente manual) |
| Mostrar no Mobile | Alternar para mostrar/ocultar em dispositivos móveis |
| Domínios | Domínios onde este widget pode carregar |
- Clique em Salvar — um código de incorporação JavaScript é gerado.
Instalando o Widget
Copie o código de incorporação e cole antes de </body> no seu site:
<script>
window.LeadHubWidget = { token: 'SEU_TOKEN_DO_WIDGET' };
</script>
<script async src="https://seudominio.com/widget.js"></script>
O botão flutuante aparece em todas as páginas onde o script é carregado.
Como Funciona para os Visitantes
- O visitante vê o botão flutuante na página.
- Ele clica — um painel deslizante abre com seu formulário.
- Ele preenche o formulário e envia.
- O LeadHub cria um novo lead instantaneamente.
- Quaisquer automações com o gatilho Formulário Enviado disparam.
- O visitante vê uma mensagem de agradecimento.
Múltiplos Widgets
Você pode criar widgets diferentes para páginas ou campanhas diferentes:
- Um widget "Agendar Demo" na sua página de preços
- Um widget "Obter Suporte" na sua página de ajuda
- Um widget "Baixar Guia" em uma postagem do blog
Cada widget pode apontar para um formulário LeadHub diferente, usar cores diferentes e ter rótulos de botão diferentes.
Relacionados
- Construtor de Formulários — crie o formulário que o widget usa
- Visão Geral de Formulários — opções de incorporação iframe e inline