Widgets de Leads
Herramientas → Widgets de Leads crea un widget flotante o incrustado en tu sitio web que los visitantes pueden hacer clic para enviar sus datos de contacto — capturados directamente como un lead en LeadHub.
El widget es diferente de un formulario incrustado: aparece como un botón flotante (burbuja de chat, botón "Contáctanos") que abre un formulario en un panel deslizante, sin requerir una página de formulario dedicada.
Crear un Widget de Lead
- Ve a Herramientas → Widgets de Leads.
- Haz clic en Nuevo Widget.
- Configura el widget:
Configuración Básica
| Campo | Descripción |
|---|---|
| Nombre | Etiqueta interna |
| Formulario | Qué formulario de LeadHub mostrar cuando se abre el widget |
| Etiqueta del Botón | Texto en el botón flotante (p. ej., "Obtener Cotización", "Contáctanos") |
| Posición del Botón | Inferior izquierda o Inferior derecha de la página |
| Color Principal | Color de énfasis del botón y el widget |
| Mensaje de Bienvenida | Titular opcional mostrado en la parte superior del panel del widget abierto |
Comportamiento
| Campo | Descripción |
|---|---|
| Retraso de Apertura Automática | Segundos antes de que el widget se abra automáticamente (0 = solo manual) |
| Mostrar en Móvil | Activa para mostrar/ocultar en dispositivos móviles |
| Dominios | Dominios donde se permite que este widget se cargue |
- Haz clic en Guardar — se genera un código de incrustación JavaScript.
Instalar el Widget
Copia el código de incrustación y pégalo antes de </body> en tu sitio web:
<script>
window.LeadHubWidget = { token: 'TU_TOKEN_DE_WIDGET' };
</script>
<script async src="https://tudominio.com/widget.js"></script>
El botón flotante aparece en todas las páginas donde se carga el script.
Cómo Funciona para los Visitantes
- El visitante ve el botón flotante en la página.
- Lo hace clic — se abre un panel deslizante con tu formulario.
- Completan el formulario y lo envían.
- LeadHub crea un nuevo lead instantáneamente.
- Se activan las automatizaciones con el disparador Formulario Enviado.
- El visitante ve un mensaje de agradecimiento.
Múltiples Widgets
Puedes crear diferentes widgets para diferentes páginas o campañas:
- Un widget "Reservar Demo" en tu página de precios
- Un widget "Obtener Soporte" en tu página de ayuda
- Un widget "Descargar Guía" en una publicación de blog
Cada widget puede apuntar a un formulario de LeadHub diferente, usar diferentes colores y tener diferentes etiquetas de botón.
Relacionado
- Constructor de Formularios — crea el formulario que usa el widget
- Resumen de Formularios — opciones de incrustación en iframe e inline