blog webempresa

Como habilitar la opción de pago directo en WooCommerce

por | Dic 12, 2022 | Tutoriales sobre WooCommerce

Como habilitar la opción de pago directo en WooCommerce

Una de las nuevas realidades que estamos viviendo es la rapidez con lo que las personas o los usuarios desean realizar algunas cosas ya sea en su vida diaria o tal vez cuando realizan su compra en internet, esto se debe porque muchas personas no cuentan con mucho tiempo por lo que siempre están buscando alternativas que le faciliten su vida.

En nuestro caso si tenemos una tienda online tal vez queremos ofrecer la facilidad al usuario para poder llegar a mi tienda y comprar de forma rápida lo que ellos necesitan sobre el servidor o producto que les estoy ofreciendo.

Es por ello que en esta entrada veremos diferentes formas como podemos agilizar el proceso de compra a los usuarios habilitando la compra directa sin tener que ir un paso más allá de seleccionar el producto y realizar su pago.

 Si quieres conocer más sobre WooCommerce y todo lo que podemos hacer con el puedes seguir el Curso de WooCommerce básico y Curso de WooCommerce Intermedio gratuitos en weuniversity.

 ¿Por qué necesitamos habilitar la compra directa?

Como lo hemos mencionado actualmente muchos usuarios están siempre en búsqueda de demorar el menor tiempo posible realizando una compra o haciendo algo en especifico cuando se sientan en el ordenador, activar esta característica en nuestra tienda puede ayudar a tener un mayor aumento de conversión con usuarios que terminen de forma más rápida el proceso de compra de algún producto o servicio que estamos ofreciendo.

Habilitar esta opción puede ser una de las estrategias utilizadas en diferentes comercios de internet, ya que esto puede ayudarnos a impulsar a nuestros usuarios a finalizar al compra y nosotros tendremos una venta más efectiva.

 ¿Cómo es el proceso actual de compra en WooCommerce?

Algo que tenemos que tener en cuenta a la hora de crear una tienda online es cuales son los pasos que deben realizar mis usuarios para finalizar una compra, el flujo comun actual de woocommece seria:

  • El usuario añade un producto al carrito
  • Va al carrito para poder luego acceder al pago final
  • Debe rellenar los datos de facturación
  • Seleccionar el método de envío
  • Seleccionar el método de pago
  • Añadir sus datos de tarjeta para pagar
  • Finalizar la compra

Como puedes ver el usuario debe realizar una cantidad de pasos importantes para completar una compra sobre el producto que desea adquirir, cada uno de estos pasos dan la posibilidad que el usuario no finalice y termine por abandonar nuestro sitio web.

Esto podemos verlo reflejado en un estudio reciente realizado por Baymard Institute donde señalan que el 69.99% de los usuarios abandonan el carrito se compran sin finalizar el proceso, entre el estudio podemos ver que el 17% abandonan la compra por tener un proceso de pago muy largo y tedioso.

Estudio de carritos abandonados por Barmard Institute

Estudio de carritos abandonados por Barmard Institute

Esta es una de las razones por las cuales mejorar la experiencia del usuario y facilitar el proceso de compra en nuestro sitio web puede ayudar a tener un mayor rango de conversión con mpas usuarios que no abandonen nuestra tienda y finalicen su compra.

 ¿Cómo podemos habilitar la opción de compra directa en WooCommerce?

Una de las opciones que tenemos para habilitar esta opción y reducir un paso del proceso de compra para los usuarios en saltar el carrito de compra, añadiendo la funcionalidad que una vez el cliente añada un producto este se redirija a la página de finalizar pago.

Es muy importante saber cuando necesitamos activar esta opción y si nuestro sitio web lo requiere, tenemos que tener en cuenta que si uno de los objetivos que queremos es que el cliente añada más productos al carrito para comprar esta opción puede no funcionarnos de forma adecuada, por lo que antes de activarlo tenemos que evaluar cuáles es nuestro objetivo final de venta.

 Activando pago directo con plugin Direct Checkout for WooCommerce

Direct Checkout for WooCommerce

Este es tal vez uno de los plugins más usados actualmente para añadir esta característica en una tienda como WooCommerce, con este plugin desarrollado por QuadLayers podremos activar de forma sencilla la opción de simplificar el proceso de compra y reducir el abandono de los carritos.

Para configurarlo lo primero que tenemos que hacer es instalarlo en nuestro sitio web y activarlos.

Compra directa en WooCommerce Direct Checkout

Una vez activo solo tenemos que acceder a sus configuraciones en las opciones de WooCommerce → Direct Checkout

Ajustes Direct Checkout

En las opciones generales podemos seleccionar como simplificar el proceso de comprar Añadiendo la alerta de añadido al carrito y redireccionado las a la página de finalizar compra.

Configuración general direct checkout

Luego tendremos opciones adicionales en la pestaña archivo, productos y finalizar compra, dentro de cada uno de ellos podremos Reemplazar el texto de añadir al carrito y seleccionar a cuáles productos se aplica el cambio:

Configuración Archivo y productos Direct Checkout

También podremos simplificar los campos de pago dentro de las opciones de finalizar compras seleccionando los que no deseemos mostrar.

Configuración finalizar compra Direct Checkout

De esta forma tendremos un proceso compra más simplificado que cubra nuestras necesidades y la de nuestros clientes para ofrecer una mejor experiencia de compra y navegación.

finalizar compra direct checkout

 Activar compra directa con Direct checkout, Add to cart redirect, Quick purchase button, Buy now button, Quick View button for WooCommerce

Direct checkout, Add to cart redirect, Quick purchase button, Buy now button, Quick View button for WooCommerce

