Widget de Captura de Leads
El Widget de Captura de Leads te permite incrustar un popup flotante o formulario en línea en cualquier sitio web externo. Los visitantes pueden enviar sus datos sin salir de la página.
¿Qué es un Widget de Captura?
Un widget de captura es un pequeño fragmento JavaScript que agregas a tu sitio web. Se muestra como:
- Un botón flotante (p. ej. esquina inferior derecha) que abre un popup de formulario al hacer clic, o
- Un incrustado en línea colocado directamente dentro de un elemento de la página
Cuando un visitante envía el formulario del widget, se crea un lead en tu espacio de trabajo de LeadHub.
Crear un Widget de Captura
- Ve a Formularios → Widgets de Captura de Leads en la barra lateral.
- Haz clic en Nuevo Widget de Captura.
- Configura:
| Campo | Descripción |
|---|---|
| Nombre | Nombre interno para este widget |
| Formulario | Selecciona qué formulario de LeadHub mostrar en el widget |
| Tipo de Disparador | Botón (botón flotante) o En Línea (incrustado en un contenedor) |
| Etiqueta del Botón | Texto en el botón flotante (p. ej. "Contáctanos") |
| Color del Botón | Color de fondo del botón |
| Posición | Dónde aparece el botón flotante: inferior-derecha, inferior-izquierda, etc. |
| Activo | Habilitar o deshabilitar el widget |
- Haz clic en Guardar.
Obtener el Código de Incrustación
Después de guardar el widget:
- Haz clic en Obtener Código (o el icono de código) en la fila del widget.
- Copia el fragmento JavaScript.
- Pégalo justo antes de la etiqueta de cierre
</body>en tu sitio web.
Widget En Línea
Para incrustar el widget en línea (dentro de un div específico):
- Establece Tipo de Disparador en
En Línea. - Agrega un elemento contenedor a tu página con el atributo de datos del widget:
<div data-leadhub-widget="tu-widget-id"></div> - Pega el fragmento JavaScript en cualquier lugar de la página (antes de
</body>).
Cómo Funciona
- El fragmento JS carga de forma asíncrona — no ralentiza tu página.
- Cuando el visitante hace clic en el botón (o la página carga para el modo en línea), se muestra el formulario.
- Al enviar, los datos se envían a tu instalación de LeadHub y se crea un registro de lead.
- El formulario muestra el mensaje de agradecimiento configurado.
Múltiples Widgets
Puedes tener múltiples widgets — uno por sitio web, producto o caso de uso. Cada widget apunta a un formulario específico. Esto te permite rastrear qué sitio web o página generó cada lead mediante la asociación de formularios.
Consejos
- Usa un widget de botón flotante en tu sitio web principal para consultas generales.
- Usa widgets en línea en páginas de destino para campañas específicas.
- Combina con el disparador de automatización "Formulario Enviado" para asignar y hacer seguimiento inmediatamente.