+34 625131560
hola@ideatuwebonline.com

CARRITO INCLUIDO EN FINALIZAR COMPRA

A veces el proceso de compra de productos de nuestra página puede ser algo largo y tedioso para los clientes ocasionando que perdamos alguna venta en el camino. Por eso, os traigo un truco fácil para solucionar esto. A continuación, os diré los pasos a seguir para incluir nuestro “carrito” directamente en la página de “Finalizar Compra” para ahorrar clics a nuestros clientes.

1. Fragmento de código.

Antes de nada, vamos a instalar algún plugin (yo utilizo Code Snippets) que nos de la opción de incorporar fragmentos de código sin tener que modificar el código fuente de la web. Si utilizas Code Snippets tendrás que añadir un nuevo fragmento de código, pondrás un título para saber reconocer su función y pegarás el código que te voy a proporcionar más abajo, tal y como aparece en la imagen. Cuando esté hecho, guarda los cambios y activa el código.

/* Pone shortcode del carrito en Finalizar compra *
add_action( ‘woocommerce_before_checkout_form’, ‘cart_and_checkout_page’, 5 );
function cart_and_checkout_page() {
if ( is_wc_endpoint_url( ‘order-received’ ) ) return;
echo do_shortcode(‘[woocommerce_cart]’);
}

2. PÁGINA FINALIZAR COMPRA

Para poder recoger todo en un sólo paso, nos falta crear nuestra página final donde se englobe el “Carrito”, formulario de pago y métedo de pago. Crea una página nueva y llámala como quieras, a mí me gusta “Resumen de venta”.

3. PÁGINA RESUMEN DE VENTA

El siguiente paso será irnos a los ajustes de Woocommerce, a la pestaña “Avanzado” y  atribuimos la definición de “Página de pago” a nuestra página creada antes. Nuestra página predeterminada de “Finalizar compra” pasará a ser la “Página de carrito” como se ve en la imagen.

4. INCLUIR CARRITO EN FINALIZAR COMPRA

El último paso será editar la página de “Finalizar compra” añadiendo el shortcode [woocommerce_checkout] en el editor normal de WordPress o el que más te guste (yo uso Elementor). Y siguiendo estos sencillos pasos tendremos nuestro carrito incluido en la página de pago.

5. COMPARTE

Si este truco te ha resultado útil, puedes compartirlo con el resto en tus redes sociales.

Gracias.

También puedes seguirme en:

Copyright © 2021 Idea tu web | Creada por Naïs Saucedo de Idea tu Web