Consideraciones especiales para optimizar el pago móvil en WooCommerce

Si bien los datos nos dicen que muchos sitios están viendo más tráfico móvil que tráfico de escritorio, las conversiones en dispositivos móviles todavía están muy por detrás. Entonces, las personas usan más sus teléfonos, pero usan una computadora para hacer la compra, lo cual es un punto de fricción.

Hoy vamos a ver algunas cosas que puede hacer para facilitar que los usuarios móviles se conviertan en clientes de pago en su tienda WooCommerce. Mientras prueba estas sugerencias, recuerde realizar una prueba A/B para su sitio. El hecho de que hayan trabajado para otros no significa que tendrán un impacto positivo en su proceso de pago en particular.

Facilite los campos de formulario

Los dispositivos móviles tienen esta gran cosa llamada teclado de software. Eso significa que si identificamos con precisión los campos de nuestro formulario, a los usuarios de dispositivos móviles se les presentará un teclado apropiado para los datos que se deben ingresar.

Como puede ver arriba, WooCommerce hace esto de forma predeterminada cuando identifica un campo de correo electrónico. Para que sea más fácil ingresar mi correo electrónico, el símbolo @ está fácilmente accesible, en lugar de estar oculto detrás de otro juego de teclas.

Otros campos para revisar son los campos Zip/Postal Code y Phone. Si desea estos campos en un formato particular, es mejor programar previamente el formato, en lugar de dejarlo en manos del usuario. Más de una vez, mi pago ha sido denegado porque uno de los campos tenía un formato incorrecto. Ya es molesto tener que alternar entre letras y números en el teclado de un teléfono. Por lo tanto, no frustre más a sus usuarios obligándolos a ingresar los datos que desea en un formato exacto.

Sus usuarios nunca deberían tener que lidiar con esto. Tómese el tiempo para escribir algo de JavaScript para formatear el campo como desee después de que terminen de escribir, o maneje el lado del servidor de formato. Cualquier otra opción supone una carga adicional para el usuario, lo que hace que sea menos probable que compre.

Formatear bien los errores de campo

¿Alguna vez hizo clic en "pagar" después de recorrer los campos del formulario solo para recibir una pila de errores que el sitio dice que cometió? WooCommerce es tan culpable de hacer que los usuarios busquen problemas con su información de pago como cualquier otra plataforma.

Claro, proporcionan ese pequeño * rojo al lado de los campos obligatorios, pero si te pierdes uno, todo lo que obtendrás es un gran cuadro rojo en la parte superior de la página. Está solo para buscar el problema con la notificación proporcionada.

Hay mejores enfoques para este sistema, siendo mi favorito la validación de los campos a medida que los ingresa. No haga esperar al usuario, muéstrele de inmediato si el campo es correcto o no.

La segunda opción que me gusta es mostrar los errores de campo directamente en línea. Eso significa que cuando tenga un error, resalte el campo en rojo y explique cuál es el problema en la misma vista. Si desea implementar esto, Business Bloomer tiene un excelente tutorial sobre cómo agregar errores en línea con los campos de WooCommerce. Lo he usado en algunos sitios de clientes y estoy muy contento con los resultados.

No oculte su pago con notificaciones

Si bien es posible que pueda salirse con la suya con algunas tácticas de venta adicional en una experiencia de pago de escritorio, es demasiado fácil arruinar una experiencia de pago móvil. Los objetivos táctiles a menudo son demasiado pequeños y, a veces, incluso están fuera de la pantalla cuando se muestran ventanas emergentes en dispositivos móviles.

En lugar de ventanas emergentes u otro desorden visual, busque ofertas inteligentes para aumentar el valor total de su pedido. En lugar de pedirle a un usuario que agregue algo a su carrito antes de realizar una compra, Smart Offers les pregunta después de que hayan completado su acción de pago inicial.

Verifique la accesibilidad

Existe investigación sobre cómo los usuarios interactúan con sus teléfonos, pero todavía tengo que encontrar algo sobre cómo el género afecta la interacción telefónica. Esta es una brecha crítica en la investigación ya que las mujeres, en general, tienen manos más pequeñas que los hombres, lo que puede afectar la accesibilidad.

Dado que los programadores son mayoritariamente hombres, esto significa que las personas que construyen tiendas en línea no están probando la accesibilidad de sus interfaces para el 50% de la población.

Probar cómo las personas interactúan con su formulario de pago es crucial para garantizar que tenga conversiones sólidas. Pero no caiga en la trampa de probar solo con aquellos que sean convenientes. Asegúrese de esforzarse en realizar pruebas en un amplio espectro de tamaño de mano y tamaño de dispositivo.

