Cómo optimizar los formularios de página de destino para conversiones

Para optimizar los formularios de la página de destino, solicite el menor número de campos que realmente necesita y usará, colóquelos en una sola columna transparente con etiquetas útiles y microcopia, valide suavemente a medida que las personas escriben y observe los análisis de su formulario para encontrar el campo exacto donde las personas se dan por vencidas. Una forma es el momento tranquilo donde el interés se convierte en acción, o se escapa silenciosamente. Cada campo extra, cada etiqueta vaga, cada solicitud inexplicable es una pequeña razón para irse. La buena noticia es que optimizar una forma no es una conjetura: es un puñado de opciones de diseño humano honesto, además de la disciplina para medir lo que realmente sucede y solucionar la fricción que encuentras.

Bien, seamos honestos por un segundo. Puedes verter semanas en una página de destino magnífica (el titular, la imagen del héroe, la prueba social, los beneficios perfectamente redactados) y luego perder a la persona en el último paso porque tu formulario pidió su número de teléfono “por si acaso” o arrojó un error rojo sin explicación. Es duro, porque la parte difícil funcionó. Querían lo que ofrecías. Y entonces la forma se interpuso en el camino. Aquí está la parte que nadie te dice: el formulario es donde ocurren la mayoría de tus fugas, y también es el lugar más fácil para recuperar las conversiones. Así que vamos a caminar a través de cómo optimizar formas de página de destino de la manera honesta – sin patrones oscuros, sin trucos, sólo el diseño que respeta a la persona en el otro lado de la pantalla. Te prometo que esto se vuelve más fácil una vez que veas el patrón.

¿Por qué los formularios de páginas de destino pierden tantas conversiones?

Un formulario de landing page es una pequeña negociación. Por un lado, le estás pidiendo a alguien que entregue su tiempo, su atención y alguna parte de su información personal. Por otro lado, están sopesando si lo que estás ofreciendo vale la pena. Cada campo que agregues, te dará consejos que se escalan un poco más lejos del “sí”. Esa es la verdad central de la optimización de formularios: la fricción es acumulativa, y la mayor parte es invisible para usted porque ya sabe lo que significa cada campo y por qué está allí.

La persona que llena el formulario no tiene ese contexto. Ven un muro de cajas y hacen un juicio rápido sobre el esfuerzo contra la recompensa. Una forma larga señala que “esto tomará un tiempo”. Un campo inexplicable señala “¿por qué necesitan eso?” Un error confuso indica “esto está roto, olvídalo”. Ninguno de estos son dramáticos, son pequeños suspiros que se suman a una pestaña cerrada. Y debido a que la entrega es silenciosa, a menudo ni siquiera te das cuenta de que está sucediendo hasta que miras los números.

Así que el objetivo de optimizar un formulario no es engañar a nadie para que envíe. Es todo lo contrario: es para eliminar todas las razones innecesarias para dudar, hacer que las partes necesarias se sientan sin esfuerzo y confiables, y hacer coincidir lo que pides con lo que realmente estás ofreciendo. Cuando la solicitud se siente justa y la experiencia se siente fluida, la gente dice que sí. Ese es todo el juego, y comienza con pedir menos.

¿Cuántos campos debe tener un formulario de landing page?

Tan pocos como realmente necesites y realmente uses. Esa es la respuesta honesta, y es el cambio de mayor apalancamiento que la mayoría de la gente puede hacer. Cada campo es un pequeño impuesto sobre la conversión, por lo que la pregunta para cada uno no es “¿sería bueno tener esto?” – es “¿realmente usaremos esto, y lo necesitamos ahora?”

Aquí está la prueba a la que vuelvo para cada campo: ¿Puedes nombrar qué vas a hacer con estos datos y la experiencia de la persona empeoraría si no los recopilaras? Si la respuesta es “bueno, podría ser útil para el equipo de ventas algún día”, ese campo le está costando conversiones para recopilar datos que nunca podrá tocar. Esto es la minimización de datos, y no es sólo una buena práctica de conversión — Es un principio de privacidad genuino. Recoge solo lo que necesitas, para un propósito que puedas nombrar, y la persona confía más en ti. y Termina tu formulario.

