Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on email
Share on print
Redirigir al Checkout de Woocommerce

Redirigir al checkout de Woocommerce.

Redirigir al checkout de Woocommerce lo he necesitado hacer cuando los clientes no requieren como tal un comercio electrónico para venta de productos, solo requieren tener una pasarela de pagos para darle una opción a sus clientes de realizar pagos Online y es ahí cuando debemos redirigir al checkout de Woocommerce al usuario.

A raíz de esto he tenido que idear la manera de que algunas funcionalidades cambien la forma de funcionar de Woocommerce y hacer algo más sencillo pero que parezca natural para la experiencia de los visitantes.

Por eso he querido traer a este artículo, algunas de las Funciones PHP y Estilos CSS que he utilizado para Woocommerce.

Este código se debe agregar al archivo funtions.php

Este código se debe agregar al archivo funtions.php de nuestro tema, preferiblemente debemos utilizar la versión Child para evitar que la actualización del tema principal borre estas funciones.

Redirigir al Checkout de Woocommerce.

La siguiente función nos permite redirigir al Checkout de Woocommerce, luego de agregar un producto al carro de compras.

/*Redireciona al Ckeckout*/function cod_redirect_checkout_add_cart( $url ) {
   $url = wc_get_page_permalink( 'checkout' ); 
   return $url;
}
add_filter( 'woocommerce_add_to_cart_redirect', 'cod_redirect_checkout_add_cart' );

Borrar los productos del carro de compras.

La sigiente función borra los productos del carro de compras, antes de agregar un nuevo producto, de esta manera siempre voy a tener un producto en el carro de compras.

/*Limpiar el carrito de compras para que este producto solo esté una vez para el pago*/add_action( 'woocommerce_add_cart_item_data', 'woocommerce_clear_cart_url' );
function woocommerce_clear_cart_url() {
    global $woocommerce;
    $woocommerce->cart->empty_cart();
}

Después de realizar las acciones anteriores de limpiar el carro de compras, redirigirnos al ckackout, debemos ocultar el mensaje que nos da la opción de volver al carro de compras como lo muestra la siguiente imagen, y esto lo haremos con CSS.

redirigir al Checkout de Woocommerce
Checkout con el mensaje de ir al carrito de compras, el cual se ocultará con CSS.
.woocommerce-checkout .woocommerce .woocommerce-message {
    display:none !important;
}

En la siguiente imagen podrás ver cómo el mensaje ha desaparecido para evitar distracciones al usuario durante el pago.

Mensaje Cart2
Checkout sin el mensaje de ir al carrito de compras, el cual se ocultó con CSS.

Hay varias maneras de agregar el CSS, en mi caso lo realizo en la personalización del tema, en la parte donde se agregan los CSS globales al sitio.

Agregar Estilo

Otras URL que se pueden utilizar para Woocommerce.

Adicional a las funciones PHP también podemos requerir agregar un producto al carrito de comprar desde un botón personalizado, esta URL puede contener la cantidad de productos que se deben agregar.

Esto lo utilizamos cuando el cliente tiene productos que no requieren una visualización de un e-commerce convencional y es muy fácil de utilizar con Elementor.

Agregar un producto al carrito de compras mediante URL.

https://yourdomain.com/?add-to-cart=25

Agregar un producto al carrito de compras mediante URL con una cantidad específica.

https://yourdomain.com/?add-to-cart=25&quantity=3

Agregar un producto al carrito de compras mediante URL y redireccionar al carrito de compras.

https://yourdomain.com/cart/?add-to-cart=25

Agregar un producto simple al carrito de compras y redirigir al checkout de Woocommerce.

https://yourdomain.com/checkout/?add-to-cart=25

Recurede cambiar yourdomain.com por el dominio del sitio que está desarrollando.

Para ver más URL puede ingresar al siguiente enlace. businessbloomer.com

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

Posts Relacionados

Productos Virtuales con Woocommerce

Productos Virtuales Woocommerce.

Links de Interés Personalizar Checkout de Woocommerce Para Productos Virtuales Plugin Campos Checkout Redirigir al