Saltar al contenido principal

Constructor de Formularios

¿Qué Son los Formularios de LeadHub?​

LeadHub tiene un constructor de formularios integrado que te permite crear formularios de contacto e incrustarlos en tu sitio web. Cuando alguien rellena el formulario, se crea un lead en LeadHub automáticamente — sin copiar y pegar, sin descargas de CSV, sin entrada manual.

Puedes usar los formularios de LeadHub en lugar de (o junto con) herramientas como Typeform o JotForm. Son más fáciles de configurar porque viven dentro de LeadHub y se conectan directamente a tus pipelines.

Crear un Formulario​

  1. Ve a Leads > Formularios en la barra lateral izquierda.
  2. Haz clic en Nuevo Formulario.
  3. Rellena la sección Detalles Básicos:
    • Nombre del Formulario — nombre interno que solo ve tu equipo, p. ej. "Formulario de Contacto Web" o "Solicitud de Presupuesto".
    • Slug — nombre corto usado en la URL pública. Se rellena automáticamente desde el nombre. Usa letras minúsculas y guiones, p. ej. presupuesto-gratis.
    • Título Mostrado — el encabezado que ven los visitantes en la parte superior del formulario.
    • Descripción — opcional. Texto breve mostrado debajo del título.
    • Etiqueta del Botón Enviar — lo que dice el botón de envío. Por defecto es "Enviar".
    • Mensaje de Agradecimiento — mensaje mostrado al visitante tras enviar el formulario.
    • URL de Redirección — opcional. Si introduces una URL aquí, el visitante es redirigido a esa página tras enviar en lugar de ver el mensaje de agradecimiento.
    • Formulario Multipaso — activa esto si quieres dividir el formulario en pasos numerados. Cada campo puede asignarse a un número de paso.
    • Activo — activa esto para que el formulario acepte envíos.

Añadir Campos​

Desplázate hacia abajo hasta la sección Campos del Formulario. Haz clic en Añadir Campo para agregar un nuevo campo. Para cada campo, elige:

  • Tipo de Campo — qué tipo de entrada es:
TipoCómo se ve
Texto CortoUn cuadro de texto de una sola línea
Texto LargoUn cuadro de texto multilínea
EmailCampo de correo electrónico (valida el formato)
TeléfonoCampo de número de teléfono
NúmeroEntrada solo numérica
DesplegableUn desplegable con opciones que defines
Casilla de VerificaciónUna casilla única (sí/no)
Casillas MúltiplesVarias casillas donde los visitantes pueden elegir varias opciones
Botones de RadioVarias opciones donde solo se puede seleccionar una
Subida de ArchivoPermite al visitante subir un archivo
Selector de FechaUn selector de fecha de calendario
Campo OcultoNo visible para los visitantes — usado para pasar un valor fijo automáticamente
Consentimiento GDPRUna casilla de consentimiento para cumplimiento de protección de datos
Divisor de SecciónUna línea visual que separa grupos de campos
  • Etiqueta — la pregunta o etiqueta mostrada encima del campo.
  • Marcador de Posición / Ayuda — texto de sugerencia gris opcional mostrado dentro del campo.
  • Clave de Campo — asigna este campo a una propiedad del lead. Para campos estándar, usa first_name, last_name, email, phone o company.
  • Requerido — activa para hacer este campo obligatorio.
  • Número de Paso — si el multipaso está activado, asigna cada campo a un paso (1, 2, 3, etc.).

Arrastra campos arriba y abajo para reordenarlos.

El campo de Consentimiento GDPR es un campo especial bloqueado. Una vez añadido, no puede eliminarse ni editarse porque es requerido para el cumplimiento legal en muchos países.

Estilo del Formulario​

Haz clic en la sección Apariencia (colapsada por defecto) para estilizar el formulario:

  • Color de Fondo — el color de fondo del formulario.
  • URL de Imagen de Fondo — opcionalmente introduce la URL de una imagen como fondo del formulario.
  • Nombre de Fuente Google — introduce el nombre de una Google Font para el texto del formulario, p. ej. Inter o Roboto.
  • URL del Logo — introduce la URL de tu imagen de logo. Aparecerá en la parte superior del formulario.

Conectar a un Pipeline​

Haz clic en la sección Conexión de Pipeline (colapsada por defecto) para elegir en qué pipeline y etapa deben aterrizar los envíos.

  • Pipeline — elige qué pipeline recibe los nuevos leads de este formulario.
  • Etapa — elige qué etapa dentro de ese pipeline.

Esto te permite separar los envíos de formularios de otras fuentes de leads.

Protección contra Spam​

Haz clic en la sección Protección contra Spam para habilitar Google reCAPTCHA v3.

Activa Habilitar reCAPTCHA v3 e introduce:

  • Clave del Sitio reCAPTCHA — de tu cuenta de Google reCAPTCHA
  • Clave Secreta reCAPTCHA — de tu cuenta de Google reCAPTCHA