Algunas maneras honestas de reducir la pregunta:

• Suelte los campos “agradable de tener” por completo. Tamaño de la empresa, título del trabajo, número de teléfono: si no va a actuar de inmediato, córtelo. Siempre puedes preguntar más tarde, una vez que haya una relación.
• Derivar en lugar de preguntar. A menudo se puede inferir o buscar información de un dominio de correo electrónico o un paso posterior en lugar de hacer que alguien la escriba.
• Retrasar la petición. Para una descarga gratuita o un boletín informativo, una dirección de correo electrónico es a menudo todo lo que realmente necesita. Detalles más ricos pueden venir después de que alguien está en la puerta y tiene una razón para compartir más.
• Combinar o simplificar. Un campo de “nombre completo” es más suave que los cuadros de nombre y apellido separados cuando no los necesita estrictamente analizados.

Y aquí está el matiz que mantiene esto honesto: el número correcto de campos depende de lo que estás ofreciendo. Un registro rápido al boletín no debería pedir casi nada. Una solicitud de una cotización personalizada o una consulta de alto valor puede pedir razonablemente más, porque la persona espera un intercambio real y el valor justifica el esfuerzo. Coincide con la longitud del formulario con el valor de la oferta: volveremos a esto, porque es uno de los saldos más importantes para acertar.

¿Cuál es el mejor diseño para un formulario de página de destino?

Una vez que hayas recortado tus campos, la próxima victoria es hacer que los que permanecen se sientan fáciles de mover. El diseño es donde vive una gran cantidad de fricción silenciosa, y las correcciones son refrescantemente simples.

Utilice una sola columna. Las formas que zigzaguean a través de dos columnas hacen que el ojo salte y sea fácil saltar un campo o leer mal qué etiqueta pertenece a qué caja. Una sola columna de arriba a abajo le da a la gente un camino claro: llene esto, luego esto, luego esto. Se lee como una conversación en lugar de una hoja de cálculo.

Coloca los campos en un orden lógico. Comience con las cosas fáciles y esperadas, nombre, correo electrónico, y guarde todo lo que se sienta más grande o más personal para más adelante en el flujo, una vez que se haya acumulado un poco de impulso. El orden importa emocionalmente, no solo lógicamente: las personas que ya han escrito dos respuestas fáciles están más dispuestas a dar una tercera.

Mantenga las etiquetas visibles y claras. Usa etiquetas reales sobre cada campo, no texto marcador de posición que desaparece en el momento en que alguien comienza a escribir. La desaparición de marcadores de posición es una trampa clásica de accesibilidad y usabilidad: las personas olvidan para qué era el campo, y cualquiera que use un lector de pantalla nunca podrá obtener un nombre claro para él. Una etiqueta visible que se mantiene es más amable con todos.

Añada microcopia donde la gente duda. Una línea corta y útil debajo de un campo – “Solo usaremos esto para enviar su descarga” o “Formato: (555) 555-5555” – responde la pregunta silenciosa antes de que se convierta en una razón para detenerse. Una buena microcopia es como una persona amigable que está de pie junto al formulario diciendo “no te preocupes, para esto es esto”.

Dale espacio a la forma para respirar. El espacio suficiente, un tamaño de objetivo de golpecito cómodo y una agrupación visual clara hacen que una forma se sienta manejable. Una forma apretada se siente como trabajo antes de que alguien escriba una palabra.

¿Cómo hacer que los formularios sean fáciles de llenar en un teléfono?

La mayor parte de su tráfico es probablemente en un teléfono, lo que significa que su forma tiene que ser una alegría para completar con dos pulgares en una pantalla pequeña. Aquí es donde los detalles técnicos silenciosamente hacen o rompen su tasa de conversión, y son fáciles de hacer bien una vez que sabe mirar.

