Guía diseñar y optimizar tu página de pago

Si estás dentro del comercio electrónico, es probable que más de una vez haya deseado que la tasa de abandono de tu carrito no fuera tan alta. En promedio, el abandono del carro ronda el 70% , con variaciones para diferentes industrias.

¡Es un número bastante grande! También es uno que casi siempre es innecesariamente alto. La mayoría de las tiendas de comercio electrónico pueden reducir significativamente el abandono del carrito con algunos ajustes simples en su proceso de compra, lo que aumenta las conversiones generales en el proceso.

¿Por qué tus clientes abandonan la compra?

Uno de los mayores contribuyentes a una tasa de abandono innecesariamente alta es el mal diseño del carrito de compra o página depago. De hecho, los estudios de comercio electrónico muestran que los procesos de pago “largos y complicados” son el tercer mayor contribuyente al abandono durante el pago.

Entonces, ¿qué puede hacer un minorista? En esta guía, te muestro23 consejos de optimización con los que puede mejorar la facilidad y la eficacia de sus páginas de pago. Aprenderemos cómo reducir y evitar el abandono de pago. 

Vamos a profundizar en esta guía de optimización de tu página de pago.

Listas de verificación de optimización de tu página de pago de 23 puntos

Para reducir su tasa de abandono de pago, revisa tu página de pago respondiendo a cada una de las siguientes preguntas. 

#1 ¿Tus clientes pueden comprar sin registrarse?

El registro obligatorio es el mayor contribuyente al abandono del carrito durante el proceso de pago. Siempre ofrece la opción de registrarse como invitado, mientras permites que aquellos clientes que deseen registrarse (o que ya tienen cuentas) puedan hacerlo fácilmente.

#2 Para clientes primerizos, ¿integraste el registro en el formulario de pago?

#3 ¿Solicitas los correos electrónicos de los clientes al inicio del proceso de pago para que pueda hacerles un seguimiento si no completan un pedido?

Si bien no suele ser recomendable agregar etapas adicionales durante el proceso de pago, la solicitud de correos electrónicos puede darte la oportunidad de ponerte en contacto con los clientes si no completan una compra. 

#4 ¿El formulario es vertical (lineal) con etiquetas claras que no desaparecen cuando un cliente las llena?

A menudo, los clientes tendrán que volver para verificar la información. El uso de etiquetas estáticas o flotantes (que no desaparecen después de que un cliente ingrese su información) puede ayudar a simplificar este proceso.

Si los títulos se eliminan cuando el cliente las rellena, éste olvidará el campo y no podrá verificar su correcto llenado. 

#5 ¿Hay algún campo que puedas eliminar para reducir el formulario de pago?

Las etiquetas superfluas aumentan el esfuerzo necesario para completar la compra. Reduce la fricción deshaciéndote de ellos. ¿Realmente necesitas los números móviles de tus clientes? ¿Qué pasa con sus segundo nombres? Es especialmente importante recordar sobre este punto durante la optimización de formularios de pago móvil .

#6 ¿Los tamaños de campo coinciden con el tamaño esperado de la entrada?

Minimizar los campos que requieren una entrada corta agilizará la verificación al indicar que se requiere un mínimo esfuerzo. Del mismo modo, asegurarse de que las entradas más largas tengan campos más amplios permitirá a los clientes volver a verificar rápidamente sus entradas.

#7 ¿Distingues entre los campos obligatorios y los opcionales?

Si no desea deshacerte completamente de los campos opcionales, indica que la información no es obligatoria.

#8 ¿Es visible la validación de formulario para cada campo? ¿Los clientes saben inmediatamente si han llenado incorrectamente un formulario?

Si los clientes han ingresado información de manera incorrecta, infórmaselo tan pronto como pasen al siguiente campo. Tener que enviar repetidamente información del formulario es increíblemente frustrante para las personas. 

#9 ¿Incluye consejos sobre cómo corregir errores debajo de los campos cuando las entradas son incorrectas?

Si un cliente ha ingresado incorrectamente información, es posible que no esté seguro de lo que se espera de ellos. Soluciona este problema incluyendo indicaciones y consejos dentro de la página de pago, antes de que sigan rellenando más campos. 

#10 ¿Utilizas opciones de relleno previo para simplificar el proceso de pago?

¿Tus formularios aprovechan las opciones de pre-llenado? Por ejemplo, ¿una dirección completa rellenada automáticamente los campos en función de un código postal?

#11 ¿Permite el llenado automático y las opciones guardadas (como tarjetas de crédito) para clientes habituales?

