Academia › Construir › Crear la web
El botón que no dice simplemente «Enviar»
Sabrás qué texto poner en el botón según lo que pide tu formulario, y cómo evitar que se pueda pulsar dos veces.
Ya sabes en qué orden van los campos de tu formulario y qué le dices a alguien si se equivoca al rellenar uno. Llegas al final y aparece un botón. Y ahí, sin pensarlo, casi todo el mundo escribe «Enviar».
Ese botón es la última frase que lee la persona antes de decidir. Si dice «Enviar», no dice nada: no confirma qué va a pasar, no recuerda qué se está pidiendo, y sirve igual para reservar una clase que para pedir un presupuesto o apuntarse a una lista de espera. Lo que pone en el botón depende de lo que pide tu formulario. Y lo que pasa en el segundo siguiente al clic importa tanto como lo que pone encima.
El botón dice lo que va a pasar, no lo que hace la persona
«Enviar» describe la mecánica: un dato se manda de un sitio a otro. A la persona que está al otro lado de la pantalla no le importa la mecánica, le importa el resultado.
Por eso el botón funciona mejor cuando repite la acción concreta que hay detrás del formulario, con sus propias palabras: reservar un hueco, pedir un presupuesto, apuntarse a un aviso. Esa repetición hace dos trabajos a la vez. Primero, confirma: la persona ve escrito lo mismo que acaba de rellenar, y eso le dice que el formulario ha entendido bien lo que pedía. Segundo, empuja: un botón que dice «Reservar el jueves a las 18:00» da una razón concreta para pulsar ahora. «Enviar» no da ninguna.
La diferencia se nota más cuanto más caro es el compromiso que se está pidiendo. En un formulario de contacto sin más, da igual: la persona ya sabe que va a escribir algo y esperar respuesta. Pero en una reserva con hora fija, o en un presupuesto que implica coordinar una visita, el botón es el último momento para que la persona confirme, con sus propios ojos, que ha entendido bien lo que va a pasar.
La tabla deja ver un patrón: solo el contacto genérico se queda con un verbo neutro, porque es el único caso sin una acción concreta que nombrar. En los otros tres, nombrar la acción no es un capricho de estilo, es la diferencia entre un botón que confirma y uno que no dice nada.
- No dice qué va a pasar después del clic
- No recuerda qué se está pidiendo
- Sirve igual para una reserva que para un presupuesto: no distingue nada
- Repite la acción en pocas palabras: «Reservar el jueves a las 18:00»
- Confirma que el dato recién rellenado se va a usar para eso
- Cambia con cada formulario: no es el mismo texto en una reserva que en un presupuesto
- Da una razón concreta para pulsar ahora, no solo para enviar
Cual elijo: Elige el texto específico siempre que el formulario tenga una sola acción clara detrás: reservar, pedir presupuesto, apuntarse a una lista. Deja «Enviar» solo para el formulario de contacto genérico, donde no hay una acción concreta que nombrar y una frase más larga sonaría forzada.
Qué pasa en el segundo que sigue al clic
El texto del botón es la mitad del trabajo. La otra mitad es qué ocurre nada más pulsarlo. Si el botón se queda tal cual estaba mientras el formulario tarda en enviarse, pasa algo predecible: la persona no ve ningún cambio en la pantalla y vuelve a pulsar.
Si tu formulario no está protegido contra eso, te llegan dos reservas para el mismo hueco o dos presupuestos idénticos, con el mismo nombre y el mismo teléfono, y no sabes cuál de los dos cancelar. Pasa sobre todo con conexión lenta y en el móvil: ahí es donde los dos o tres segundos de espera se notan más, y donde más gente pulsa dos veces por pura duda.
Duplicar una reserva no es solo un error incómodo. Significa una llamada de más para aclarar cuál de las dos citas es la real, un hueco de tu agenda que parece ocupado dos veces cuando solo hay una persona detrás, y un cliente que se pregunta si tu web funciona bien. Ese único detalle, el botón que sigue pulsable, cuesta más tiempo del que parece.
Con conexión lenta no hay ningún cambio visible en los primeros segundos, y quien no ve respuesta asume que el primer clic no ha funcionado
- 1Se desactiva al instante
En cuanto se pulsa, el botón deja de poder pulsarse otra vez. Ese único cambio evita casi todos los envíos duplicados, sin necesidad de nada más complicado. - 2Cambia su texto mientras espera
Pasa de «Reservar el jueves a las 18:00» a algo como «Reservando…». No hace falta más: solo confirmar que el clic se ha registrado y que algo está pasando. - 3No vuelve a mostrarse vacío de golpe
El formulario no debe volver a su estado inicial, con el botón otra vez disponible, mientras la persona todavía no sabe si su reserva ha llegado. - 4Si el envío falla, lo dice y libera el botón
Sin cobertura, o con el servidor caído un instante, el botón debe reactivarse y mostrar un texto claro: «No se ha podido enviar, inténtalo otra vez». Sin eso, la persona se queda con un botón bloqueado para siempre y cierra la pestaña convencida de que ha perdido su reserva.
Con esto, tu botón dice lo que va a pasar y no se puede pulsar dos veces. Queda una última pieza, y es la que decide si toda esta cadena vale la pena: qué ve la persona justo después de que su reserva llegue, para que no se quede con la duda de si ha funcionado.
- El texto del botón repite la acción concreta del formulario: reservar, pedir presupuesto, apuntarse
- «Enviar» se queda solo para el contacto genérico, sin una acción que nombrar
- El botón se desactiva en el primer clic para que no lleguen reservas duplicadas
- Mientras se envía, el botón lo dice: «Reservando…», no se queda igual ni desaparece
- Si el envío falla, el botón se libera y explica qué ha pasado, no se queda bloqueado
Ponte a prueba
Responde antes de abrir cada una. Si alguna se te resiste, vuelve al apartado que la explica.
1. Un formulario para apuntarse a la lista de espera de un taller tiene el botón con el texto «Enviar». Qué se decide y por qué.
Se cambia a «Apuntarme a la lista». Hay una sola acción concreta detrás del formulario, y el texto genérico no aporta nada mientras que el específico confirma justo lo que la persona acaba de pedir.
2. Un cliente con poca cobertura en el móvil pulsa el botón de reservar y no ve ningún cambio durante dos segundos. Qué se decide y por qué.
El botón tiene que haberse desactivado ya en ese primer clic y mostrar «Reservando…». Si no lo hace, el cliente pulsa otra vez y llegan dos reservas para el mismo hueco: la decisión es proteger el clic contra el segundo toque, no confiar en que la persona espere sin hacer nada.
3. Una web tiene un único formulario de contacto, sin reserva ni presupuesto detrás, solo para consultas variadas. Qué texto lleva el botón y por qué.
Se queda «Enviar mensaje». No hay una acción concreta que nombrar sin forzar la frase, y este es justo el caso en el que el texto genérico no perjudica porque no compite con ninguna acción más específica.