reCAPTCHA v3 se ejecuta silenciosamente en segundo plano — los visitantes no tienen que hacer clic en ningún recuadro. Puntúa cada envío y LeadHub rechaza el tráfico de bots obvio.

Para obtener claves reCAPTCHA, visita google.com/recaptcha y registra tu sitio.

Incrustar Formularios en Tu Sitio Web​

Después de crear un formulario, puedes colocarlo en tu sitio web de tres maneras.

Opción 1 — Enlace Directo (URL Pública)​

Cada formulario tiene una URL pública donde vive como página independiente:

https://yourdomain.com/{your-account-slug}/forms/{form-slug}

Puedes compartir este enlace directamente — publícalo en un email, en una bio de redes sociales o en un mensaje de WhatsApp.

Para encontrar la URL pública: abre el formulario en modo vista y busca el campo URL Pública.

Opción 2 — Incrustación iframe​

Copia el código iframe y pégalo en el HTML de cualquier página de tu sitio web.

<iframe
  src="https://yourdomain.com/{account-slug}/forms/{form-slug}"
  width="100%"
  height="600"
  frameborder="0">
</iframe>

Opción 3 — Fragmento JavaScript​

El fragmento JavaScript es la opción de incrustación más limpia. Copia el fragmento de la página de vista del formulario y pégalo en el HTML de tu sitio justo antes de la etiqueta de cierre </body>:

<script src="https://yourdomain.com/widget.js" data-form-id="YOUR_FORM_ID" defer></script>

Reemplaza YOUR_FORM_ID con el ID real del formulario que aparece en la página de detalles del formulario.

Flujo de Envío de Formulario a Creación de Lead​

Esto es lo que sucede cuando alguien envía tu formulario:

  1. El visitante rellena el formulario y hace clic en Enviar.
  2. LeadHub valida los campos (verifica campos obligatorios, formato de email, reCAPTCHA si está habilitado).
  3. Si la validación es correcta, LeadHub crea un nuevo registro de lead con todos los valores de campo enviados.
  4. El lead se coloca en el pipeline y la etapa configurados para el formulario.
  5. La fuente del lead se registra como "LeadHub Web Form".
  6. Cualquier automatización con el disparador "Formulario Enviado" o "Nuevo Lead Recibido" se activa inmediatamente.
  7. El visitante ve tu mensaje de agradecimiento (o es redirigido a tu URL de redirección).

Todo el proceso tarda menos de un segundo.

Analíticas del Formulario​

Abre cualquier formulario en LeadHub para ver sus analíticas:

  • Vistas — cuántas veces se cargó la página del formulario
  • Envíos — cuántas veces se envió el formulario con éxito
  • Tasa de Conversión — el porcentaje de vistas que resultaron en un envío (Envíos / Vistas × 100)

Widget de Captura de Leads​

El Widget de Captura de Leads es un botón flotante que se sitúa en la esquina de tu sitio web. Cuando un visitante hace clic en él, aparece un pequeño formulario de contacto emergente.

Crear un Widget​

  1. Ve a Herramientas > Widgets de Leads en la barra lateral izquierda.
  2. Haz clic en Nuevo Widget de Captura de Leads.
  3. Rellena:
    • Nombre — nombre interno, p. ej. "Botón Flotante Web".
    • Titular — el título mostrado en la parte superior del formulario emergente.
    • Subtítulo — subtítulo opcional.
    • Texto del Botón — el texto en el botón de envío.
    • Mensaje de Éxito — lo que ve el visitante después de enviar.

Personalizar la Apariencia​

En la sección Apariencia:

  • Color Principal — el color del botón flotante y la cabecera del formulario.
  • Color del Texto — el color del texto en el botón y la cabecera.
  • Posición — dónde aparece el botón flotante en la pantalla: Inferior Derecho, Inferior Izquierdo, Superior Derecho, Superior Izquierdo.

Elegir Qué Campos Mostrar​

En la sección Campos del Formulario, activa qué campos muestra el formulario del widget:

  • Mostrar campo de teléfono — añade un campo de número de teléfono
  • Requerir teléfono — hace el teléfono obligatorio
  • Mostrar campo de empresa — añade un campo de nombre de empresa
  • Mostrar campo de mensaje — añade un área de texto para un mensaje
  • Requerir mensaje — hace el mensaje obligatorio

El widget siempre muestra los campos Nombre y Email, que son siempre obligatorios.

Conectar a un Pipeline​

En la sección Enrutamiento de Leads, elige en qué pipeline y etapa deben aterrizar los leads de este widget.

Incrustar el Widget en Tu Sitio Web​

Después de guardar el widget, verás un Fragmento de Incrustación en la página de detalles del widget:

<script src="https://yourdomain.com/widget/{widget-uuid}/loader.js" async></script>

Copia este fragmento y pégalo en el HTML de tu sitio justo antes de la etiqueta de cierre </body> en cada página donde quieras que aparezca el widget.

Seguimiento​

El widget rastrea cuántos leads ha capturado. Abre la vista de detalles del widget para ver el recuento de Leads Capturados.