Forma
Utilice el elemento Formulario para capturar información del visitante de una página, como nombre, correo electrónico, número de teléfono o respuestas personalizadas.
Los envíos de formularios pueden aparecer en Leads y también pueden enviarse a herramientas externas a través de Autoresponder y webhooks cuando esas configuraciones estén disponibles en su espacio de trabajo.
Cuándo utilizar el elemento Formulario
Utilice un formulario cuando desee:
- Capture leads de un landing page.
- Recopile datos de contacto antes de una llamada de ventas.
- Registre visitantes para un seminario web, evento o lista de espera.
- Envíe contactos a una respuesta automática o lista de CRM.
- Envíe los datos del formulario a webhooks o Google Sheets.
- Active flujos de trabajo de seguimiento después de que un visitante envíe información.
Agregar un formulario
- Abra la página en Constructor de páginas.
- Abra el cajón de elementos.
- Agregue Formulario dentro del contenedor correcto.
- Seleccione el formulario en el lienzo.
- Configure los campos, el comportamiento de envío, webhooks y el estilo desde el cajón de edición.
- Guarde la página y publíquela antes de probar los envíos en vivo.
Configuración de contenido
| Configuración | lo que controla |
|---|---|
| Campos | Las entradas que los visitantes completan antes de enviar el formulario. |
| Tipo de campo | El tipo de datos que recopila el campo, como nombre, correo electrónico, teléfono, mensaje de texto u otro tipo admitido. |
| Etiqueta | El nombre visible o la pregunta que se muestra para el campo. |
| Marcador de posición | Texto auxiliar que se muestra dentro de la entrada antes de que el visitante escriba. |
| Estado requerido | Si el visitante debe completar el campo antes del envío. |
| Validación | Reglas como correo electrónico válido, teléfono válido u otra validación de campo específico cuando esté disponible. |
| ID del componente | El ID interno utilizado para integraciones, seguimiento, soporte o resolución de problemas. |
| Botón Enviar | El texto del botón y el comportamiento que utilizan los visitantes para enviar el formulario. |
| Comportamiento exitoso | Lo que los visitantes ven después de enviar, como un mensaje de éxito, un redireccionamiento o la siguiente acción cuando esté disponible. |
| Comportamiento de error | Comentarios de error de validación o envío. |
| Respuesta automática | Conexión de CRM o marketing por correo electrónico que se utiliza para enviar contactos enviados a una lista, formulario o registro de contacto externo. |
Mantenga los campos enfocados. Los formularios cortos suelen generar mejores conversiones, especialmente en dispositivos móviles.
Configuración de campo
Configure cada campo cuidadosamente para que los datos lead enviados sean fáciles de entender más adelante.
| Detalle de campo | Recomendación |
|---|---|
| Etiqueta | Utilice etiquetas claras como Nombre, Correo electrónico, Teléfono o Empresa. |
| Marcador de posición | Utilice ejemplos o sugerencias, no instrucciones críticas. Los marcadores de posición desaparecen cuando el visitante escribe. |
| Campos obligatorios | Marque solo los campos que realmente necesite según sea necesario. |
| Campos de teléfono | Incluya las expectativas del país o región cuando su equipo necesite un formato específico. |
| Preguntas personalizadas | Mantenga la redacción breve y haga coincidir la pregunta con su proceso de seguimiento. |
Enviar configuración del botón
| Configuración | lo que controla |
|---|---|
| Texto del botón | El CTA visible, como Enviar, Obtener acceso, Registrarse o Enviar. |
| Comportamiento objetivo | Comportamiento de confirmación, redireccionamiento o seguimiento en la misma página según el flujo configurado. |
| Estilo de botón | Tipografía, color del texto, fondo, borde, radio, relleno, ancho, estado de desplazamiento y diseño responsivo. |
| Seguimiento | Pixel eventos en los que es necesario medir los clics en los envíos o los envíos completados. |
Utilice una etiqueta de botón que indique a los visitantes lo que sucede a continuación. Por ejemplo, Registrarse para el seminario web es más claro que Enviar.
Configuración de respuesta automática
Utilice Respuesta automática cuando los envíos de formularios deban enviarse a una herramienta de marketing por correo electrónico, CRM o sistema de contacto conectado a Atomicat.
| Configuración | lo que significa |
|---|---|
| Respuesta automática | Seleccione el CRM o el proveedor de respuesta automática. Solo los proveedores disponibles aparecen en el menú desplegable. |
| Cuenta | Elija la cuenta conectada para ese proveedor. Puede agregar, editar, eliminar o recargar cuentas cuando los controles estén disponibles. |
| Tipo | Elija el tipo de destino, como lista, formulario o contacto, según el proveedor seleccionado. |
| Lista o formulario | Seleccione la lista de destino o el formulario que debe recibir el lead enviado. |
| Etiquetas | Aplique una o más etiquetas cuando el proveedor seleccionado admita etiquetas. |
| Mapeo de campo | Asigne campos de formulario Atomicat a campos de respuesta automática. Se requiere asignación de correo electrónico para destinos basados en listas. |
| Abandonado leads | Envía datos incompletos del formulario al autorespondedor cuando el visitante inicia el formulario pero no lo finaliza. |
El mapeo de campos de respuesta automática es importante. Si se asigna el campo incorrecto, el contacto se puede crear con datos faltantes o incorrectos en la herramienta externa.
Lista de verificación de configuración de respuesta automática
- Seleccione el proveedor de respuesta automática.
- Elija o agregue la cuenta conectada.
- Seleccione el tipo de destino, como lista, formulario o contacto.
- Elija la lista o el destino del formulario cuando sea necesario.
- Agregue etiquetas si su proveedor las admite.
- Asigne los campos Atomicat a los campos de respuesta automática.
- Asegúrese de que el campo de correo electrónico esté asignado cuando el destino requiera correo electrónico.
- Habilite leads abandonado solo si su proceso de seguimiento recibe envíos incompletos.
- Guarde la página y envíe una prueba lead desde la página publicada.
- Confirme que el contacto aparezca en la respuesta automática con los campos y etiquetas correctos.
Configuración Webhook
Cuando la configuración webhook está disponible, el elemento Formulario puede enviar datos de envío a servicios externos.
| Configuración | lo que significa |
|---|---|
| Webhook nombre | Nombre interno utilizado para identificar el webhook. |
| Webhook URL | El punto final que recibe los datos de envío del formulario. |
| Descripción | Nota opcional para tu equipo. |
| Enviar abandonado leads | Envía datos de formulario incompletos cuando el visitante comienza pero no finaliza el formulario. |
| Webhook historial | Muestra el estado de entrega, la respuesta, los intentos, el último intento y el estado de reintento cuando esté disponible. |
| Reenviar webhook | Envía una carga útil anterior nuevamente cuando sea compatible. |
Antes del lanzamiento, envíe una prueba lead y confirme que el servicio externo reciba los campos esperados.
Configuración de estilo
| Área de estilo | Lo que puedes ajustar |
|---|---|
| Contenedor de formulario | Fondo, borde, radio del borde, sombra, relleno, margen, ancho y alineación. |
| Diseño del campo | Espaciado, ancho de campo, espacios entre filas, comportamiento de las columnas y diseño responsivo. |
| Etiquetas | Fuente, tamaño, peso, color, alto de línea y espaciado. |
| Entradas | Fondo, color de texto, color de marcador de posición, borde, radio, relleno, altura y estado de enfoque cuando esté disponible. |
| Botón | Estilo de texto, fondo, estado de desplazamiento, borde, radio, relleno, ancho y alineación. |
| Mensajes | Color, espaciado y tipografía de los mensajes de éxito y error cuando son expuestos por el cajón. |
Verifique siempre la vista previa móvil después de aplicar estilo a los campos. Las entradas que se ven bien en una computadora de escritorio pueden volverse demasiado pequeñas o apretadas en un dispositivo móvil.
Leads y entrega de datos
Después de publicar la página y el visitante envía el formulario, el envío aparece en Leads cuando el formulario está configurado correctamente.
Utilice documentos lead relacionados cuando necesite revisar, exportar o reenviar datos enviados:
Lista de verificación de pruebas
Antes de enviar tráfico a una página con un formulario:
- Envíe el formulario en la página publicada.
- Pruebe los campos obligatorios dejándolos vacíos.
- Pruebe formatos de correo electrónico o teléfono no válidos si la validación está habilitada.
- Confirme el mensaje de éxito o la redirección funcione.
- Confirme que lead aparece en Leads.
- Confirme la entrega de la respuesta automática si hay una respuesta automática configurada.
- Confirme la entrega de webhook si webhooks están configurados.
- Pruebe el formulario en el móvil.
- Verifique que los enlaces de privacidad o términos estén presentes cuando sea necesario.
Solución de problemas
| Problema | Que comprobar |
|---|---|
| El formulario no se envía | Confirme los campos obligatorios, las reglas de validación, el comportamiento de los botones y el estado de guardado de la página. |
| Lead no aparece | Confirme que la página esté publicada, que se esté probando el sitio correcto URL y que el formulario se haya guardado correctamente. |
| La respuesta automática no recibe el lead | Verifique el proveedor, la cuenta, la lista o el formulario, las etiquetas, la asignación de campos seleccionados y si el campo de correo electrónico está asignado correctamente. |
| Webhook falla | Verifique webhook URL, la respuesta, los intentos y si el punto final externo está activo. |
| Los visitantes abandonan el formulario. | Reduzca los campos obligatorios, simplifique las etiquetas y aclare el CTA. |
| El diseño móvil está roto | Ajuste el ancho del campo, los espacios, el relleno y el ancho del botón para el punto de interrupción móvil. |
Documentos relacionados
Preguntas frecuentes
¿Cuándo debo usar esta página sobre Forma — Elementos del constructor?
Use esta página cuando necesite entender el flujo, la configuración o las decisiones relacionadas con Forma — Elementos del constructor. Es especialmente útil antes de editar un recurso en producción, publicar cambios o revisar el comportamiento en un espacio de trabajo de Atomicat.
¿Qué debo revisar antes de cambiar Forma — Elementos del constructor?
Confirme que está en el espacio de trabajo, proyecto, página, embudo, sitio o área de cuenta correcta. Revise permisos, cambios guardados, estado de publicación e integraciones conectadas antes de actualizar.
¿Cómo verifico que Forma — Elementos del constructor funciona correctamente?
Previsualice la página o función afectada, pruebe el recorrido principal en una nueva sesión del navegador y confirme que formularios, redirecciones, seguimiento, productos, quizzes o publicación se comporten como espera.
¿Qué hago si Forma — Elementos del constructor no funciona como esperaba?
Revise nuevamente la configuración descrita en esta página, guarde los cambios otra vez, limpie la caché del navegador si es necesario y pruebe una versión simple de la configuración. Si continúa, reúna la URL, detalles del espacio de trabajo y capturas antes de contactar soporte.