UX de la página de pago: cómo proporcionar una buena experiencia de usuario en su página de pago • Yoast


El último paso en un proceso de compra en línea es siempre la página de pago; la caja registradora de su sitio web. Consiste en una serie de pasos que conducen a la finalización de una compra. No es raro que las personas abandonen sus carritos de compras durante el proceso de pago debido a una mala experiencia de usuario. Y es una pena cuando esto sucede. En esta publicación, discutiremos las cosas que puede mejorar, desde el experiencia de usuario de su carrito de compras a su página de agradecimiento. Te diremos cómo hacer que tus visitantes estén lo más cómodos posible mientras completan sus compras.

Si desea obtener más información sobre la experiencia del usuario (UX) y otras habilidades esenciales de SEO, debe consultar nuestro ¡Entrenamiento integral de SEO! No solo le informa sobre SEO: ¡se asegura de que sepa cómo poner en práctica estas habilidades!

Antes de comenzar, tenga en cuenta que la conversión y la experiencia de usuario de la página de pago van de la mano. Mejorar la UX de su proceso de pago también influirá en la conversión. Por ejemplo, un proceso de pago demasiado complicado representa 17% de abandono de carreta. Por lo tanto, debe buscar que sus clientes potenciales se sientan lo más cómodos posible mientras completan sus compras. No pierda una compra debido a una mala experiencia de usuario en la página de pago. Dicho esto, exploremos los diversos elementos en su página de pago que afectan la experiencia del usuario.

Diseño, maquetación y tipografía

Hablemos rápidamente sobre el aspecto de su página de pago antes de pasar al contenido real de la página. Recomendamos un diseño limpio para la página de pago sin importar los productos o servicios que esté vendiendo. La página de pago se trata de completar compras, por lo que todo en esta página, incluido el diseño de la página, debería facilitarlo. Ya no es necesario ‘sorprender’ a sus clientes con imágenes fascinantes y elementos web interactivos en esta etapa. En su lugar, intente que sea rápido y fácil para ellos pasar por el proceso de pago.

Eso podría traducirse en el empleo de un diseño de página simple con muchos espacios en blanco para resaltar los campos y la información importantes. Y la elección de la fuente debe ser fácil de leer tanto en computadoras de escritorio como en dispositivos móviles. Tome la página de pago de Nike como ejemplo, el diseño de la página es limpio y simple, lo que facilita obtener una descripción general del proceso de pago.

La página de pago de Nike es limpia y simple

Barra de progreso

Una de las cosas más importantes a tener en cuenta es que la página de pago UX en realidad se trata de optimizar cada paso (página) en el proceso de pago. proceso. Antes de entrar en detalles, nos gustaría mencionar al mejor amigo de sus visitantes en el proceso de pago: la barra de progreso. Hace que los visitantes vean qué tan avanzados están en el proceso. Esto en realidad da como resultado gamificaciónlo que hace que sea aún más probable que terminen todo el proceso.

En Yoast, agregamos un pequeño giro motivacional para mejorar la UX de nuestra página de pago: un comprador potencial comienza en el paso 2 del proceso. El primer paso es hacer clic en el botón de compra, que la persona ya ha hecho, ¿verdad? ¡Eso también merece validación! Comenzar en el paso 2 es como darles una ventaja y los motivará a completar la compra.

Si no tiene una barra de progreso en su página de pago, es una buena idea diseñar su página de una manera que sea clara para los clientes en qué momento del proceso de pago se encuentran. Por ejemplo, Nike sigue este enfoque en su página de pago (como se ve en el ejemplo anterior).

Un aspecto muy importante de la experiencia de usuario de su página de pago es la descripción general del carrito de compras. Independientemente del producto que esté vendiendo, cada descripción general del carrito de compras debe tener al menos estos elementos:

  • Imágenes de productos. Estos ayudan a un visitante a recordar qué productos ha agregado al carrito. Ir de compras lleva tiempo y esto es solo un recordatorio amistoso.
  • Precios. Indique claramente el precio de un artículo individual, la cantidad por artículo, cualquier descuento si corresponde y el precio total que los clientes deben pagar.
  • Gastos de envío (y otros adicionales). Indique claramente las opciones y costos de envío para evitar sorpresas. ¡No debería tener ningún costo adicional después de este punto en el proceso de pago, ya que arruinará cualquier página de pago UX! En realidad, dieciséis% del abandono del carrito se debe a que las personas no pueden ver el costo total del pedido por adelantado.
  • Señales de seguridad. Indique claramente que todo se hace en un entorno seguro, por ejemplo, mediante un certificado SSL claro y cosas como los sellos de Symantec. Los testimonios también ayudan para la seguridad social.

