Qué es
Un inspector gratuito de formularios HTML y de las direcciones que los reciben. Señala el campo o el ajuste exacto que pierde datos.
Detector de fugas en formularios
Descubre dónde tu formulario pierde clientes.
Casi todos los formularios rotos parecen estar bien. El botón funciona, sale el mensaje de gracias y la solicitud nunca llega. Form Leak lee tu formulario como un fontanero lee un plano de tuberías, campo por campo, y luego manda una prueba real a la dirección de recepción para decirte si los datos llegaron.
Para quién es
Fundadores, gente de marketing, freelancers y desarrolladores con un formulario de contacto, registro o presupuesto que necesitan recibir cada solicitud.
Qué resuelve
Las pérdidas silenciosas. Un atributo name que falta, un campo desactivado o una redirección después del envío pueden perder una solicitud sin ningún error.
Inspeccionar un formulario
Revisa primero el código y luego prueba la dirección a la que envía.
Pega la página entera o solo el formulario. Se lee en tu navegador y no se envía a ningún sitio.
Todavía no hay nada inspeccionado
Carga el formulario de ejemplo para ver fugas típicas marcadas en el plano.
El HTML pegado se queda en tu navegador. Las descargas de páginas y las pruebas salen una vez desde un servidor de Vercel y no se guardan.
Guía de fugas
Qué significa cada hallazgo y cómo arreglarlo.
Campo sin nombre
Los navegadores solo envían los campos con atributo name. Añade name="email" o similar a cada campo que quieras recibir.
Dos campos con el mismo nombre
La mayoría de servidores guarda un solo valor. Dale a cada campo su propio nombre.
El formulario no envía a ningún sitio
El action está vacío o es una almohadilla, así que el formulario se envía a la misma página. Apúntalo a tu servicio de formularios o a tu servidor.
Campo desactivado
Los campos desactivados nunca se envían. Usa readonly si el visitante debe ver el valor sin cambiarlo.
Archivos sin la codificación correcta
Subir archivos requiere la codificación multipart en el atributo enctype, o solo llega el nombre del archivo.
Envía por http simple
Los navegadores avisan a los visitantes y algunos bloquean el envío. Usa una dirección con https.
Datos privados en la dirección
Con method get, las contraseñas o números de tarjeta acaban en la dirección, los registros del servidor y el historial. Usa method post.
Sin botón de envío
Sin botón de envío, pulsar Intro puede no hacer nada. Añade un botón de tipo submit.
Campos fuera del formulario
Los campos fuera de la etiqueta form no se envían, salvo que tengan un atributo form que apunte a ella.
El action es un script
Si ese script falla o se bloquea, no se envía nada. Pon una dirección real en action y mejóralo con JavaScript.
Correo como texto normal
Usa type email para que el móvil muestre el teclado adecuado y los errores se detecten antes de enviar.
Correo opcional
Si necesitas responder, marca el correo como required para que no lleguen solicitudes vacías.
Campo sin etiqueta
Los lectores de pantalla no anuncian nada y el texto de ayuda desaparece al escribir. Añade un label.
Autocompletado desactivado
El autocompletado acelera los datos de contacto y reduce errores. Quita autocomplete off del nombre, el correo y el teléfono.
Envía a otro servicio
Está bien para servicios de formularios. Comprueba que reenvía a un correo que alguien lea.
Trampa para spam encontrada
Un campo cebo oculto atrapa bots sin molestar a las personas. No hay nada que arreglar.
Cómo se usa
Lee el formulario
Pega el HTML del formulario o la dirección de la página. Cada campo se dibuja como una tubería y cada fuga se marca donde ocurre.
Arregla las fugas
Cada hallazgo trae un arreglo de una línea. Las fugas pierden datos, los goteos espantan a algunos visitantes y las notas merecen un vistazo.
Prueba la dirección
Manda una sola prueba a la dirección del action. Form Leak sigue cada redirección y te dice si los datos llegaron enteros.
Lo que no hace
- No ejecuta los scripts de la página. Para formularios que solo aparecen tras JavaScript, pega el HTML ya renderizado.
- No puede ver dentro de tu correo o tu CRM. Una prueba entregada demuestra que la dirección recibió los datos, no que alguien los leyó.
- Las direcciones con captcha rechazarán la prueba a propósito.
Preguntas
¿La prueba aparecerá en mi correo?
Seguramente, y esa es la idea. Se llama Form Leak test y lleva un código corto para que la reconozcas.
¿Por qué una redirección después de enviar es una fuga?
Tras un 301, 302 o 303 el navegador convierte el POST en GET. La página carga, pero los datos del formulario ya no están. Usa 307 o 308, o redirige solo después de guardar.
¿Se guarda mi HTML?
No. El HTML pegado se lee en tu navegador. Las páginas descargadas y las pruebas no se guardan.