Utilice el tipo de entrada correcto para cada campo. Un campo de correo electrónico debe abrir el teclado con el símbolo ?; un campo de teléfono debe abrir el teclado numérico; un campo de fecha debe ofrecer un selector de fechas. Cuando el tipo de entrada coincide con los datos, el teclado correcto aparece automáticamente y escribir se siente sin esfuerzo. Cuando no lo hace, la gente busca a tientas las llaves equivocadas y algunos simplemente se dan por vencidos.

Deja que el autocompletado haga su trabajo. Etiqueta tus campos con nombres estándar para que los navegadores y administradores de contraseñas puedan rellenarlos con un toque. Autocompletar es uno de los mayores aumentos de conversión invisibles disponibles: una persona que puede llenar todo su formulario con un toque es mucho más probable que lo termine. La lucha contra el autocompletado con nombres de campo personalizados es una herida autoinfligida.

Tamaño toque objetivos generosamente. Los botones y los campos deben ser lo suficientemente grandes como para golpear sin zoom, con suficiente espacio entre ellos para que la gente no se equivoque. Lo que se siente bien con un ratón puede ser realmente frustrante con un pulgar.

Prueba en un teléfono real. No es solo una ventana estrecha del navegador: un dispositivo real, con un pulgar real, idealmente en una conexión más lenta. Cogerás el teclado incómodo, el campo que es difícil de alcanzar, el botón que se encuentra debajo del teclado, todas las pequeñas cosas que no aparecen en tu gran monitor de escritorio.

¿Debería validar campos como tipo de personas?

Sí, con suavidad y de una manera que ayuda en lugar de regañar. Validación en línea significa verificar un campo cuando alguien lo llena o se mueve más allá, por lo que corrigen un pequeño error en el momento en lugar de golpear el envío, recuperarse y buscar a través de una pared de color rojo por lo que salió mal. Ese momento de rebote es un punto de abandono importante, y la validación en línea lo evita silenciosamente.

Pero la validación hecha mal es peor que nada en absoluto. Todos hemos conocido el formulario que parpadea “inválido” antes de que incluso haya terminado de escribir, o rechaza un número de teléfono perfectamente bueno porque quería un formato diferente que nunca mencionó. Aquí es cómo mantener la validación en el lado del humano:

• Validar en el momento adecuado. Por lo general, cuando alguien termina un campo y sigue adelante, no en cada pulsación de tecla. A nadie le gusta que le digan que están equivocados mientras todavía están escribiendo.
• Escribe mensajes de error específicos y amigables. Por favor, introduzca un correo electrónico válido, como [email protected]”Le dice a la gente exactamente cómo arreglarlo. “Introducción inválida” simplemente los hace sentir estúpidos y atascados.
• Acepta la entrada de manera flexible. Si puede manejar un número de teléfono con o sin guiones, no haga que la persona coincida con su formato interno.
• Confirma el éxito también. Un pequeño cheque verde cuando un campo está bien es tranquilizador. Dice “estás muy bien, sigue adelante”.
• Anuncia errores para todos. Los mensajes de error deben estar vinculados a su campo y anunciarse a los lectores de pantalla, no solo se muestran como un cambio de color: el color por sí solo deja fuera a cualquiera que no pueda percibirlo.

El espíritu aquí es simple: los errores van a suceder, así que trátalos como momentos para ayudar, no para culpar. Una forma que te atrapa amablemente y te muestra el camino a seguir se siente como si estuviera de tu lado, y la gente recompensa eso al terminar.

¿Cómo manejar formas largas sin asustar a la gente?

A veces realmente necesita más información: una aplicación detallada, una cotización personalizada, un flujo de incorporación. La respuesta no es meter veinte campos en una pantalla intimidante. Es dividir la forma en pasos lógicos y mostrar a la gente dónde están.

