Guía del usuario de formularios web

Introducción

Puede compartir los formularios como enlaces directos, insertarlos en su sitio web mediante un iframe o inyectarlos en una página usando un fragmento de JavaScript. Los formularios son totalmente personalizables, admiten múltiples tipos de campo y ofrecen comportamientos de envío flexibles. Tanto si está ejecutando una campaña de generación de leads como si recopila opiniones de clientes, los formularios web simplifican el proceso de convertir a los visitantes del sitio web en leads rastreados dentro de su pipeline.

Cómo configurar un formulario web

Paso 1: Crear y nombrar el formulario

1. Vaya a la sección Formularios web en ellocharlie.

2. Haga clic en Crear nuevo formulario o en Agregar formulario.

3. Introduzca un Nombre de formulario — así identificará el formulario de forma interna.

4. Opcionalmente, añada una Descripción para documentar el propósito del formulario (por ejemplo, «Captación de leads para la oferta de verano»).

5. Decida si desea Mostrar el título del formulario a los visitantes — active esta opción si desea que el nombre del formulario se muestre en la parte superior del formulario en su sitio web.

Paso 2: Agregar y configurar los campos

1. Haga clic en Agregar campo para comenzar a añadir campos al formulario.

2. Para cada campo, introduzca una Etiqueta (el texto que ven los visitantes) y, opcionalmente, un Marcador de posición (texto de sugerencia dentro del campo de entrada).

3. Seleccione el Tipo de campo:

   • Texto de una sola línea — para respuestas cortas como nombres o direcciones de correo electrónico

   • Texto multilínea — para respuestas más largas como mensajes o descripciones

   • Selección desplegable — para seleccionar una opción de una lista predefinida

   • Casilla de verificación — para confirmaciones de sí/no o de aceptación

4. Active Obligatorio si el campo debe completarse antes del envío.

5. Repita el proceso para cada campo que necesite.

Paso 3: Asignar campos a propiedades de leads

1. Para cada campo añadido, seleccione a qué Propiedad de lead corresponde.

2. Propiedades de lead estándar incluyen:

   • Nombre

   • Apellido

   • Correo electrónico

   • Teléfono

   • Empresa

3. Propiedades de lead personalizadas — si ha creado campos personalizados en ellocharlie (como Industria, Rango de presupuesto o Interés en producto), también puede asignar campos del formulario a estos.

4. La asignación determina dónde se almacenan los datos enviados en el registro del lead. Por ejemplo, si tiene un campo de formulario etiquetado como «Correo de trabajo», asígnelo a la propiedad correo electrónico para que los datos vayan al lugar correcto.

Paso 4: Configurar el comportamiento al enviar

1. Decida qué sucede después de que un visitante envíe el formulario — tiene dos opciones:

   • Mensaje de agradecimiento: Muestre un mensaje personalizado al visitante (p. ej., «¡Gracias por registrarte! Nos pondremos en contacto pronto.»).

   • URL de redirección: Envíe al visitante a otra página (p. ej., su página de agradecimiento, una descarga de recursos o una demostración del producto). Todos los parámetros de URL originales se transfieren automáticamente a la URL de redirección, de modo que sus análisis y píxeles publicitarios sigan funcionando.

2. Elija una opción — no puede usar a la vez un mensaje de agradecimiento y una URL de redirección en el mismo formulario.

Paso 5: Personalizar el estilo

1. Ingrese un Texto del botón de envío personalizado (el valor predeterminado es «Enviar»).

2. Elija los Colores del botón — defina el color de fondo y el color del texto usando valores hexadecimales.

3. Opcionalmente, seleccione una Fuente de Google para personalizar la tipografía del formulario.

Paso 6: Activar su formulario

1. Active el formulario con el interruptor en Activo cuando esté listo para comenzar a recibir envíos.

2. Los formularios inactivos no registrarán ningún dato — esto es útil si desea probar el formulario antes de publicarlo.

3. Una vez activo, el formulario está listo para recibir envíos.

Cómo incrustar un formulario web

Los formularios web se pueden compartir e incrustar de tres maneras:

Opción 1: Enlace directo

1. Abra su formulario en ellocharlie.

2. Copie la URL directa del formulario: https://your-domain.com/embed/form/{form-id}

3. Comparta este enlace en correos electrónicos, redes sociales, anuncios o en cualquier lugar donde desee dirigir tráfico al formulario.

4. Los visitantes verán el formulario en una página dedicada.

Opción 2: Incrustar mediante iframe

1. Copie la URL directa del formulario (consulte la Opción 1 anterior).

2. En su sitio web, cree un elemento <iframe> que apunte a esa URL:

   <iframe src="https://your-domain.com/embed/form/{form-id}" width="100%" height="600"></iframe>
   

3. Ajuste el width y alto atributos para ajustarse al diseño de su página.