Si los clientes tienen cuentas contigo, ¿les estás permitiendo aprovechar los datos guardados, como direcciones, información de tarjetas de crédito e incluso opciones de envío? La página de pago de Amazon ahorra mucho tiempo rellenando éstos campos automáticamente. 

#12 ¿“Encapsulas” campos de entrada de tarjetas de crédito de manera diferente a otras para crear una capa de seguridad percibida?

¿Las formas de información de pago se diseñan de manera diferente y se ubican en un área separada, en o en una página diferente, para crear una percepción de mayor seguridad?

#13 ¿Incluye indicaciones visuales para los detalles de la tarjeta de crédito, como una imagen de dónde encontrar el código CVV?

Es posible que los clientes no sepan cómo encontrar ciertas piezas de información, o qué significa un término como “número de seguridad”. Supera este problema mediante la inclusión de pequeñas señales visuales.

#14 ¿Es descriptiva la etiqueta de tu CTA principal en cada paso de pago, por ejemplo, “Comprar ahora” o “Finalizar  Compra”?

La página de pago no es diferente a ninguna otra landing page de tu tienda, no utilices palabras como “siguiente”, porque tu cliente se confunde y se irá. Sé claro e indica siempre dónde está tu cliente dentro del proceso de pago. 

#15  ¿Es tu CTA principal claramente visible y se destaca de otras CTA secundarias?

Siempre asegúrate de que tu CTA sea de un color contrastante y lo suficientemente grande para ser visto. En dispositivos móviles, un botón de ancho de pantalla (que se puede tocar con cualquiera de las manos) es óptimo. Los CTA primarios siempre deben ser más prominentes que los CTA secundarios.

#16 Durante el registro, ¿complicas demasiado el proceso de selección de contraseña al incluir requisitos innecesarios?

No estipules que las contraseñas tengan que ser complejas a menos que sean absolutamente necesarias. Considera mejor incluir una opción de generación automática de contraseña.

#17 ¿Ha simplificado el encabezado y la navegación en tu página de pago?

Durante el proceso de pago, deseas que los clientes completen una acción. Cualquier elemento en la página que los aleje del formulario principal tiene el potencial de aumentar su tasa de abandono. Minimiza las distracciones del encabezado y los enlaces fuera de la página de pago. En lo personal, opto por eliminar la cabecera, pie de página y todos los widgets.

#18 ¿Has incluido una barra de progreso cuando hay varios pasos de pago?

Si hay varias páginas involucradas en su proceso de compra, informales a tus clientes qué tan lejos tienen que llegar para completarla compra.

#19 . ¿Está absolutamente claro que la página de resumen de su pedido, inmediatamente antes de la compra, no es una página de agradecimiento?

¿Es el resumen del pedido o la página de confirmación, donde los clientes revisan sus compras antes de agregar detalles de pago o confirmar, de forma engañosa? En particular, ¿está claro que no es una página de agradecimiento sino un resumen de su pedido y que deben verificar?

#20 ¿Pueden los usuarios realizar cambios en su dirección en una página de resumen del pedido (inmediatamente antes de la compra) sin tener que volver al inicio del proceso de pago?

Si los clientes han ingresado información incorrecta, ¿pueden cambiarla desde el resumen del pedido o la página de confirmación sin tener que volver a las páginas anteriores? Incluir una opción para cambiar reducirá la fricción en esta etapa crucial. La página de pago debe ser capaz de corregir sin repetir todo el proceso.

#21 ¿Ofreces una amplia gama de opciones de pago?

Haga que la red sea lo más amplia posible con las opciones de pago, permitiendo a los clientes revisar su opción preferida. Además, las múltiples opciones de pago crearán una percepción de mayor seguridad. No dejes las opciones disponibles de pago solo a tu página de pago sino hazla visible en toda la web. 

#22 ¿Ofreces opciones de pago ultra-simplificadas, similares a Amazon One-Click?

La tasa de conversión de Amazon es excepcionalmente alta por una razón. Si es posible, ofrece a los clientes la opción de pagar con solo uno o dos clics. ¡Es la definición misma de una compra sin fricción!

Optimizar la página de pago es tan solo un paso más

Lograr la mejor tasa de conversión posible para tu tienda en línea requiere un enfoque holístico para la optimización. Debes prestar atención a todas tus páginas, desde la página de inicio hasta “Quiénes somos”. Y tu proceso de compra es una de las partes más fundamentales de esta mezcla.