12 errores comunes y cómo optimizar el proceso de Checkout (Parte 2)

Continuaremos explorando las prácticas que podrían estar afectando tus conversiones y cómo corregirlas.

Llegó la segunda entrega sobre los 12 errores comunes y cómo optimizar el proceso de checkout.

Continuaremos explorando las prácticas que podrían estar afectando tus conversiones y cómo corregirlas.

Si ya usas Shopify, te explico cómo corregir dichos errores. Si aún no, te invito a que consideres migrar. ¡Con gusto puedo ayudarte! Te comparto mi agenda

Si bien en la primera parte abordamos temas clave como la importancia del checkout sin crear cuenta, la validación de datos en tiempo real y la claridad en las fechas de entrega, aún quedan otros aspectos cruciales que podrían estar generando fricción en la experiencia de tus clientes al finalizar una compra.

Mi objetivo es ayudarte a identificar y resolver estas áreas problemáticas, optimizando cada detalle para garantizar un proceso de compra fluido, intuitivo y enfocado en la conversión.

Porque en ecommerce, cada clic cuenta, y el éxito está en los detalles.

7. No marcar claramente los campos obligatorios y opcionales

El 74% de los sitios no distingue entre campos obligatorios y opcionales, lo que causa confusión.

Cuando los clientes no saben con certeza si un campo es obligatorio, pueden sentir presión innecesaria para completarlo, incluso si no desean proporcionar esa información (por ejemplo, un número de teléfono o el nombre de la empresa).

Esta ambigüedad genera incomodidad y puede hacer que algunos usuarios abandonen el proceso.

¿Cuál es la solución?

Usa etiquetas claras como asteriscos (*) para campos obligatorios.

También puedes agregar texto adicional como "(Opcional)" al lado del nombre del campo.

Si hay varios campos opcionales, puedes agruparlos en una sección específica para que los usuarios sepan que no son esenciales.

Shopify ya distingue entre campos obligatorios y opcionales en su checkout predeterminado.

Los campos obligatorios, como la dirección y el correo electrónico, son claramente marcados, mientras que los opcionales, como "Dirección 2", no tienen marcadores y son tratados como no esenciales.

Este checkout facilita la identificación rápida de qué campos son obligatorios (indicados con asteriscos) y cuáles son opcionales (marcados con texto entre paréntesis).

8. Uso innecesario de botones “Aplicar” o “Guardar y continuar”

El 83% de los sitios dependen de botones “Aplicar” o “Guardar y continuar”, lo que genera confusión.

Estos tipos de botones requiere que el usuario confirme manualmente una acción después de haber ingresado un dato en un campo.

Por ejemplo:

Ingresar un código promocional y presionar “Aplicar” para activar el descuento.

Cambiar la dirección de envío y presionar “Aplicar” para guardar la nueva dirección.

Ajustar el método de pago o el número de cuotas y luego presionar “Aplicar” para validar el cambio.

¿Cuál es la solución?

Aplica los cambios una vez que el usuario ingrese los datos. 

Shopify aplica automáticamente los cupones o promociones al ingresar los datos.

En este checkout los usuarios deben deducir que necesitan tocar "Guardar" antes de pasar a "Siguiente", un requisito que no es ni evidente ni intuitivo.

9. Interfaces incorrectas para campos opcionales

Un problema común en el diseño del checkout de muchos sitios es el uso excesivo o innecesario de elementos como menús desplegables (dropdowns), que complican la experiencia del usuario.

El 75% de los sitios usa estas interfaces confusas.

¿Cuál es la solución?

Reemplaza los desplegables con botones de opción (radio buttons) para elecciones con pocas opciones, por ejemplo, para métodos de envío.

Shopify utiliza botones de opción en lugar de desplegables para muchas funciones del checkout, como métodos de pago y opciones de envío.

También admite funciones de autocompletar para direcciones y utiliza la ubicación del usuario para preseleccionar campos como el país o la moneda.

En este checkout, los campos opcionales que no son relevantes para todos los usuarios, como "Nombre de la empresa" y "Línea de dirección 2" (también  podría ser "Agregar apartamento, suite, edificio, etc."), están ocultos detrás de enlaces, lo que los hace accesibles pero sin resultar demasiado llamativos o distractores.

10. No usar máscaras de entrada para datos importantes

Las máscaras de entrada son herramientas esenciales para guiar al usuario en la correcta introducción de datos en campos específicos durante el checkout.

Según estudios, el 56% de los sitios no implementan máscaras de entrada en campos críticos como números de teléfono o números de tarjeta de crédito. 

Esta falta de orientación provoca errores frecuentes, frustración y, en muchos casos, abandono del carrito.

¿Cuál es la solución?

Implementa máscaras que formatean automáticamente los campos, por ejemplo:

Números de teléfono: Máscara: +507 (__) ___-____ (formato internacional o local)

Tarjeta de crédito: Máscara: XXXX XXXX XXXX XXXX (16 dígitos, agrupados en bloques de 4).