Todas estas cosas combinadas crean una página de pago UX óptima: una sensación de confianza y conveniencia que invitará al visitante a completar la compra.

Un elemento opcional para tener en esta descripción general es una lista de métodos de pago disponibles. Simplemente puede mostrar los logotipos de sus marcas aquí para que los clientes lo sepan. De hecho, creemos que las opciones de pago deben estar claras incluso antes de ir a la descripción general del carrito. Eso significa tener esta información en las páginas de productos o en el pie de página de su sitio web. Esto evitará decepciones como la necesidad de usar un dispositivo de autenticación cuando no hay ninguno cerca.

Códigos de cupón

Hoy en día, mucha más gente está comprando y dando regalos en línea con cupones/códigos de descuento, por lo que no debe olvidarse de la opción de código de cupón en su página de pago. La sección del código de cupón debe ser clara y fácil de encontrar. No hay una regla muy dura en la que debas colocar esta opción. Pero la mayoría de las empresas lo hacen conveniente colocándolo en el resumen de pagos. Algunas empresas también muestran esta opción tanto en el resumen de pagos como en el resumen del carrito de compras.

Además de eso, cuando un cliente usa un código de cupón, debe quedar claro para la persona que el código realmente se aplica. Esto también debe reflejarse en el resumen del carrito de compras indicando el descuento que reciben los clientes.

Amazon elige colocar la sección del código de cupón en el paso de descripción general del pago

Compra de invitado

Muchas tiendas en línea piden a los clientes que creen una cuenta antes de poder continuar con el proceso de pago. Entendemos que una cuenta de usuario es más conveniente para el cliente y facilitará las visitas de regreso y las compras futuras. Permitirá listas de deseos, historial de facturas y ahorrará muchas preguntas de soporte al respecto. Y es beneficioso para usted como propietario de la tienda web porque puede crear una base de datos sobre sus usuarios. Sin embargo, crear esa cuenta es una barrera para muchos clientes potenciales y podría provocar el abandono del carrito de compras.

Es un paso adicional y no está mejorando la experiencia de usuario de su página de pago como tal. En lugar de eso, puede pedirles a los clientes que completen sus detalles de envío primero y luego brindarles la opción de crear una cuenta después de eso. Una segunda opción sería pedirle al cliente que cree una cuenta para futuras compras después de la venta real.

Dirección de envío y facturación

La necesidad de crear una cuenta.

Sabes que una vez que el cliente te confía sus datos personales, es muy probable que compre en tu tienda. Si les pide que creen una cuenta en este paso, a muchos clientes no les importará la pregunta. Preferiblemente, esa pregunta debe tener la forma de una casilla de verificación: ¿Quieres crear una cuenta? Enumere algunos de los beneficios de esa cuenta. Después de hacer clic en la casilla de verificación, puede desplegar algunos campos adicionales para una contraseña y un campo de «repetir contraseña», solo para estar seguro. Nuevamente, manténgalo lo más simple posible.

Muchas empresas solicitan esta información como primer paso en su proceso de pago (justo después de pedirle que cree una cuenta o use la opción de compra de invitado).

Una de las cosas más importantes que cualquier experto en UX o conversión le dirá: no pregunte demasiados detalles en un formulario en línea. No necesitas saber el nombre de su mascota, a menos que vendas comida para perros y quieras enviarle un regalo al perro en su cumpleaños, por supuesto. ¡No, ni siquiera entonces! Podría haber un buen gadget en su barra lateral para eso, pero durante el proceso de pago, solo pregunte lo que es necesario. Por lo general, eso significa que solo necesita solicitar un:

  • nombre de la empresa (en caso de que esté vendiendo a empresas)
  • nombre del comprador
  • dirección de entrega/factura
  • dirección de correo electrónico
  • número de teléfono