Este plugin al igual que Direct Checkout nos permite la opción de habilitar la compra rápida en nuestra tienda saltando la página de carrito de compra, para utilizarlos necesitamos instalarlos y activarlo en nuestro sitio web.

Direct checkout, Add to cart redirect, Quick purchase button, Buy now button, Quick View button for WooCommerce

Una vez lo activas el plugin te redirige de forma automática a sus opciones de configuración donde podremos desactivar la página de carrito de compra y activar la opción de single page checkout.

Configuraciones Pago rapido woocommerce

También podremos redireccionar el carrito de añadir productos directamente a la página de finalizar compra

redireccionar carrito woocommerce

Otra de las opciones destacables del plugin es la capacidad de cambiar el texto del botón añadir al carrito o activar un botón adicional de compra ahora dentro de nuestros productos solo tenemos que tener en cuenta que esta ultima opción solo está activa para la versión paga del plugin.

Configuraciones botones pago rapido woocommerce

El plugin también nos da la posibilidad de activar una vista rápida y configurar los ajustes de la página de pago, esta configuración no es compatible con las opciones de single page checkout por lo que si deseamos activarla es importante desactivar esto en las opciones básicas del plugin.

Configuraciones adicionales pago rapido woocommerce

Como podemos ver son muchas opciones las que nos ofrece este plugin, lo más importante es evaluar cuál de ella queremos activar en nuestro sitio web para simplificar el producto de compra a nuestros usuarios.

resultado compra rapida woocommerce

 Añadir compra rápida con Buy Now Button for WooCommerce

Buy Now Button for WooCommerce

Este plugin nos permite añadir un botón adicional al lado del botón de añadir al carrito donde el cliente puede seleccionar “Comprar ahora” de forma rápida, de esta forma podemos incrementar las ventas, ya que nos saltamos la opción del carrito y el cliente podrá comprar el producto de forma rápida si es lo que desea.

Para añadir esta opción lo primero es buscar el plugin dentro del repositorio de WordPress en instalarlo.

Instalar Buy Now Button for WooCommerce

Una vez activo el plugin se encarga de añadir de forma automática el botón de comprar ahora tanto en las opciones de la vista previa de la tienda así como la vista simple del producto.

No hace falta ninguna configuración adicional, si deseamos modificar el texto del botón podemos hacerlo a través de un código dentro de nuestro function.php del tema que utilicemos.

Puedes ver como realizar este tipo de cambios o como Traducir o reemplazar textos en WordPress a través de tu function.php en este artículo que tenemos disponible.

Puedes ver el proceso completo para modificar los textos del botón en la siguiente imagen:

Traducir botón compra ahora

 Activar compra rápida a través del archivo function.php de tu tema

Otra de las alternativas con las que contamos para activar este tipo de características y funcionalidades en nuestra tienda es hacerlo a través de un código el cual nos permita realizar una redirección a la página de finalizar compra sin tener que pasar por el carrito al añadir un producto.

Para activar esta opción podemos hacer uso de un snippet o pequeño fragmento de código que podemos añadir ya sea en nuestro archivo function.php (preferiblemente un tema hijo) o a través de un plugin como code snippets.

Los snippets o fragmentos de código son pequeñas líneas de código que nos permiten añadir funcionalidades adicionales o características especificas a nuestro sitio web utilizando los hooks disponible de WordPress.

 Puedes leer más sobre los fragmentos de código y como añadirlo en el articulo que tenemos disponible de qué son los snippet y como introducir nuevas funcionalidades en tu WordPress.

Para agregar esta funcionalidad sin tener que añadir un plugin adicional en nuestro sitio web podremos utilizar el siguiente código:


add_filter( 'woocommerce_add_to_cart_redirect', 'saltar_carrito_woocommerce' );
function saltar_carrito_woocommerce() {
  return wc_get_checkout_url();
}

Este condigo nos permitirá saltar el carrito de comprar y redirigir al usuario a la página de finalizar comprar donde podrá finalizar su pedido y realizar compra de forma rápida.

Saltar carrito woocommerce

Si además de esto queremos modificar el texto del botón podemos añadir también el siguiente código a través de otro fragmento de código en nuestro sitio web.


add_filter( 'woocommerce_product_single_add_to_cart_text', 'cambiar_texto_boton_woo' );
add_filter( 'woocommerce_product_add_to_cart_text', 'cambiar_texto_boton_woo' );
function cambiar_texto_boton_woo() {
  return __( 'Comprar ahora', 'woocommerce' );
}

El resultado podrán verlo en las opciones del botón para añadir al carrito

Cambiar texto añadir al carrito woocommerce

  Conoce más sobre tutoriales de WooCommerce en nuestros artículos disponibles en el siguiente enlace: WooCommerce

 Conclusiones:

Tener una tienda optimizada puedes traer diferentes beneficios para nuestras ventas y los usuarios, esto puede ayudar a mejorar nuestra tasa de conversión y lograr obtener un gran volumen de ventas o por lo menos disminuir la posibilidad que un cliente abandone el carrito y no finalice una compra.

Es importante tener en cuenta que actualmente ofrecer una experiencia de navegación intuitiva y que permita al usuario realizar una acción de forma rápida puede traernos resultados que pensamos imposibles de obtener.

También es recomendable analizar cuál es el proceso que mejor funciona para tu sitio web, todo dependerá en gran medida de tu proyecto y el tipo de servicio o productos que desees vender, no será lo mismo vender un servicio o un producto en especifico, ya que en uno estaremos buscando un mayor número de inscritos rápidamente y en el otro nuestro objetivo puede ser vender la mayor cantidad de productos relacionados entre sí.

También te puede interesar:

¿Te ha resultado útil este artículo?

Promo hosting noviembre