Una forma de varios pasos toma una pared aterradora y la convierte en una serie de pequeñas preguntas factibles. Cada paso se siente ligero, y hay un suave impulso psicológico para terminar lo que has comenzado. Agrupe los campos relacionados entre sí: detalles de contacto en un paso, detalles del proyecto en otro, para que cada pantalla tenga un tema claro. Y siempre muestra progreso: un indicador de paso o un simple “Paso 2 de 4” le dice a la gente que el final está a la vista, que es exactamente la tranquilidad que los mantiene en marcha.

Algunas cosas que hacen que los formularios de varios pasos se sientan bien en lugar de interminables: comienza con el paso más fácil para generar impulso, deja que las personas retrocedan para arreglar algo sin perder sus respuestas y guarda el progreso donde puedas para que una actualización no te lo borre todo. El objetivo es que cada paso se sienta como un movimiento pequeño y seguro hacia adelante. — Nunca como si estuvieras atrapado en un túnel sin fin. Si la entrega es su principal preocupación, esta estructura es una de sus mejores herramientas, y nuestra guía sobre Cómo reducir el abandono de la forma profundiza en exactamente dónde renuncia la gente y cómo recuperarlos.

¿Qué debería decir realmente su botón de envío?

Tu botón es lo último entre el interés y la acción, así que no lo desperdicies en la palabra “Enviar”. tú no dice nada acerca de lo que persona Entiende. La copia del botón de valor repite la recompensa en los propios términos de la persona — “Envíame la guía”, “Comienza mi prueba gratuita”, “Obtener mi cotización” — Así que el último clic se siente como si reclamara algo en lugar de entregar su información.

El botón debe parecerse inequívocamente a la acción primaria, sentarse donde el ojo aterriza al final del formulario y nunca competir con un botón secundario más fuerte al lado. Pequeño cambio, diferencia real — y si quieres profundizar en este elemento, nuestro recorrido en Cómo optimizar los botones CTA cubre la redacción, el color, la ubicación y las pruebas que prueban qué versión gana.

¿Cómo se genera confianza en el formulario?

Aquí es donde la honestidad y la conversión resultan ser lo mismo. El momento en que alguien está a punto de entregar información personal es exactamente el momento en que su guardia sube, y la forma en que maneja ese momento gana el sí o lo pierde. El enfoque confiable y el enfoque de alta conversión son idénticos, que es una de las verdades más bonitas de todo este arte.

Explica por qué necesitas campos sensibles. Si tienes que pedir un número de teléfono, di para qué sirve: “Para que nuestro equipo pueda enviarte un mensaje de texto sobre tu demostración, nada más”. Una razón de una línea transforma un campo sospechoso en uno razonable.

Vincular su política de privacidad y el consentimiento de honor. Un enlace claro y visible a cómo maneja los datos tranquiliza al lector cuidadoso y respeta a todos. Cuando se requiera el consentimiento, pídelo claramente, y nunca, nunca, nunca marques previamente una casilla de aceptación. Un pre-marcado “sí, envíame un correo electrónico” no es consentimiento; es un patrón oscuro que erosiona la confianza y, en muchos lugares, ni siquiera es legal. Deja que la gente elija a propósito.

Sea honesto sobre lo que sucede después. No hay costos ocultos de presentación, no hay sorpresa “un vendedor te llamará a diario”, no hay cebo y cambio entre la oferta y la realidad. Si se les pide que se repitan, que lo hagan antes de que se les haga clic. La gente perdona mucho, pero no perdona sentirse engañado.

Ponga la prueba social cerca de la forma. Un testimonio corto y genuino, una insignia de confianza que realmente se ha ganado o un recuento de clientes real al lado del formulario responde la preocupación “¿es esto legítimo?” en el momento exacto en que surge. Mantenerlo honesto – una cita verdadera, específica supera a un inventado “unirse a 50.000 usuarios” cada vez, y un número que no puede copia de seguridad con el tiempo le costará más de lo que gana.

¿Es accesible para todos?

