Implementa Pagos en Varios Pasos (Multi Step Checkout) en Woocommerce

Compartir en:

Regresar a: Todas las Entradas

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.

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Descarga TODO

Desbloquea los Botones de Descarga directa de todas las herramientas de la web, con una de nuestras membresías:

Productos Recomendados

YITH Multi-step Checkout Premium

Descargar*

* Los botones de descarga s��lo se activan con una membres��a activa

WooCommerce MultiStep Checkout Wizard

Descargar*

* Los botones de descarga s��lo se activan con una membres��a activa

Membresías

Obtén Acceso Ilimitado a todos los enlaces de descarga directa uniéndote al:


CLUB GUAU

Síguenos!

Sigue la FanPage Oficial de Guaupress:


Ver Blog

Mira todas las entradas que tenemos, desde la página de Blog


Más Entradas del Blog

sp5der 555 Hoodies Your Secret Style Weapon

Spider 555 hoodies are quickly becoming the secret style weapon for fashion-forward individuals. The unique, eye-catching designs and bold colors make Spider 555 hoodies stand out from other clothing options. Whether you’re looking for an everyday lightweight pullover...

The fresh Casinos on the internet

ArticlesEstablish Your Local casino MembershipPa On-line casino BonusesCan i Get A welcome Incentive To possess Play on My personal Android os? Cellular casinos will likely be reached by beginning the newest gambling establishment on the mobile device. While some...

Beste Online Kasino Qua Handyrechnung Bezahlen

ContentCasino Zahlungsmethoden Für jedes Natel EinzahlungenWirklich so Darf Man In Einem Angeschlossen Spielbank Unter einsatz von Mobilfunktelefon BezahlenGibt Es Diese Zahlung Qua Telefonrechnung In Alpenrepublik Ferner Das Confoederatio helvetica?Ended up being Ist...

Totally free No-deposit Local casino Bonus Rules

PostsTournaments, Bonuses, and CampaignsTotally free Game You to definitely Shell out Champions As opposed to In initial depositTotally free Mobile Harbors Online When your account is made and affirmed, the minute shell out casino land of heroes casino no deposit...

Us Invited No-deposit Casino Bonuses To possess Get 2024

ContentDifferent kinds of No-deposit ExtraAre Fee Procedures Entitled to No deposit Incentives?Better Casino Coupon codes To possess GamesNo-deposit Gambling establishment Added bonus 2024 As the a note, playthrough requirements have to be met inside the allotted...

Как получить выигрыш в онлайн-казино, Pokerdom официальный сайт автоматы для онлайн-видеопокера, реальные деньги

СтатьиБонусные раундыМножителиRTPРассыпание дизайновДжекпоты Онлайн-слоты в казино с реальным доходом могут представлять собой электронно-цифровую разновидность старомодных игровых автоматов. Они используются для ряда других запросов о возможностях, например,...

Лучший способ Игорное игровые автоматы играть бесплатно пробки заведение Игровые автоматы Рутина

СтатьиСлоты станут новейшим видом игры в онлайн-казино.Они автоматические с ГСЧ.Они доступны с сотовыми телефонами.Что они выплачивают более высокие джекпоты всю ночь Игровые автоматы интернет-казино в последнее время существенно подешевели, и это всегда сказывается....