4. El formulario se renderizará dentro del iframe en su página.

Opción 3: Inserción mediante JavaScript (Recomendado)

1. Abra su formulario en ellocharlie.

2. Vaya a la Código de inserción pestaña.

3. Copie el fragmento de JavaScript proporcionado.

4. Pegue el fragmento en el HTML de su sitio web donde desea que aparezca el formulario — normalmente justo antes del cierre </body> etiqueta o en la sección de la página donde desea el formulario.

5. La inserción mediante JavaScript renderiza el formulario de forma nativa dentro de su página web sin bordes de iframe ni problemas de desplazamiento, proporcionando una experiencia de usuario fluida.

Seguimiento de atribución de marketing con formularios insertados

Cuando inserta un formulario en una página con parámetros UTM u otros parámetros de URL, dichos parámetros se capturan automáticamente cuando se envía el formulario:

1. Cree sus URL de campaña con parámetros UTM añadidos:

   https://your-domain.com/embed/form/abc123?utm_source=google&utm_medium=cpc&utm_campaign=summer_sale
   

2. Cuando un visitante envía el formulario, todos los parámetros de URL se capturan automáticamente y se almacenan en el registro del cliente potencial.

3. Si ha configurado una URL de redirección, todos los parámetros originales se añaden automáticamente al destino de redirección también — asegurando que su página de agradecimiento, herramientas de análisis y píxeles de conversión de anuncios reciban los datos de atribución.

4. Puede capturar cualquier parámetro de URL, no solo códigos UTM — parámetros personalizados como ?ref=partner123&campaign_id=456 también se almacenan y están disponibles en sus registros de envío.

Visualización de envíos de formularios web

Panel de análisis de formularios

Cada formulario muestra un resumen rápido de su rendimiento:

• Total de visualizaciones — cuántas veces se ha cargado el formulario

• Total de envíos — cuántos visitantes han completado y enviado el formulario

• Tasa de conversión — el porcentaje de visualizaciones que resultaron en envíos

Tabla de envíos

1. Abra un formulario y navegue hasta Envíos pestaña.

2. Vea una lista completa de todos los envíos con:

   • Información del visitante (nombre, correo electrónico, empresa, etc.)

   • Marca de tiempo del envío

   • Datos de origen/atribución (parámetros UTM y otros parámetros de URL)

   • Todos los valores de campos personalizados

3. Haga clic en cualquier envío para ver el registro completo del cliente potencial creado a partir de ese envío.

Exportar datos a CSV

1. En la tabla de envíos, haga clic en Exportar a CSV.

2. La exportación incluye:

   • Todos los campos estándar del cliente potencial (Nombre, Apellido, Correo electrónico, Teléfono, Empresa)

   • Todos los valores de campos personalizados

   • Parámetros UTM como columnas individuales

   • Una columna de cadena de parámetros completa que contiene todos los parámetros de consulta de URL capturados en el momento del envío

3. Utilice el CSV para informes, análisis o importación en herramientas externas.

Flujos de trabajo de formularios web

Creación de clientes potenciales a partir de envíos de formularios

Cuando un visitante envía un formulario:

1. ellocharlie crea automáticamente un nuevo registro de lead.

2. Todos los valores de campo asignados se completan en el lead.

3. Se registra la marca de tiempo del envío.

4. Una captura JSON completa de todos los parámetros de consulta de la URL se almacena en el registro del lead.

5. El estado del lead se establece automáticamente en «Nuevo».

6. El lead aparece en tu lista de leads y está listo para el seguimiento.

Conversión de un lead en un trato

Una vez que hayas revisado un lead y determinado que está calificado, puedes convertirlo en un trato:

1. Abre el registro del lead desde tu lista de leads.

2. Selecciona la opción para Convertir en trato.

3. ellocharlie realizará automáticamente:

   • Crear un registro de empresa (si no existe ya uno)

   • Crear un registro de contacto con la información del lead

   • Crear un nuevo trato en tu pipeline de ventas

4. Todos los datos del formulario original y la atribución de marketing se conservan en el trato.

5. El trato ya está listo para avanzar por tus etapas de ventas.

Uso de la automatización con formularios web

Puedes configurar Reglas de automatización para responder automáticamente a los envíos de formularios y a los nuevos leads:

• Asignar automáticamente nuevos leads a un miembro del equipo

• Enviar una notificación de Slack cuando se envíe un formulario

• Agregar etiquetas o notas a los leads según los datos del envío

• Crear proyectos o tareas para el seguimiento

• Desencadenar otras acciones según las propiedades del lead o la fuente del envío

Consulta la documentación de Automatizaciones para obtener instrucciones detalladas de configuración.

Mejores prácticas y preguntas frecuentes sobre formularios web

Mejores prácticas

