Mejoras proceso de compra de Woocommerce

Home » Blog » Mejoras proceso de compra de Woocommerce
Cuando tenemos preparada nuestra tienda online con su escaparate (home), categorías, productos, formas de envió, formas de pago, etc. Y conseguimos tener visitas que navegan por nuestra tienda  online revisando los productos, y añadiéndolos al carrito, tenemos que hacer que el proceso de compra sea lo más sencillo e intuitivo posible, por eso vamos a ver algunos puntos que pueden ayudarnos a mejorarlo.

Añadir condiciones de compra

El primer punto que debemos de contemplar es que es obligatorio a que los clientes estén informados sobre sus derechos sobre la compra, durante cuánto tiempo pueden devolver un producto, garantías, etc.
En Woocommerce es muy sencillo crear una página de condiciones, simplemente necesitamos crear una página y luego desde Woocommerce -> Ajustes -> Finalizar compra -> Páginas de finalizar compra -> Términos y condiciones establecemos la nueva página. Ahora justo antes del pago los usuarios podrán consultar esta página. Además desde la versión Woocommerce 3.1  el texto se abre dentro de la propia página de compra haciéndolo mucho más usable.

Suscribirse a la newsletter

Otra buena idea es conseguir suscriptores a nuestra newsletter ya que es una de las estrategias de marketing que mejores resultados da, porque es una puerta de entrada al salón de casa de nuestros clientes, ellos dan su aprobación (por tanto están interesados) y debemos aprovecharlo, haciéndoles llegar (intentando no pasarnos) ofertas, promociones, productos nuevos, etc.

Existen herramientas como mailchimp que mediante una cuenta gratuita podemos usarlo hasta x mails al mes. Al crear una campaña de email marketing desde mailchimp nos proporcionaran un código que podemos insertar en un Widget del footer por ejemplo, o en un sidebar.

Quitar o añadir campos

En ocasiones es necesario añadir campos  extra o quitarlos de la página de login de los usuarios o envió, por ejemplo podemos querer añadir la fecha de nacimiento del usuario para enviarle felicitaciones.

Como casi todo con WordPress podemos usar los Hooks como por ejemplo en este ejemplo:

add_action( 'woocommerce_after_order_notes', 'anadir_nuevo_campo' );
function anadir_nuevo_campo( $checkout ) {
echo '<div id="mi_nuevo_bloque_campo"><h2>' . __('Nuevo bloque para Campo') . '</h2>';
woocommerce_form_field( 'nuevo_campo', array(
'type' => 'text',
'class' => array('nuevo_campo-class form-row-wide'),
'label' => __('Nombre Nuevo Campo'),
'placeholder' => __('Introduce nuevo campo...'),
), $checkout->get_value( 'nuevo_campo_name' ));
echo '</div>';
}

En este ejemplo añadimos un bloque nuevo en el que introducimos un Nuevo Campo.

Otra forma es usar el plugin de pago: https://woo.com/document/checkout-field-editor/.

Productos relacionados en el carrito

Los productos relacionados del carrito son aquellos que se muestran en la propia página del carrito relacionados con los que están en el mismo, la idea es que se pueda engordar el carrito de la compra con productos que el cliente igual necesita como por ejemplo, imagina que el usuario tiene un juguete que necesita pilas, podemos mostrarle las pilas incitándole a añadir esas pilas al carrito sin salir de la esa página.
Para hacer la relación de que producto mostrar tenemos que ir a un producto -> productos vinculados.  Y en ventas cruzadas añadimos los productos que deben visualizarse en el carrito cuando el producto que estamos editando se encuentre añadido en el mismo.
Para hacer cambios de diseño podemos usar el Hook:
add_action('woocommerce_before_shop_loop_item_title','editar_productos_vinculados');

Botón de vaciar carrito

Otra funcionalidad que hace que el carrito sea más usable es dar la posibilidad de vaciarlo con un clic. En la versión por defecto de Woocommerce no es posible con lo que recomendamos el uso del plugin: https://wordpress.org/plugins/woo-add-empty-cart/.
Este plugin debemos configurarlo desde Woocommerce -> ajustes -> general. Tendremos 2 nuevos check que se usarán para añadir 1 botón encima del carrito y otro debajo… y aunque por defecto están clicados es necesario guardar para que funcione el plugin.

Informar cuanto falta para envío gratuito

Otra buena idea es informar al cliente cuanto le queda para que su envió sea gratuito, para ello usa el plugin: https://woo.com/es-es/products/cart-notices/. Este plugin sirve para hacer visible diferentes alertas como el indicado pero también es posible informar de cuánto tiempo queda para que finalice una oferta de un producto añadido al carrito, etc.

Ocultar cupones

Imagina que un cliente está en el proceso de compra y ve el cuadro de cupones… y recuerda que en algún momento tubo uno, sale en su búsqueda pero no lo encuentra, y deja la compra para ver si lo encuentra, para evitar esta situación puede ser interesante usar los códigos en otra zona de la tienda.

Vender 1 único producto

