Formularios web que convierten (y los que espantan)

Un formulario web que convierte pide solo lo imprescindible, explica qué va a pasar después, funciona perfecto en el móvil y no castiga al usuario cuando se equivoca. Los que espantan hacen justo lo contrario: piden diez campos para una simple consulta, tienen botones que dicen «Enviar» sin más, muestran errores incomprensibles y te obligan a resolver un captcha imposible. La buena noticia es que casi todo se arregla con cambios pequeños.

Por qué el formulario importa tanto

Puedes tener un buen diseño, textos que convencen y anuncios bien dirigidos, pero si el formulario falla, todo ese esfuerzo se pierde en el último paso. Es como llevar a un cliente hasta la caja de la tienda y que allí no haya nadie para cobrar.

Y lo peor es que no se ve: la gente que abandona un formulario no te avisa. Simplemente se va, a menudo a la web de tu competencia.

Menos campos, más contactos

Cada campo es una pequeña pregunta que el usuario tiene que contestar, y cada pregunta es una oportunidad para pensar «bah, ya lo haré luego». Pregúntate, para cada campo: ¿lo necesito ahora para responder a esta persona?

Para una solicitud de contacto o presupuesto sencilla, normalmente basta con:

• Nombre.
• Email o teléfono (deja elegir cómo prefiere que le contacten).
• Mensaje o un par de opciones concretas sobre lo que necesita.

El nombre de la empresa, el cargo, el código postal o el «¿cómo nos conociste?» pueden esperar a la primera conversación. Si de verdad los necesitas, márcalos como opcionales.

Detalles que hacen que un formulario funcione

Etiquetas visibles

Pon el nombre de cada campo encima de la casilla, no solo como texto gris dentro que desaparece al escribir. Cuando el usuario va por el tercer campo, ya no recuerda qué pedía el primero. Además, las etiquetas visibles son clave para la accesibilidad.

El teclado adecuado en el móvil

Si el campo es un teléfono, que salga el teclado numérico; si es un email, el que tiene la arroba a mano. Es un ajuste técnico de dos minutos que ahorra mucha frustración.

Autocompletar activado

Los navegadores pueden rellenar nombre, email y teléfono automáticamente. No lo bloquees: cuanto menos haya que teclear, mejor.

Un botón que diga lo que pasa

«Enviar» no dice nada. Mejor «Pedir mi presupuesto», «Reservar mesa» o «Quiero que me llaméis». El botón es la última frase que lee el usuario antes de decidir: que le dé un motivo.

Explica qué pasará después

Una línea junto al botón resuelve muchas dudas: «Te respondemos en menos de 24 horas laborables» o «Te llamaremos para concretar, sin compromiso».

Errores que espantan

Estas son las prácticas que más contactos cuestan:

1. Mensajes de error genéricos del tipo «El formulario contiene errores», sin decir dónde ni cuál.
2. Borrar todo lo escrito cuando hay un fallo en un solo campo.
3. Validaciones absurdas: rechazar un teléfono porque lleva espacios o un nombre porque tiene tilde.
4. Captchas imposibles de resolver en el móvil. Hay sistemas antispam que trabajan en segundo plano sin molestar al usuario.
5. Casillas de privacidad confusas o premarcadas para recibir publicidad, que además no cumplen la normativa.
6. Formularios que no se ven bien en el móvil, con campos diminutos o botones que se salen de la pantalla.
7. Ningún mensaje de confirmación. El usuario pulsa el botón, no pasa nada visible y lo vuelve a pulsar tres veces… o se va pensando que no ha funcionado.

Formularios largos: dividir para vencer

A veces sí necesitas más información: un presupuesto de reforma, una solicitud de alta o una reserva con varias opciones. En esos casos:

• Divide en pasos cortos con una barra de progreso («Paso 2 de 3»).
• Empieza por lo fácil: preguntas de opción múltiple antes que campos de texto libre.
• Deja los datos personales para el final, cuando el usuario ya ha invertido tiempo y tiene más motivos para terminar.
• Guarda el progreso si el formulario es realmente largo.

Un formulario de cinco pasos sencillos suele convertir mejor que una sola página con veinte campos, aunque pida lo mismo.

Qué pasa después del clic

El formulario no termina al enviarlo. Para cerrar bien:

• Página o mensaje de agradecimiento claro, que confirme que todo ha ido bien y diga qué viene ahora.
• Email automático de confirmación con un resumen de lo enviado.
• Aviso inmediato a tu equipo, para responder rápido. Quien pide presupuesto suele pedirlo a varias empresas a la vez, y responder antes que nadie es una ventaja enorme.
• Medición: registra cada envío como conversión en tu analítica. Así sabrás qué páginas y campañas traen contactos de verdad.

Cómo saber si tu formulario está perdiendo clientes

Haz la prueba tú mismo desde el móvil, con datos reales, como si fueras un cliente con prisa. Después, pídeselo a alguien de fuera de la empresa y obsérvale sin ayudar. Te sorprenderá lo que aparece. Si tienes tráfico suficiente, prueba variantes (menos campos, otro texto en el botón) y compara resultados: es la base de la optimización de la conversión (CRO).

Y si estás montando o revisando una landing, en anatomía de una landing page que convierte tienes el resto de piezas que rodean al formulario.

En resumen

Pide poco, explica mucho y no pongas obstáculos. Un formulario corto, claro, que funcione bien en el móvil y responda con amabilidad cuando algo falla puede traerte más contactos que cualquier rediseño completo. Cuidar estos detalles forma parte de cualquier proyecto de diseño UX/UI que hacemos. Si quieres que revisemos los formularios de tu web, hablamos.