La accesibilidad no es algo bueno al final, es fundamental para una forma que realmente funciona, y construirla hace que la forma sea mejor para absolutamente todos. Un formulario que es fácil de completar para un usuario lector de pantalla suele ser más claro y tranquilo para los usuarios videntes también. Esto es lo que debe asegurarse:

• Cada campo tiene una etiqueta real, vinculada programáticamente – no sólo texto marcador de posición – por lo que la tecnología de asistencia puede anunciar lo que cada campo es para.
• La forma entera funciona solo con teclado, en un orden de pestañas lógicas, por lo que alguien que no puede usar un ratón puede completarlo cómodamente.
• El foco siempre es visible, para que la gente pueda ver en qué campo se encuentran a medida que avanzan.
• El color no es la única señal. Combina el color con el texto y los iconos para detectar errores y campos obligatorios, y mantén el contraste lo suficientemente fuerte como para leer con luz brillante o con baja visión.
• Los errores se anuncian, no solo se muestran. Ata cada mensaje a su campo y expónlo a la tecnología de asistencia, para que nadie se pregunte por qué el formulario no se enviará.

Piense en la accesibilidad como la versión más clara posible de su formulario. Cuando lo haces bien, no solo estás incluyendo a personas que de otro modo estarían fuera, sino que estás eliminando la confusión para cada visitante. Eso es optimización de conversión y decencia básica apuntando en la misma dirección.

¿Cómo saber qué campo está perdiendo gente?

Esta es la parte que convierte la optimización de la forma de adivinar en saber, y es realmente mi paso favorito. No tienes que maravilla donde la gente se va — Puedes medirlo. La analítica de formularios rastrea cómo las personas interactúan con cada campo: cuáles se saltan, cuáles permanecen, cuál están tocando justo antes de abandonar todo el asunto. Ese último campo tocado antes del abandono es dorado, porque apunta directamente a tu mayor fricción.

Configura el seguimiento a nivel de campo para que puedas ver, para tu propia forma y tu propia audiencia, exactamente dónde se dispara la caída. Tal vez sea el campo de número de teléfono. Tal vez sea un formato de fecha confuso. Tal vez sea un error del que la gente no puede recuperarse. No lo sabrás hasta que mires, y la respuesta para tu audiencia puede ser completamente diferente de la regla general de cualquier otra persona, que es exactamente la razón por la que mides en lugar de copiar la lista de verificación de alguien a ciegas.

Una vez que los datos apuntan a un campo problemático, tiene una hipótesis clara y comprobable: eliminarlo, reformular su etiqueta, agregar microcopia, cambiar su tipo de entrada o moverlo más adelante en el flujo. Cambia una cosa a la vez, dale suficiente tráfico y tiempo para significar algo, y compáralo honestamente con la versión anterior. Este es el latido de un programa de optimización real: observar, cambiar una cosa, medir, repetir, y es el mismo ritmo que presentamos en nuestra guía sobre cómo construir un programa CRO, que muestra cómo convertir ajustes dispersos en un sistema constante de victorias.

Lista de verificación de optimización de formulario de página de destino

Aquí hay una lista de verificación que puede ejecutar contra cualquier forma hoy. No intentes arreglar todo a la vez: trabaja de arriba a abajo, cambia una cosa y mide antes de seguir adelante.