Con un cliente, hubo rechazo a ajustar el proceso de pago para manos más pequeñas porque no tenían una base amplia de clientes mujeres que compraron en dispositivos móviles. Los convencí de hacer algunos pequeños ajustes para ayudar a que el proceso de pago fuera mejor para las manos más pequeñas y, en unas pocas semanas, vimos un aumento en las compras de clientes femeninos desde sus dispositivos móviles. No vimos clientes femeninos antes, porque el proceso de pago no se creó pensando en ellos.

Velocidad del sitio

Otra consideración que debe tener en cuenta para el pago móvil es comprender la velocidad del sitio en el contexto de dónde se encuentra su mercado objetivo. Mientras que los usuarios de las ciudades obtendrán velocidades 4G, los usuarios rurales solo tendrán conexiones 3G y planes de datos severamente limitados.

Incluso mirar los países a los que se dirige puede significar que debe pensar en diferentes cosas en términos de velocidad del sitio. En Canadá, tenemos velocidades decentes, pero planes de datos anémicos en comparación con muchos otros lugares del mundo.

Cuando esté desarrollando su experiencia de pago móvil, asegúrese de probarla en conexiones de Internet limitadas. Es bastante fácil en Firefox y Chrome.

Si está probando en Safari, tendrá que buscar una herramienta de terceros como Charles Proxy o instalar la herramienta Network Link Conditioner para xCode para simular conexiones más lentas. Incluso puede usar esta herramienta junto con su dispositivo de prueba iOS para acelerar la conexión en vivo mientras prueba su sitio en un dispositivo móvil adecuado en lugar de uno simulado en el navegador.

Asegúrese de probar su sitio contra las conexiones lentas que pueden tener sus usuarios, en lugar de verificar solo contra la conexión que tiene en el trabajo.

Marcas de confianza visibles

Una marca de confianza es una imagen de su proveedor de SSL o algún otro ícono que muestra que tiene un proveedor de pago seguro y confiable. A menudo, estos se relegan al final de un sitio para usuarios de escritorio, pero vale la pena volver a evaluar dónde los coloca para su diseño móvil.

Para un cliente con el que trabajé, experimentamos colocándolos justo en la parte superior de la caja. De esa manera, cuando el usuario llegaba a la caja en su teléfono, lo primero que veía eran las pequeñas marcas que decían que teníamos un sitio seguro sin malware. Este pequeño cambio produjo un aumento del 1% al 2% en las conversiones, lo que se suma a un montón de ganancias adicionales durante el año.

Solicitudes de llenado de contraseña

Una de las formas finales de ayudar a aumentar el número de usuarios que completan su proceso de pago móvil es asegurarse de que todos los campos de la cuenta de usuario funcionen con herramientas como 1Password, Dashlane y LastPass.

Las contraseñas son bastante molestas al sentarse frente a un teclado completo, pero empeoran aún más cuando aplica contraseñas seguras que requieren alternar entre los diferentes teclados.

Probar esto es bastante fácil; Obtenga una copia gratuita de todas las herramientas anteriores e ingrese su contraseña en ellas. Luego, intente pagar usándolos para completar las contraseñas o los campos de usuario que se encuentran en su formulario de pago. No olvide usar cada una de estas aplicaciones para crear una cuenta también al finalizar la compra.

Posiblemente, el peor error que puede cometer aquí es bloquear la capacidad de copiar y pegar contraseñas en los campos de su cuenta. Así es como funcionan las aplicaciones de contraseñas, y es muy probable que cualquier usuario que esté creando contraseñas seguras se vaya una vez que vea que no puede agregar su bonita contraseña aleatoria larga sin escribirla manualmente.

Desarrollar un buen proceso de pago es crucial para tener un sitio de comercio electrónico rentable. Con el aumento de las compras móviles, es aún más importante asegurarse de brindar una experiencia de primer nivel a los compradores móviles.

Al seguir los pasos aquí, puede asegurarse de brindar una excelente experiencia a sus usuarios móviles. Estarán contentos y convertirás más compras, lo que te hace feliz.

Cree una tienda WooCommerce de alto rendimiento

Cree una tienda que convierta el tráfico con las soluciones de alojamiento Managed WooCommerce de Nexcess. Vienen de serie con Jilt para ayudarlo a recuperar carritos abandonados, pruebas de rendimiento cuando las necesite, y la plataforma reduce las cargas de consultas en un 95 %, lo que lleva a una tienda más rápida.