Si tenemos un único producto que se vende por unidades, debemos configurar nuestra tienda para que nada más añadir un producto nos redirija al carrito, desde Woocommerce -> Ajustes -> productos -> Mostrar, checkeamos la casilla: Redirigir a la página del carrito tras añadir productos con éxito.
Con este cambio al añadir un producto nos llevará al carrito, pero podemos añadir más unidades o regresar a la tienda y añadir nuevos productos, así que debemos ir un paso más allá, y hacer que al añadir el producto nos redirija a la página de pago y para ello cambiaremos el comportamiento de un HOOK.
function redirigimos_al_pago( $url ) { 
$url = WC()->cart->get_checkout_url(); 
return $url;
}
add_filter( 'woocommerce_add_to_cart_redirect', 'redirigimos_al_pago' );

Ahora cada vez que añadamos un producto nos mandará al pago del mismo, solo quedaría quitar del diseño el acceso al carrito.

Y poner país por defecto

Por último, es bastante frecuente que una tienda online tenga el 90% de sus clientes en un país concreto, así que podemos cargar ese país por defecto:

function woocommerce_default_pais(){
return 'ES';
}
add_filter( 'default_checkout_country', 'woocommerce_default_pais' );

Esto se puede hacer desde Woocommerce -> ajustes -> general, pero con este código haríamos que prevalezca respecto a esa configuración.

Otra cosa es que queramos que solo se visualicen los países a los que enviamos, para ello debemos ir a : Woocommerce -> Ajustes -> General. Y seleccionar para Ubicación(es) de envío => Enviar a países específicos y seleccionar esos países.

Foto de Iñigo Mezo Alvarez

IÑIGO MEZO ALVAREZ (IMAcreste)


Comentarios

2 respuestas a «Mejoras proceso de compra de Woocommerce»

  1. ¡Hola! Quiero añadir una funcionalidad particular bastante especial a mi proceso de compra y no encuentro ningún código ni plugin que me permita hacerlo. Espero que puedas ayudarme.

    Necesito que en el carrito de compra sólo se pueda tener un único producto (vendo productos virtuales y sólo quiero permitir la descarga de un producto por compra) y necesito que cuando el usuario abandone cualquier paso del proceso de compra (ya sea el carrito o el check-out de finalizar compra) el carrito se vacíe (de forma que si entra en la tienda y añade un producto diferente sólo aparezca ese producto nuevo en el carrito).

    ¡Muchas gracias!

    1. imacreste

      Hola Guillermo.

      La funcionalidad que comentas es tan poco habitual que dudo que encuentres algún plugin.

      Yo en tu caso tocaría el woocommerce, añadiendolo en mi theme.

      En realidad creo que con que limpies el carrito antes de añadir un nuevo producto ya te serviría, no?

      Saludos

Deja una respuesta

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

Las reseñas son opiniones que las personas dejan en la página local de Google. Si son positivas, estas reseñas ayudarán a mejorar la confianza y credibilidad de una marca.

Participa en nuestro sorteo enviando un email con tu nombre y el asunto «Sorteo AUDITORÍA SEO». Se realizara un sorteo cada mes.

Evaluación EXCELENTE
A base de 7 reseñas
Contactamos con Iñigo para el diseño web de nuestra tienda online y estamos encantados. Su asesoramiento, seguimiento y trato han sido excepcionales. Un verdadero crack. Recomendado al 100%. No dudes en ponerte en contacto con el.
erlantz rique
erlantz rique
19/02/2024
Un acierto quien elija a Iñigo. Autentico profesional, se preocupó en todo momento que entendiera el funcionamiento de la web. Me explicó todo las veces necesarias hasta entenderlo. Se preocupó y acertó en que la web tuviera lo que le pedí y lo hizo con creces. Muy contento con el servicio prestado. Una vez realizado el trabajo, cualquier duda que tengo me sigue ayudando. Lo recomiendo sin temor a equivocarme.
Jose Marlasca
Jose Marlasca
06/02/2024
Dió en la clave y nos dió los instrumentos que necesitábamos en esos momentos, y sobre todo entendió a la perfección lo que buscábamos. Lo mejor de web que hemos tenido en 24 años. Eskerrik asko Mezo!!
Troka Abentura
Troka Abentura
07/01/2024
Compromiso, implicación e innovación en los proyectos. Atento a las necesidades e incansable en la búsqueda de soluciones. Muy buena opción.
Jabier Fuertes Udaondo
Jabier Fuertes Udaondo
07/01/2024
Si buscas a alguien que además de hacer un diseño web moderno, responsivo y adaptado a tu sector, te explique por qué plantea el diseño web de esa manera y que te explique y ayude en posicionar tu web lo mejor posible en base a los objetivos fijados, ese es Iñigo Mezo y os lo recomiendo al 100%
Asier Hermoso
Asier Hermoso
03/01/2024
Genial trabajar con él! Además de ser muy buen profesional, experto y responsable, a destacar tanto su implicación en cada proyecto, así como su trato siempre cercano y su paciencia infinita ;) Un crack!!
itxaso zubia
itxaso zubia
15/12/2023
El plugin gratuito para integrar productos de Prestashop en Wordpress muy sencillo de utilizar y muy bien documentado, os felicito.
Fernando Cózar
Fernando Cózar
02/11/2023