• Campos: ¿Es cada campo uno que realmente usarás? ¿Puedes cortar, derivar o retrasar alguno de ellos?
• Maquetación: ¿Una sola columna? Orden lógico, campos fáciles primero? ¿Suficiente espacio para respirar?
• Etiquetas: ¿Etiquetas visibles (no solo marcadores de posición) en todos los campos? Microcopia útil donde la gente duda?
• Tipos de entrada: ¿Teclado correcto en el móvil para cada campo? ¿Se habilita el relleno automático con nombres de campo estándar?
• Validación: ¿En línea, oportuna, con mensajes de error amistosos y específicos? ¿Errores anunciados a la tecnología de asistencia?
• Longitud: ¿Para un formulario más largo, se divide en pasos con un indicador de progreso visible?
• Botón: ¿Copia con valor en lugar de “Enviar”? ¿Es evidente la acción primaria?
• Confianza: ¿Una razón dada para cada campo sensible? ¿Política de privacidad vinculada? ¿No hay opt-ins pre-comprobados? ¿No hay costos ocultos de envío?
• Prueba social: ¿Un testimonio genuino y honesto o una insignia cerca del formulario?
• Accesibilidad: ¿etiquetas reales, soporte para teclado, enfoque visible, contraste fuerte, errores no señalados solo por el color?
• Análisis: ¿Se ha establecido un seguimiento a nivel de campo para que pueda ver dónde se deja a la gente?

Prueba esto: el ejercicio de auditoría de campo

Antes de cambiar una sola cosa, haz este breve ejercicio: es la forma más rápida de ver tu forma como lo hace un extraño. Haga una tabla simple con una fila por campo y rellene cuatro columnas para cada una:

• El campo – nombralo.
• Qué harás con él: escribe el uso específico y concreto. Si no puedes nombrar uno, esa es tu respuesta.
• Cuando realmente lo necesitas — ¿Podría esperar hasta más tarde en la relación?
• La fricción que añade – es rápido y esperado, o lento, personal, o probable que aumente un “¿por qué necesitan eso?”

Ahora lee tu mesa con honestidad. Cualquier campo sin un uso específico, presente y tenso es un candidato a cortar. Cualquier campo sensible que mantengas necesita una razón de una línea escrita al lado en tu microcopia. Cualquier campo que pueda esperar debe esperar. La mayoría de la gente se sorprende genuinamente por la cantidad de campos que fallan esta prueba, y cortarlos es a menudo la mayor ganancia de conversión disponible, antes de tocar cualquier otra cosa. Ejecute esta auditoría una vez al trimestre y mantendrá sus formularios delgados como su lista de deseos de datos “agradables de saber” en silencio intenta crecer.

Una nota honesta, así que estamos en la misma página: SocialBlaze Es un orgánico programación de redes sociales y herramienta de análisis — no es un generador de formularios ni una plataforma CRO, y no alojará su página de destino ni ejecutará sus análisis de nivel de campo. Lo que es realmente genial es el paso antes la forma: conseguir que las personas adecuadas para su página de manera consistente, a través de todas las redes, sin que viven dentro de diez aplicaciones diferentes. Piense en ello como el motor de tráfico confiable que se alimenta de la forma que acaba de optimizar — un instrumento honesto en su kit, no todo el taller.

Poniendo todo junto

Así que aquí es donde has aterrizado. Sabes que cada campo es un costo, por lo que pides lo menos que necesitas y puedes nombrar un uso para. Diseña para mayor claridad: una columna, orden lógico, etiquetas visibles, microcopia útil, los tipos de entrada correctos y autocompletar haciendo el trabajo pesado en el móvil. Usted detecta errores amablemente con la validación en línea y errores amistosos. Rompe los formularios largos en pasos tranquilizadores, escribe un botón que nombra la recompensa y genera confianza con razones honestas, un enlace de privacidad, sin casillas marcadas previamente y prueba social real. Todo esto es accesible, porque la forma más clara gana para todos. Y luego dejas que tus propios análisis te muestren el campo exacto que se está filtrando, corrijas una cosa y midas.

Esa es toda la tarea de cómo optimizar los formularios de la página de destino, y la parte hermosa es que el camino honesto y el camino de alta conversión son el mismo camino. Respeta el tiempo de la persona, su atención y sus datos, y te recompensarán al terminar. No todo sucederá en una tarde, la optimización nunca lo hace, pero ejecute la auditoría de campo, trabaje la lista de verificación y observe sus datos de entrega, y prometo que se vuelve más fácil y mejor con cada ronda. Ve a tu formulario y comienza con los campos. Te sorprenderá lo ligero que se siente.

Preguntas frecuentes