Fechas: Máscara DD/MM/AAAA.

Shopify aplica máscaras de entrada básicas para campos como números de tarjeta de crédito y fechas de vencimiento.

En este checkout, la presencia de una máscara de entrada para el campo "Teléfono móvil" es evidente de inmediato. 

11. Mensajes de error genéricos

El 99% de los sitios no personalizan los mensajes de error, lo que dificulta la corrección.

Mensajes genéricos como “Hubo un error” o “Información inválida” no proporcionan detalles específicos sobre lo que está mal ni guían al usuario para solucionarlo, dificultando la corrección y ralentizando el proceso de compra.

¿Cuál es la solución?

Personalizar los mensajes de error. Por ejemplo, con el correo electrónico, en mensaje genérico sería: “Correo inválido”. Un mensaje personalizado: “Por favor, asegúrate de incluir un ‘@’ y un dominio válido, como [email protected]”.

O con el número de tarjeta de crédito un mensaje de error genérico sería “Número de tarjeta inválido”. Si se personaliza podría ser “El número de tarjeta parece incorrecto. Por favor, verifica y asegúrate de ingresar 16 dígitos”.

Ofrece mensajes claros y específicos que indiquen cómo resolver el problema.

Shopify incluye mensajes básicos de error en su checkout predeterminado, como para números de tarjeta de crédito o correos electrónicos mal formateados.

Con Checkout UI extensions es posible personalizar mensajes de error en tiempo real, adaptándolos a las necesidades específicas de cada tienda.

En este checkout, el mensaje de error comunica claramente el problema específico con el número de la tarjeta: "Tu número de tarjeta está incompleto", en lugar de un mensaje más genérico como "Tu número de tarjeta no es válido".

12. Falta de claridad en las funciones de regalo

El 61% de los sitios no explican bien las opciones de regalo, lo que genera dudas.

Los sitios no detallan qué implica cada opción de regalo.

Por ejemplo, al seleccionar “Agregar envoltura de regalo”, el usuario podría no saber si incluye un mensaje personalizado, qué diseño tendrá o si se aplicará un costo adicional.

Términos como “Mensaje de regalo” o “Recibo de regalo” no siempre están acompañados de una explicación, lo que genera dudas sobre su propósito y cómo se aplicarán.

¿Cuál es la solución?

Proporciona información detallada sobre lo que incluye cada opción.

Por ejemplo:

“El recibo de regalo no mostrará los precios de los productos”

“Incluye una tarjeta con un mensaje personalizado de hasta 200 caracteres”

“$5 por artículo, incluye papel temático y una tarjeta de regalo personalizada”.

Existen aplicaciones en el Shopify App Store, como Gift Wrap Plus o Order Printer Pro, que ayudan a implementar opciones de regalo con configuraciones avanzadas y mayor claridad.

También Shopify permite resaltar las opciones de regalo en la interfaz, asegurando que los usuarios las noten y comprendan.

En este caso se ofrece la opción de "Enviar un mensaje de regalo por correo electrónico", pero las funciones completas relacionadas con los regalos no son claras, incluyendo cuándo (si es que en algún momento) el remitente podrá escribir ese mensaje durante el proceso de checkout.

Shopify está a la altura de lo que necesitas

Estos errores pueden hacerte dejar mucho dinero sobre la mesa pero Shopify está a la altura.

Ofrece muchas herramientas para mejorar el UX del checkout, especialmente con Shopify Plus y Checkout Extensibility, pero algunas personalizaciones avanzadas aún requieren desarrollos externos.

Implementar estas mejores prácticas ayudará a reducir el abandono del carrito, mejorar la conversión y ofrecer una experiencia de compra excepcional.

¡El éxito está en los detalles!

¡Gracias por ser parte de esta comunidad!  

Te invito a estar pendiente del newsletter cada semana, de los nuevos episodios del podcast, Ecommerce Simplificado y de las últimas actualizaciones del blog de Simplify y de mi blog personal eliasmanopla.com 

Si crees que este newsletter puede interesarle a algún colega o a alguien más, puedes compartirle el enlace para que también pueda suscribirse.  Permítele ser parte de nuestra comunidad, seguramente te lo agradecerá ;)   

PD1: No todas estas estrategias serán relevantes para cada negocio de comercio electrónico, así que analiza tu situación específica y adapta estas acciones a tus necesidades y objetivos particulares. Si necesitas ayuda, con gusto podemos agendar una reunión en la que brevemente analizaremos la situación actual y la mejor forma de abordarla. Te comparto mi agenda.   

PD2: Si tienes una tienda en Shopify pero necesitan ayuda técnica para hacerle mejoras y agregar nuevas funcionalidades puedes escribirnos en Tasky.   

PD3: Si consideras que este contenido no es relevante, siéntete libre de desuscribirte. Respetaré tu decisión. Te comparto el link para que puedas darte de baja.