Esta es su guía final, completa con códigos cortos, fragmentos y soluciones. omita completamente la página del carrito y tenga la mesa del carrito y el formulario de pago en la misma página (pago).
Pero primero … ¿por qué quieres hacer esto? Bueno, si vende productos de boletos altos (es decir, en promedio, no vende más de un producto por pedido), si desea ahorrar un paso adicional (dos pasos se convierten mejor que tres: «Agregar al carrito»> «Página de carrito» > «Página de pago», y esta no es ciencia de cohetes), si su flujo de trabajo personalizado y los objetivos de comercio electrónico requieren que administre el carrito y la compra por completo, bueno, este tutorial es para usted.
Hay una combinación de códigos cortos, configuraciones y fragmentos PHP que puede usar para hacer que este funcione fuera de la caja. Y créeme, esto es más fácil de lo que piensas.
Mientras que muchos desarrolladores deciden convertir el proceso de pago en un «Pago de múltiples pasos«(Ehm, no estoy seguro de por qué, cuantos más pasos sea más probable que tenga un abandono del carrito), aquí veremos exactamente lo contrario.
Entonces, ¿cómo lo hacen?
Aquí está el completo, fácil, Guía paso a paso para colocar el carrito y el pago en la misma página. Pruébalo, haz algo Prueba y seguimiento de WooCommercey ver si se convierte mejor 🙂
Paso 1: Agregue la página de Cartcode @ Checkout
Primero, debe agregar el corto código «WooCommerce_Cart» a la página de pago. De esta manera le estamos diciendo a WooCommerce que queremos tener el mesa del carrito en la parte superior y el formulario de pago debajo de él.
En la primera versión de este tutorial sugerí agregar el [woocommerce_cart] Código corta arriba del código corto «wooCommerce_checkout» en la página de pago. Lamentablemente, esto crea un error en el «Página de gracias«Una vez que se realiza un pedido. De hecho, se muestra un mensaje de «carrito vacío». Entonces necesitamos encontrar una manera de cargar el [woocommerce_cart] Correcto en la página de pago pero no en la página de agradecimiento. Aquí está la solución, y sí, es un fragmento PHP ordenado.
Php Snippet: Tabla de carrito de visualización de arriba formulario de pago @ WooCommerce Página de pago
/** * @snippet Show Cart @ WooCommerce Checkout * @how-to businessbloomer.com/woocommerce-customization * @author Rodolfo Melogli, Business Bloomer * @compatible WooCommerce 8 * @community https://businessbloomer.com/club/ */ add_action( 'woocommerce_before_checkout_form', 'bbloomer_cart_on_checkout_page', 11 ); function bbloomer_cart_on_checkout_page() { echo do_shortcode( '[woocommerce_cart]' ); }
Con este pequeño cambio, su nueva página de pago se verá en la siguiente captura de pantalla. Tenga en cuenta que si está familiarizado con el diseño de la página del carrito, es posible que recuerde la sección «Carts colaterales» (es decir, «Totales de carro«, Donde se muestran subtotales, envíos y totales) … bueno, esto está oculto automáticamente solo porque está utilizando los dos códigos cortos en la misma página. ¿No es maravilloso?
Paso 2: Página de carrito Unset @ Configuración de WooCommerce
Probablemente, el cambio de código corto solo es suficiente para obtener lo que necesita (carrito y pago en la misma página). Sin embargo, se necesitan un par de ajustes en caso de que realmente quiera hacerlo bien.
De hecho, si el pago se vacía (quiero decir, el carrito se vacía en la página de pago), WooCommerce redirigirá a los usuarios a la página del carrito y mostrará la mensaje de carrito vacío («Regreso a la tienda») y el «pago no está disponible mientras su carrito está vacío». mensaje también.
Ahora, nuestro objetivo es deshacerse completamente de la página del carrito para que los usuarios nunca lo vean.
Por esta razón necesitas desastar la página del carrito (En WooCommerce> Configuración> Avanzado): simplemente haga clic en la pequeña «X» y «Guardar cambios». Aquí está la captura de pantalla actualizada desde WooCommerce 3.7:
Paso 3: Eliminar la página del carrito en páginas de WordPress
No hay necesidad de una captura de pantalla aquí.
Ahora que la página del carrito ya no es útil, es hora de Eliméelo de sus páginas de WordPress. Las redirecciones ya están en su lugar y la mesa de su carrito ya está en la página de pago, por lo que no hay necesidad de preocuparse.
¡Continúe y pon la página del carrito en la basura y elimínela de forma permanente!
Paso 4 (bonificación): redirige el carrito para pagar si no está vacío, o en otro lugar si está vacío
Si el carrito está lleno de artículos, desea que la gente vaya a la página de pago. La primera parte del fragmento a continuación te ayuda con eso.
Luego hay una pequeña solución En caso de que no desee redirigir un carrito vacío+pago a la página de inicio Cuando el carrito está vacío, que es el comportamiento predeterminado.
Por ejemplo, es posible que desee redirigir carros vacíos a la página de la tienda, para que los clientes puedan comenzar a comprar nuevamente.
Esto también cambia el comportamiento de los botones «Ver carrito» si tiene alguno dentro de su tema de WordPress.
Php Snippet: redirige el carrito vacío a la página de la tienda de WooCommerce
/** * @snippet Redirect Empty Cart To Either Checkout or Shop * @how-to businessbloomer.com/woocommerce-customization * @author Rodolfo Melogli, Business Bloomer * @compatible WooCommerce 8 * @community https://businessbloomer.com/club/ */ add_filter( 'woocommerce_get_cart_url', 'bbloomer_redirect_empty_cart_checkout_to_shop' ); function bbloomer_redirect_empty_cart_checkout_to_shop() { return ( isset( WC()->cart ) && ! WC()->cart->is_empty() ) ? wc_get_checkout_url() : wc_get_page_permalink( 'shop' ); }