En muchos casos, ni siquiera necesita pedir un número de teléfono. Y una simple casilla de verificación evitará que completen los mismos detalles dos veces: «La dirección de envío y la dirección de facturación son las mismas». Controlar. Por supuesto, todos estos detalles se ingresan en un ambiente seguro y seguro y está utilizando la validación en línea para guiar al visitante a través del formulario.

Resumen de pago y pago

Todas las opciones de pago deben enumerarse claramente aquí. Y como se mencionó anteriormente: evite costos sorpresa como envío adicional u otras tarifas (o impuestos). Además de eso, considere colocar la opción de código de descuento en esta sección.

En este punto, lo más probable es que los visitantes terminen su compra. En este paso del proceso de pago, elegirán su método de pago preferido y pagarán los productos. Es una buena idea tener un ‘descripción general del pedido‘ después del paso de métodos de pago y coloque su botón ‘realizar pedido’ allí. Esto les da a las personas la oportunidad de volver a verificar su pedido por última vez antes de pagar la compra.

Después de las ventas

Ahora que el trato está cerrado, debe guiar al visitante hasta la puerta de su tienda, agradecerle su compra y decirle que regrese en cualquier momento. Nada nuevo aquí, ya que esto es exactamente lo que hacemos. desconectado.

Agradézcale la confianza en su empresa. Dígale que hará todo lo posible para asegurarse de que reciba los productos lo antes posible y que manejará el envío con cuidado. Ese es solo el texto general en esa página de agradecimiento. Hay más cosas que puedes hacer aquí:

  • Crear una cuenta. Si su sitio web tiene esa opción de cuenta como mencionamos antes, podría ofrecerle al cliente la opción de crear una cuenta para futuras visitas (nuevamente). Explique por qué esto es beneficioso.
  • Suscríbete a un boletín. Pídale al cliente que se suscriba a su boletín de noticias, para que pueda mantenerse actualizado sobre las próximas promociones y los nuevos productos que pueda tener para él. Si el comprador está entusiasmado con su sitio web y/o productos, se suscribirá.
  • Descuento para la próxima compra. A todo el mundo le gustan los descuentos y eso es innegable. Hay múltiples formas de abordar esto. Ofrézcalo cada vez («5% en su próxima compra»), o combínelo con la opción de boletín («suscríbase y obtenga un código de descuento de $ 10»). Envíe un correo electrónico unos días antes de que caduque el cupón para recordarles a las personas sobre el descuento. Lo más probable es que compren, simplemente porque no quieren desperdiciar ese descuento.
  • Compartir en las redes sociales. Sus clientes (felices) son sus especialistas en marketing. Pídeles que compartan su compra o una promoción general de tu tienda online. Hicieron la compra, probablemente les guste su sitio web y es probable que estén dispuestos a promocionar su sitio/productos.
  • Pista y Corre. Tal vez esto debería estar en la parte superior de esta lista. Si la compra fue por una cantidad razonable de dinero, o si el producto es algo que el cliente quiere lo antes posible, el seguimiento y localización les permite ver dónde está el producto en cualquier momento (por ejemplo, ‘en producción’, en el almacén’, ‘entrega’). de camino a tu casa’).

Ese seguimiento y localización generalmente se puede realizar mediante una aplicación o en línea. Pero realmente debería considerar enviar actualizaciones por correo electrónico también sobre fechas de entrega, retrasos y cosas por el estilo. Domino’s Pizza incluso te avisa a través de notificaciones automáticas que tu pizza está en el horno. Apple envía un correo electrónico una semana antes de la entrega de su nuevo iPhone. Ese no es un correo electrónico que considerarás spam, ¿verdad? Siéntase libre de mantener a sus clientes actualizados sobre su compra/entrega.

Como se mencionó en la parte superior de este artículo, esta no es una guía de conversión para su proceso de pago. Se trata de su página de pago UX. Creemos que la experiencia de usuario de la página de pago no debería diferir mucho según la tienda web. ¡Y la página de pago UX no debería desalentar a los compradores potenciales de completar una compra!

Lee mas: Abandono del carrito de compras »



Source link

0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja una respuesta

Tu dirección de correo electrónico no será publicada.