Un Guau para todos!

Es un gusto poder volverles a traer otro artículo sobre plugins con nuevas y fascinantes funciones para WordPress y Woocommerce.

En ésta oportunidad aprenderemos a instalar muy facilmente un sistema de Checkout en varios pasos. Parecido a como manejan algunas plantillas de CMS es bueno saber…

One Step Checkout vs MultiStep Checkout

Es éste un tema muy controversial. Hay quienes dicen que es mejor para las conversiones un Checkout de un sólo paso (Como el que viene por defecto en Woocommerce), mientras que otros se van por el otro bando que es mejor el Multistep.

Entre los argumentos de los que defienden éste último se encuntran:

Que es preferible NO llenar al cliente con mucha información por página porque puede llegar a aturdirse. Sino, sobretodo en secciones tan críticas como el de pagos, mostrarle la información y requerimientos lo más simple posible.

Entonces, consideran que lo más conveniente es segmentar los pasos de checkout para hacer cada uno de ellos más simples para el cliente.

Además, debido a que muchas plataformas grandes utilizan éste mecanismo, no corremos el riesgo de que sea algo desconocido para el cliente.

¿Qué creemos nosotros en Guaupress?

Bueno, por un lado no hemos encontrado estudios lo suficientemente rigurosos para asegurar como vencedor absoluto a uno u otro tipo de Checkout en lo que respecta a si mejora o no las conversiones. Pero al margen de eso algo es seguro. Un Checkout de varios pasos si presenta una ventaja con respecto al de un solo paso en términos de experiencia de usuario.

Debemos recordar de que, decidamos utilizar uno u otro, debemos estar atentos a los errores en el Checkout que terminan impactando negativamente en las conversiones, tales como:

• Un pésimo diseño
• Falta o nula usabilidad
• Recargos “sorpresa” en el proceso de compra
• Errores en las pasarelas de pago
• Tiempos de carga excesivos
• etc…

Checkout de Varios Pasos con el Plugin YITH Multi-step Checkout Premium

Éste plugin nos permitirá habilitar un Checkout de varios pasos de una forma muy sencilla, además de poder personalizarlo a nuestro gusto desde los muy intuitvos menús de configuración de la marca Yith.

Teniendo también una parte visual muy agradable y estética. 

Descarga el Plugin para que lo pruebes tú mismo

Puedes descargar éste plugin premium desde la barra lateral de éste artículo (Si lo lees desde escritorio) o en la parte inferior de mismo (Si nos lees desde móviles), también puedes buscar ésta herramienta directamente en la barra de búsqueda de nuestro menú principal.

Recuerda que los botones de descarga se desbloquean cuando eres miembro del Club Guau. Únete a ésta comunidad para tener acceso a cientos de plugins y temas premium y sacar el máximo provecho a nuestros tutoriales.

Listo con tan sólo instalar el plugin

A decir verdad, bastará con solo instalar y activar el plugin YITH Multi-step Checkout Premium para ya contar con un Checkout Multistep con todas las configuraciones por defecto, pero ya funcional.

Aún así, es muy probable que quieras personalizar ciertas cosas. Vamos a hacer un respaso rápido a la configuración para adaptar nuestro checkout de varios pasos a lo que necesites. Como verás  continuación, al igual que la mayoría de plugins de la marca Yith, todo resulta muy intuitivo y fácil de manejar.

Configurando el Plugin Yith Woocommerce Multi Step Checkout

Para irnos la ventana de la opciones del plugin, nos vamos a dirijir a la pestaña Yith. Y en la Subpestaña Multi-Steo Checkout, le hacemos click.

Una vez dentro, vamos a visualizar tres pestañas principales:

Opciones de Pasos, Opciones de Botones y Opciones de Páginas. Vamos a darle un vistazo rápido a cada una.

Opciones de Pasos

Lo que primero que podremos configurar es el diseño de los Títulos de los pasos. Nos presentan varias plantillas que visualmente se ven estupendas. 

Además podemos elegir si deseamos que se muestre de manera vertical u horizontal. 

