El botón de envío que peor rinde en la mayoría de los estudios es siempre el mismo. No tiene color propio. Se funde con la página. Su etiqueta es una sola palabra. Y funciona de maravilla en cualquier web que quiera menos conversiones.
Ese botón dice "Enviar".
No todos los visitantes que llegan a tu botón están listos para hacer clic. Algunos aún están decidiendo. Otros están nerviosos. Otros buscan la seguridad de que rellenar este formulario merece su tiempo. El botón suele ser la última impresión que decide si siguen adelante. Una etiqueta genérica de una palabra les deja la tarea de rellenar esa seguridad por su cuenta. Un botón bien pensado, con un texto concreto, elimina las dudas.
Este capítulo explica qué cambian de verdad el texto, el color y la colocación del botón en las tasas de envío del formulario, cómo el contexto de tu formulario afecta al texto de botón que funciona y cómo evitar los patrones de diseño y de texto que arruinan las conversiones sin que te des cuenta.
Qué texto de botón afecta de verdad a la conversión
Los estudios sobre botones de llamada a la acción muestran patrones consistentes. Los botones genéricos como "Enviar" rinden entre un 30 y un 40 por ciento menos que los textos específicos de una acción. Un botón que dice "Quiero mi propuesta gratis" convierte más que uno que dice "Enviar". Un botón que dice "Confirmar mi inscripción" funciona mejor que "Enviar". Pero no se trata de ser ingenioso con el texto. Se trata de ser claro sobre el resultado.
Cuando un visitante pasa el cursor por un botón con la etiqueta "Enviar", responde a una pregunta implícita. ¿Qué estoy enviando? ¿Adónde va? ¿Qué pasa después? No tiene la respuesta. Hace suposiciones. El texto genérico de un botón crea fricción porque obliga al visitante a deducir lo que viene después.
El texto específico y orientado a la acción responde a esa pregunta al instante. "Quiero mi propuesta gratis" le dice al visitante exactamente qué pasa al hacer clic. "Confirmar mi inscripción" explica el siguiente paso. "Pedir una demo" deja claro que empieza una conversación, no que se compromete a algo desconocido.
El patrón se repite en todos los tipos de formulario y sectores. En un estudio de un instituto de usabilidad sobre formularios de pago, "Completar pedido" superó a "Enviar" en un 25 por ciento en tasa de conversión. En una prueba de un software de marketing con formularios de contacto, "Enviar mi consulta" ganó a "Enviar" por un 18 por ciento. En un análisis de pruebas de tasa de conversión en 50 tiendas online, los botones que incluían un beneficio o el siguiente paso superaron a las acciones de una palabra en un 23 por ciento de media.
La mejora no es pequeña. No es una optimización del 2 por ciento. Es pasar de una tasa de envío del 15 por ciento al 19 por ciento. O de 300 envíos al mes a 370. El texto del botón es uno de los cambios de mayor impacto que puedes hacer en un formulario.
Texto del botón según el tipo de formulario
El mismo texto de llamada a la acción no funciona en todos los formularios. El contexto por el que alguien rellena un formulario determina a qué texto de botón responde.
Formularios de registro e inscripción
Cuando alguien crea una cuenta, se está comprometiendo con algo. La decisión suele estar tomada. Ya no se pregunta "¿debería?". Se pregunta "¿funcionará?" y "¿es seguro?". El texto del botón de registro debe confirmar la acción y ofrecer tranquilidad.
Patrones eficaces: "Crear mi cuenta", "Empecemos", "Confirmar mi inscripción". Evita el genérico "Enviar". Evita las etiquetas que suenan definitivas o pesadas, como "Comprometerme a crear una cuenta". Mantén un tono ligero y que avance.
En los registros con contraseña, el texto del botón puede reconocer la fricción: "Crear contraseña y continuar". Así el visitante sabe que no crea una contraseña porque sí. Es un paso hacia algo. La acción queda clara.
Formularios de contacto y de consulta
Los formularios de contacto se benefician de un texto de botón conversacional y humano. El visitante se pone en contacto. Está pidiendo algo. El botón debe sonar como si reconocieras esa petición.
Patrones eficaces: "Enviar mi consulta", "Ponte en contacto", "Enviar mi mensaje", "Pedir más información". Hacen que el formulario parezca una conversación, no un volcado de datos.
Evita el lenguaje clínico o formal. No digas "Presentar consulta". Di "Enviar mi consulta". La diferencia es sutil. Uno parece una transacción. El otro, hablar con una persona.
Formularios de reserva y de citas
Cuando alguien rellena un formulario de reserva, su intención ya está confirmada. Quiere la cita. El texto del botón debe ser directo y eliminar las dudas sobre lo que viene después.
Patrones eficaces: "Confirmar mi cita", "Reservar mi sesión", "Programar mi llamada", "Reservar mi plaza". Reconocen que la persona ya ha decidido. El botón es el paso de confirmación final.
Evita todo lo que cree ambigüedad. "Reservar" funciona. "Apuntarme" aclara menos qué se está reservando. La claridad en esta fase aumenta las tasas de finalización.
Formularios de pago y de compra
El pago en una tienda online es lo que más tiene que perder con un texto de botón vago. Cada palabra aquí afecta directamente a los ingresos. El visitante está listo para comprar. No generes dudas.
Patrones eficaces: "Completar mi compra", "Pagar ahora", "Finalizar pedido", "Comprar ahora". Algunos comercios prueban textos centrados en el beneficio, como "Quiero mi [product name]", para reforzar lo que reciben y no lo que pagan.
No uses nunca el genérico "Enviar". Prueba si "Completar mi compra" o "Comprar ahora" rinde mejor con tu público. Algunos sectores y rangos de precio responden a lenguajes distintos. Pero ambos superan a la etiqueta genérica.
Formularios de opinión y de encuesta
Los botones de las encuestas deben parecer rápidos y fáciles. El visitante te está haciendo un favor. El texto del botón debe reconocerlo y hacer que todo parezca sin esfuerzo.
Patrones eficaces: "Enviar mi opinión", "Enviar mi respuesta", "Compartir lo que pienso". Parecen rápidos. Evita el lenguaje que haga sentir la opinión como un trámite formal. "Enviar mi opinión" suena más ligero que "Presentar encuesta".
Formularios de cualificación de contactos y B2B
Los formularios B2B suelen pedir más información porque filtran contactos. El texto del botón puede reconocer lo que viene después sin resultar desagradable.
Patrones eficaces: "Pedir una propuesta", "Programar una consulta", "Empezar mi prueba gratuita", "Pedir un presupuesto a medida". Dejan claro cuál es el siguiente paso. El visitante no teme comprometerse a algo vago.
El diseño del botón afecta a los clics más de lo que la mayoría cree
El texto del botón es solo una parte de la historia. Cómo se ve el botón y dónde está en la página determina si alguien siquiera lo percibe como algo en lo que se puede hacer clic.
Contraste de color y presencia visual
Un botón que se funde con el fondo de la página recibe menos clics que uno con mucho contraste. No se trata de un diseño llamativo. Se trata de que se encuentre con facilidad. Si un botón no destaca visualmente del formulario, el visitante puede pasarlo por alto por completo.
Los botones eficaces tienen un contraste de color de al menos 4,5 a 1 respecto al fondo. En la práctica, esto significa que el color del botón debe ser claramente distinto del fondo de la página y de los demás elementos del formulario.
Prueba qué funciona para tu marca. Algunas marcas usan un color de marca que destaca de forma natural. Otras usan colores cálidos como el naranja o el rojo sobre fondos fríos como el gris o el blanco. El color concreto importa menos que el contraste. Haz que el botón se encuentre fácil.
Tamaño y espacio en blanco
Los botones demasiado pequeños no parecen pulsables. Los demasiado grandes resultan insistentes. El tamaño correcto es relativo al formulario y a la página. Un botón que ocupa la mitad del ancho del formulario parece agresivo. Uno de 150 píxeles de ancho en un formulario de contacto a todo el ancho parece adecuado.
El espacio en blanco alrededor del botón aumenta los clics. Un botón rodeado de otros elementos del formulario se pierde. Uno con espacio libre alrededor destaca y parece pulsable. Añade margen por encima y por debajo del botón. Deja que respire.
Forma y estilo del botón
Las esquinas redondeadas parecen más modernas y cercanas. Las esquinas rectas parecen más corporativas o técnicas. Ninguna es mejor en todos los casos. Prueba qué estilo encaja con tu marca y tu público.
Los botones sólidos con fondos claros rinden mejor que los de contorno o los "fantasma" en la mayoría de los formularios. Un botón de contorno que coincide con el estilo del formulario se pierde. Uno sólido y contrastado destaca.
Las sombras y los efectos al pasar el cursor refuerzan la sensación de que algo se puede pulsar. Un botón que cambia de color o tiene un estado visible al pasar el cursor muestra al visitante que responde a la interacción.
Tamaño del botón en móvil
Los usuarios de móvil tocan con el pulgar. Un botón demasiado pequeño provoca toques fallidos. Las pautas de diseño de uno de los grandes sistemas móviles recomiendan un área táctil mínima de 44 por 44 píxeles. Las de Android recomiendan 48 por 48 píxeles. En el móvil, los formularios deben tener botones lo bastante grandes para que un área del tamaño de un pulgar acierte siempre.
En el móvil, los botones suelen apilarse en vertical. Un botón a todo el ancho parece más pulsable que uno que solo se ve en parte. Un botón fijo que se mantiene visible mientras se recorre el formulario aumenta las tasas de finalización en móvil.
La colocación determina quién ve el botón
El mejor texto y el mejor diseño de botón no sirven si la gente pasa de largo sin verlo. Dónde está el botón en la página afecta a su visibilidad.
Botones en la parte visible sin hacer scroll
Lo ideal es que el botón principal se vea sin hacer scroll en el ordenador. Si tu formulario ocupa casi toda la pantalla, puede que haya que bajar hasta el botón. Es inevitable. Pero si hay espacio en la parte visible, pon el botón ahí para que el visitante no tenga que buscarlo.
Botones fijos en el móvil
Los formularios móviles suelen exigir scroll. Un botón fijo que se mantiene visible en la parte inferior de la pantalla aumenta las tasas de finalización. El visitante nunca pierde de vista el botón mientras rellena los campos. Puede completar el formulario en cualquier momento sin bajar hasta el final.
Botones principales y secundarios
Algunos formularios tienen varios botones. "Enviar", "Guardar como borrador", "Siguiente paso". Cuando hay varios botones, haz que la acción principal domine visualmente. Un botón principal fuerte debe ser claramente más pulsable que las opciones secundarias. Usa el color, el tamaño o la posición para mostrar la jerarquía.
Un error común es hacer idénticos los botones principal y secundario. Si "Cancelar" y "Enviar" tienen el mismo tamaño y color, algunos visitantes pulsan el equivocado. Los diseñadores lo han probado y comprueban que hacer el botón principal entre un 30 y un 40 por ciento más grande que los secundarios reduce las cancelaciones accidentales.
El texto bajo el botón aumenta las finalizaciones
El botón es solo la última interacción. El texto debajo o junto al botón aporta una tranquilidad de última hora que empuja a los visitantes indecisos a hacer clic.
El texto tranquilizador responde a la última objeción. Si tu formulario pide una dirección de email, una línea bajo el botón que diga "Nunca compartiremos tu información" elimina el último motivo para no enviar. Si tu formulario pide un teléfono, "Sin llamadas spam, te contactaremos en un día laborable" genera confianza.
Este texto tranquilizador debe ser pequeño y secundario. Ya no estás vendiendo. Estás respondiendo a la última duda. Ejemplos: "Te responderemos en 24 horas", "Tus datos siempre están protegidos", "No hace falta tarjeta de crédito para empezar tu prueba gratuita", "Tu privacidad es nuestra prioridad".
Las pruebas muestran que el texto tranquilizador bajo los botones aumenta las tasas de finalización entre un 3 y un 5 por ciento en formularios de alta fricción. En formularios de baja fricción, como las newsletters, el impacto es menor. En formularios B2B que piden mucha información, el texto tranquilizador puede aumentar las finalizaciones un 10 por ciento o más.
Estados de error y respuesta de carga
Lo que ocurre después de que alguien hace clic en el botón determina si se siente seguro de su envío.
Estado desactivado durante el envío
En cuanto alguien hace clic en el botón, desactívalo de inmediato. Un botón desactivado evita envíos duplicados. Y, lo que es más importante, muestra al visitante que su clic se ha registrado. El botón debe mostrar un estado de carga: "Enviando..." o un indicador giratorio o un texto animado.
Sin un estado de carga, el visitante no sabe si su clic funcionó. Puede hacer clic otra vez. Puede cerrar el navegador. Un retraso de un segundo entre el clic y cualquier respuesta se hace largo para un usuario. Muestra de inmediato que está pasando algo.
Texto para recuperarse de errores
Cuando falla el envío de un formulario, el botón y el texto que lo rodea deben explicar qué ha ido mal y qué hacer a continuación. No te limites a mostrar un mensaje de error arriba del formulario. Actualiza el propio botón.
Un botón que dice "Inténtalo de nuevo" es más útil que "Enviar" cuando se produce un error. El texto junto al botón debe explicar con precisión qué ha fallado: "Este email ya está registrado" o "Rellena todos los campos obligatorios".
Haz que la recuperación del error sea evidente. Algunos formularios resaltan el campo con el problema. Otros muestran mensajes de error en línea. Otros hacen las dos cosas. Cuanto más claro es el error, más rápido puede corregirlo el visitante.
Formularios de WEMASY y optimización del botón de envío
El creador de formularios de WEMASY te permite personalizar el texto, el diseño y la colocación del botón para que encajen con tu estrategia de formularios. Puedes definir un texto de botón distinto para cada tipo de formulario. Puedes añadir lógica condicional que cambie la etiqueta del botón según las respuestas del formulario. Puedes personalizar los colores, el tamaño y el estilo del botón para que coincidan con tu marca.
La analítica de formularios muestra qué campos provocan abandono. Si tu botón tiene una tasa de abandono alta en concreto, es señal de que el texto o el diseño del botón necesitan pruebas. Si los visitantes llegan al botón pero no hacen clic, prueba textos y diseños distintos sin rehacer el formulario.
Mira cómo gestiona el creador de formularios de WEMASY la personalización de botones y la analítica de formularios. Para saber más sobre textos de formulario que consiguen finalizaciones, lee sobre cómo escribir etiquetas y textos de ayuda de formulario que funcionan y qué causa el abandono de formularios y cómo evitarlo.