Incluye un campo de correo electrónico Incluye siempre un campo de correo electrónico asignado a la correo electrónico propiedad. Esto garantiza que la deduplicación de leads funcione correctamente: si la misma persona envía varios formularios, ellocharlie puede reconocerla como el mismo lead. El correo electrónico también es esencial para la creación de contactos cuando conviertes leads en tratos.

Mantén los formularios breves Los formularios más largos tienen tasas de conversión más bajas. Captura solo la información que realmente necesitas. Siempre puedes solicitar más detalles en conversaciones de seguimiento.

Usa etiquetas de campo claras Escribe etiquetas descriptivas y texto de marcador de posición útil para que los visitantes comprendan qué información se les solicita.

Prueba antes de publicar Antes de activar un formulario, pruébalo exhaustivamente. Verifica que:

• Todos los campos estén capturando datos correctamente

• Las asignaciones de campos sean correctas

• El mensaje de agradecimiento o la URL de redireccionamiento funcione como se espera

• El formulario se muestre correctamente en tu sitio web

Aprovecha los parámetros UTM Si estás ejecutando campañas de pago o múltiples canales de marketing, añade siempre parámetros UTM a las URLs de tus formularios. Esto te permite rastrear qué campañas y canales están generando los leads más valiosos.

Supervisar el rendimiento del formulario Revisa periódicamente el panel de análisis de tu formulario (Vistas, Envíos, Tasa de conversión) para comprender el rendimiento del mismo. Si las tasas de conversión son bajas, considera simplificar el formulario o probar diferentes mensajes.

Preguntas frecuentes

P: ¿Qué ocurre cuando un visitante envía un formulario? R: Se crea un nuevo registro de lead con todos los valores de campo asignados, la marca de tiempo del envío y una captura JSON completa de todos los parámetros de consulta de URL presentes en el momento del envío. El estado del lead se establece en «Nuevo».

P: ¿Qué ocurre con los parámetros UTM cuando configuro una URL de redirección? R: Todos los parámetros de consulta de la URL del formulario original se añaden automáticamente a la URL de redirección. Por ejemplo, si el formulario se cargó con ?utm_source=google&gclid=xyz, esos parámetros se transferirán a tu destino de redirección, garantizando que las plataformas publicitarias y las herramientas de análisis puedan seguir leyéndolos.

P: ¿Puedo capturar datos más allá de los parámetros UTM? R: Sí. Cualquier parámetro de consulta en la URL del formulario se captura automáticamente, no solo los parámetros UTM. Los parámetros personalizados como ?ref=partner123&campaign_id=456 se almacenan y están disponibles en los registros de envíos y en las exportaciones CSV.

P: ¿Qué tipos de campo están disponibles? R: Texto de línea única, Texto multilínea, Lista desplegable y Casilla de verificación. Cada uno admite una etiqueta, un indicador de obligatoriedad y texto de marcador de posición cuando corresponde. Las cargas de archivos, los selectores de fecha y los campos de selección múltiple no están disponibles actualmente.

P: ¿Puedo asignar campos del formulario a propiedades de lead personalizadas? R: Sí. Además de los campos estándar (Nombre, Apellido, Correo electrónico, Teléfono, Empresa), puedes asignar cualquier campo del formulario a una propiedad de lead personalizada que hayas creado, como Sector, Rango de presupuesto o Producto de interés.

P: ¿Puedo usar tanto un mensaje de agradecimiento como una URL de redirección en el mismo formulario? R: No. Una URL de redirección y un mensaje de agradecimiento son mutuamente excluyentes: solo puedes usar uno por formulario. Elige la opción que mejor se adapte a tu flujo de trabajo.

P: ¿Los leads creados desde formularios avanzan automáticamente por mi pipeline? R: No. Los leads creados desde formularios comienzan con el estado «Nuevo» y no avanzan automáticamente por el pipeline sin una acción manual o una automatización. Puedes configurar Reglas de automatización para asignar leads automáticamente, enviar notificaciones u otras acciones cuando se creen nuevos leads.

P: ¿Cómo sé si mi formulario está funcionando? R: Consulta el panel de análisis del formulario para ver las Vistas, los Envíos y la Tasa de conversión. También puedes ver la tabla completa de Envíos para revisar las respuestas individuales y exportar los datos a CSV para un análisis más detallado.

P: ¿Qué ocurre si desactivo un formulario? R: Un formulario inactivo no registrará ningún dato. Esto es útil si deseas pausar una campaña o probar cambios antes de volver a publicarlo. Simplemente activa de nuevo el formulario cuando estés listo para reanudar la recopilación de envíos.

P: ¿Puedo editar un formulario después de haberlo activado? R: Sí. Puedes editar los campos del formulario, el estilo, el comportamiento de envío y otras configuraciones en cualquier momento. Los cambios surten efecto de inmediato para los nuevos envíos. Los envíos y leads existentes no se ven afectados por los cambios en la configuración del formulario.