Más abajo tenemos más opciones relacionadas a los estilos, como los colores de los títulos, de los separadores de pasos,etc. Además de decidir si deseamos que se muestre el número del paso en el título de éste.

En la parte Inferior vamos a poder personalizar cada uno de los pasos. Como ven, éstos son los cinco pasos por defecto con los que empezaría a contar nuestro Checkout con éste plugin:

• Iniciar Sesión
• Facturación
• Envío
• Información del pedido
• Pago

Vamos a dar un vistazo a la apariencia de cada paso.

Paso 1 Iniciar Sesión

Éste paso es opcional, podemos activarlo en la sección de «Permitir al cliente iniciar sesión». También, de su respectiva área en la parte de personalización de pasos, podemos configurar el mensaje que se mostrará. 

Paso Paso 2 Facturación

Aquí el cliente deja sus datos para proceder con la compra. Más adelante veremos un poco de su configuración.

Paso 3 Envío

En éste paso nos aparecen los datos del envío. En el caso de mi tienda, está configurada para que se utilicen los datos de facturación como datos de envío, así que lo único que me aparece aquí es la Información Adicional.

Como casi no hay mucho contenido en el paso envios (en el caso de mi tienda). Voy a hacer que el paso de facturación se fusione con la envios. Haciendo click en la opción «Unir facturación y Envío en un solo paso». Desde la configuración del paso Facturación.

Podemos ver además, algunas configuraciones que están disponibles para todos los pasos. Como por ejemplo, poder editar el texto del título del paso. Así como opciones para cambiar el ícono del mismo. Lo cual nos da mucha libertad de personalización.

Paso 4 Información de Pedido

Aquí es dónde se nos muestra un resumen del pedido, así como la sección desde dónde los clientes pueden ingresar algún código de cupón. En la imagen de abajo dice como «paso 3» porque he desactivado el paso 1 de «Iniciar Sesión», que como recordemos era opcional.

Paso 5 Pago

La parte Final a dónde lleva todo. La clásica sección de las pasarelas de pago. Si hastaa hora piensas que hay demasiados pasos, tienes la opción de también fusionar éste paso con el anterior. Selecccionando tal opción desde la configuración del paso.

Opciones de Botones

Ésta pestaña se encarga de todo lo relacionados  alos botones. Tanto los de Anterior/Siguiente que aparecen en cada paso para navegar entre ellos, como otro que veremos más abajo.

Los botones anteriormente mencionados se visualizarán de la siguiente manera:

Botón Volver al Carrito

Opcionalmente podemos activar un Botón adicional para dar a los clientes la posibilidad de regresar al carrito de compras.

Opciones de Páginas

En ésta sección podemos ver algunas configuraciones generales de página. En las capturas de pantalla que hemos visto a lo largo del tutorial, se podía ver que el contenido de los pasos no ocupaban todo el ancho de la pantalla. Esto era así porque anteriormente ya había configurado ésta opción.

Cuando instalamos el plugin, por defecto nos paracerá la opción de «»Ancho del contenedor de Proceso de Pago», en el valor de 100. (Es decir, el 100% del ancho). Como puede observarse en la imagen de abajo.

Debido a que todo el contenido es habitualmente angosto. Al estar configurado así, da una apariencia de estar estirado.

Para solucionarlo, simplemenete bajamos el valor del ancho. Yo he estado utilizando un valor de 50. Ustedes utilicen el valor que más les resulte cómodo.

Y así de fácil tenemos un diseño de pago fresco, que nos evita mostrar demasiada información por página que pueda confundir al cliente. 

Guaumigos, espero que les haya gustado ésta review. Diganme en los comentarios que prefieren utilizar en sus ecommerce Checkouts de un sólo paso o de varios pasos. 

No olviden suscribirse a nuestro Boletín para recibir gratis en tu bandeja de entrada nuestros nuevos artículos.

Así como darle una ojeada al Club Guau para descargar éste y otros cientos de plugins premium con muchas funciones interesntes para tu tienda Online.