Cómo omitir la página del carrito de WooCommerce y redirigir a la página de pago

Cuando ayudamos a los dueños de pequeñas empresas a mejorar sus tiendas en línea, una de las solicitudes más comunes es optimizar el proceso de pago. Después de todo, cada paso adicional entre "Agregar al carrito" y "Realizar pedido" puede generar carritos abandonados y ventas perdidas.

Descubrimos que omitir la página del carrito de WooCommerce y redirigir a los clientes directamente al pago es una de las formas más fáciles de aumentar las ventas. De hecho, mejorar el proceso de pago en tu tienda en línea puede aumentar la tasa de conversión hasta en un 35%.

Es por eso que hemos reunido esta guía sencilla para mostrarte exactamente cómo omitir la página del carrito en WooCommerce. También compartiremos nuestros consejos sobre cómo hacerlo sin molestar a tus clientes.

Omitir la página del carrito de WooCommerce: ¿Es adecuado para tu tienda? 🛒

Omitir la página del carrito en WooCommerce funciona muy bien si vendes un solo artículo. En este escenario, enviar a los clientes directamente a la página de pago puede aumentar las ventas.

Además, si tomas citas o vendes servicios, ir directamente a la página de pago de WooCommerce facilita las cosas a tus clientes.

Ahora, si tu tienda en línea vende muchos artículos diferentes, y las personas a menudo usan la funcionalidad de su carrito para comprar varias cosas a la vez, entonces es posible que desees conservar tus páginas de carrito y pago.

En este caso, podrías intentar ofrecer un pago de WooCommerce con un clic en su lugar. Esto le da a la gente dos opciones: agregar el artículo a su carrito o ir directamente al pago.

Aquí tienes otra buena opción: podrías agregar un carrito secundario de WooCommerce que se desliza desde el costado de la página. De esta manera, los clientes pueden ver lo que hay en su carrito sin salir de la página en la que se encuentran. Es rápido y útil.

Si has decidido eliminar la página del carrito de tu tienda, te mostraremos dos maneras de hacerlo. Puedes elegir el método que mejor te funcione:

Opción 1: Usa FunnelKit + Addon CartHopper (Más personalizable)

Este método es el mejor para los propietarios de tiendas que desean un control total sobre su proceso de pago y se toman en serio la reducción del abandono del carrito. Con FunnelKit, puedes crear una experiencia de pago directo de WooCommerce completamente personalizada a tus necesidades.

Paso 1: Instala los plugins de FunnelKit

Necesitarás tres plugins de WooCommerce para esta solución:

• FunnelKit Funnel Builder Pro
• FunnelKit Funnel Builder (versión gratuita)
• Complemento FunnelKit CartHopper (gratis)

Los dos primeros complementos funcionan juntos para ayudarte a crear una página de pago atractiva que convierta mejor.

La versión Pro tiene un precio. Sin embargo, creemos que vale la pena la inversión porque te brinda herramientas potentes para personalizar la experiencia de pago, optimizar tus embudos de ventas y agregar funciones de venta adicional como pedidos adicionales con un solo clic.

Por otro lado, el complemento gratuito CartHopper te permite omitir la página del carrito y enviar a los clientes directamente a tu página de pago de WooCommerce.

¿Quieres saber más sobre las funciones de FunnelKit? Consulta nuestra reseña detallada de FunnelKit.

Primero, instala y activa los tres plugins en tu panel de WordPress. Si necesitas ayuda, consulta nuestra guía sobre cómo instalar un plugin de WordPress.

A continuación, ve a FunnelKit » Ajustes en tu área de administrador.

Haz clic en la pestaña ‘Licencia’ en la columna izquierda e introduce tu clave de licencia. Puedes encontrar tu clave de licencia en tu cuenta en el sitio web de FunnelKit.

Una vez hecho esto, simplemente haz clic en ‘Activar’ y ‘Guardar Cambios’. Ahora, estás listo para empezar a personalizar tu experiencia de pago.

Paso 2: Elimina la página del carrito

Para omitir la página del carrito en WooCommerce, ve a FunnelKit » CartHopper. Aquí es donde encontrarás todos los ajustes para personalizar la funcionalidad de tu carrito y redirigir directamente al pago.

Simplemente marca la opción ‘Habilitar SkipCart para todos los productos’. Esto eliminará la página del carrito y enviará a los clientes directamente a tu página de pago de WooCommerce cada vez que hagan clic en el botón de agregar al carrito.

Esta configuración básica es suficiente para crear un pago directo para WooCommerce. Sin embargo, el plugin ofrece más formas de optimizar el recorrido del cliente.

Debajo de la configuración principal, puedes elegir categorías de productos o productos específicos donde quieras mantener las páginas normales del carrito y de pago. Simplemente escribe los nombres de las categorías y productos que no deseas omitir en los campos correspondientes.

También puedes personalizar el texto de ‘Agregar al carrito’ para que sea algo más adecuado.

Si bien el valor predeterminado es “Comprar ahora”, podrías preferir “Adquirir ahora” o “Pagar al instante”. Considera agregar algo de urgencia y miedo a perderse algo para reducir el abandono del carrito.

Para tener aún más control, puedes configurar reglas personalizadas haciendo clic en ‘Agregar regla’.

Entonces aparecerá una ventana emergente.

Aquí, puedes elegir si la regla se aplica a ‘Cualquiera de estos’ o a ‘Todos estos’ artículos del carrito.

Por ejemplo, si vendes un sombrero, elegir la opción ‘Cualquiera de estos’ omitirá el carrito cuando los clientes compren el sombrero solo o con otros artículos.

Por otro lado, elegir la opción ‘Todos estos’ solo omitirá el carrito cuando los clientes compren la combinación exacta de productos que especifiques, como cuando compran el sombrero y una bufanda a juego juntos.

Luego, también puedes decidir si habilitar o deshabilitar la funcionalidad del carrito para esta regla, y personalizar el botón agregar al carrito específicamente para estos productos.

Si tienes varias páginas de pago, también puedes seleccionar qué página de pago de WooCommerce usar para diferentes productos. Después de configurar tu regla, simplemente haz clic en ‘Agregar regla’.

La ventana emergente se cerrará ahora.

No olvides hacer clic en ‘Guardar cambios’ para aplicar tu nueva configuración a tu tienda WooCommerce.

Paso 3: Personaliza tu página de pago

Técnicamente, completar los pasos 1 y 2 es suficiente, pero ¿cuál es el punto de instalar un potente plugin de embudo si no lo estás utilizando al máximo de su potencial?

Para personalizar tu página de pago, navega a FunnelKit » Pago de tienda. Luego, cambia a la pestaña ‘Pago de tienda’ y haz clic en el botón ‘Crear pago de tienda’.

FunnelKit tiene varias plantillas de pago que puedes editar usando el editor de bloques o plugins populares de constructores de páginas como Divi o Bricks.

En la parte superior de la página, selecciona tu plataforma de edición preferida. Luego haz clic en 'Vista previa' en cualquier plantilla de pago que te interese.

La mayoría de las plantillas de FunnelKit incluyen una página de pago, además de páginas de venta adicional y de agradecimiento para fomentar más compras.

Una vez que encuentres una plantilla que te guste, simplemente haz clic en el botón 'Importar este embudo'.

A continuación, deberás darle un nombre a tu pago. Esto te ayuda a rastrear diferentes embudos de pago si creas varias versiones para diferentes productos o grupos de clientes.

Después de nombrarlo, haz clic en 'Listo'.

Para editar la página de pago, haz clic en el nombre del pago encima del botón 'Agregar oferta adicional'.

Verás varias configuraciones para personalizar la página de pago.

En la pestaña 'Diseño', haz clic en 'Editar... Plantilla' para personalizar el diseño utilizando la plataforma de edición de tu elección.

Entramos en más detalle sobre estos pasos de personalización en nuestra guía sobre cómo personalizar la página de pago de WooCommerce.

Si te desplazas hacia abajo en la página, también puedes personalizar las secciones y los campos requeridos en la página de pago.

Por defecto, el Formulario de Pago incluye secciones para Información de Contacto (Correo electrónico) y Dirección de Envío (Nombre, Apellido, Dirección de Envío, Dirección de Facturación, Teléfono). Si bien estos campos predeterminados funcionan bien para la mayoría de las tiendas en línea, puedes personalizarlos aún más haciendo clic en cualquier campo.

Por ejemplo, para modificar la Dirección de Envío, simplemente haz clic en ella.

Aparecerá una ventana emergente donde puedes personalizar los campos de esta sección según sea necesario.

Si editas el campo Nombre, puedes cambiar la etiqueta, agregar un texto de marcador de posición para proporcionar un ejemplo y hacer que el campo sea obligatorio u opcional.

Puedes hacer tantos cambios como desees en los campos del formulario.

Una vez que estés satisfecho con tus cambios, desplázate hacia abajo y haz clic en 'Actualizar'.

La pestaña 'Optimizaciones' ofrece formas adicionales de mejorar la experiencia de pago.

Por ejemplo, puedes habilitar el pago rápido, lo que permitirá a los usuarios pagar rápidamente utilizando métodos como Apple Pay y Google Pay.

Tenemos un tutorial detallado sobre cómo agregar botones de pago rápido en WooCommerce si deseas más información.

También puedes configurar cupones de aplicación automática. Estos son códigos de cupón que se aplicarán automáticamente cuando los usuarios inicien el proceso de pago.

Para configurar cupones de aplicación automática, abre la pestaña ‘Auto Apply Coupons’, selecciona ‘Yes’ en la opción ‘Auto Apply Coupon’ e ingresa el código del cupón que deseas aplicar automáticamente. También puedes deshabilitar el campo de cupón si es necesario. Recuerda hacer clic en ‘Save.’

Otra función útil es la configuración ‘Prefill Form for Abandoned Users’.

Esta función rellena automáticamente los valores ingresados previamente cuando los usuarios regresan al pago después de recibir un correo electrónico de carrito abandonado. Esto les facilita completar su compra.

Simplemente haz clic en ‘Yes’ en la opción ‘Enable’ y haz clic en ‘Save.’

Si cambias a la pestaña ‘Settings’, puedes agregar código personalizado como scripts de seguimiento.

Aquí es donde podrías querer agregar tus scripts si estás haciendo seguimiento de las conversiones de WooCommerce. Puedes leer nuestra guía sobre seguimiento de conversiones de WooCommerce para más detalles.

Una vez que estés satisfecho con todas tus personalizaciones, simplemente haz clic en ‘Enable Store Checkout.’

¡Y eso es todo! Ahora, cuando los usuarios hagan clic en el botón Comprar ahora en tus páginas de producto, serán dirigidos directamente a tu página de pago optimizada.

Opción 2: Usa el plugin Direct Checkout (Método Gratuito)

Si desea una solución simple de "configúralo y olvídate", le recomendamos que utilice el plugin gratuito Direct Checkout For WooCommerce de QuadLayers. Ofrece menos opciones de personalización que FunnelKit, pero es una excelente manera de enviar a los compradores directamente a la página de pago.

Primero, necesita instalar y activar el plugin. Consulte nuestra guía sobre cómo instalar un plugin de WordPress si necesita ayuda.

A continuación, vaya a WooCommerce » Direct Checkout. Notará una nueva pestaña de Direct Checkout en su página de configuración de WooCommerce, comenzando con la sección General.

Aquí, asegúrese de configurar 'Redirección al añadir al carrito' como 'Sí'.

Después de eso, en la configuración 'Redirigir al añadir al carrito a', seleccione 'Checkout' en el menú desplegable. Ahora, los clientes serán redirigidos a su página de pago inmediatamente después de hacer clic en el botón de añadir al carrito.

También hay un par de configuraciones opcionales. Una es la configuración de 'Alerta de agregado al carrito'.

Cuando los clientes agregan productos a su carrito, ven un mensaje que dice '[nombre del producto] se ha agregado a tu carrito' con un enlace para ver su carrito. Configurar esta opción en 'Sí' hace que ese enlace lleve a los clientes directamente a la página de pago en lugar de a la página del carrito.

Otra configuración opcional para modificar es 'Enlace de agregado al carrito en la tienda'. Si la configuras en 'Sí', entonces los clientes que hagan clic en el enlace 'Ver carrito' en tu tienda serán llevados directamente al pago en lugar del carrito de compras.

Recomendamos probar cuidadosamente ambas configuraciones opcionales antes de habilitarlas. Si bien pueden acelerar el proceso de pago, algunos clientes podrían preferir revisar su carrito primero y molestarse si se les lleva a otro lugar.

Finalmente, recomendamos dejar la configuración 'Reemplazar URL del carrito' como 'No', ya que no es esencial para la funcionalidad básica de redirección a la página del carrito.

No olvides hacer clic en el botón 'Guardar Cambios' una vez que hayas terminado con estas configuraciones.

Ahora cambiemos a la pestaña 'Archivos'.

Aquí es donde puedes personalizar cómo aparece el botón de agregar al carrito en la página de la Tienda de tu tienda WooCommerce.

Para reemplazar el botón del carrito, necesitas configurar la opción 'Reemplazar texto de agregar al carrito' en 'Sí'.

Luego, puedes elegir los tipos de productos de WooCommerce para los que deseas reemplazar el texto 'agregar al carrito', incluyendo productos simples, productos agrupados, productos variables, productos virtuales y/o productos descargables.

Estas son las configuraciones predeterminadas de WooCommerce para los tipos de productos, pero puede haber más si has instalado ciertos plugins de WooCommerce.

Después de eso, puedes personalizar el texto de “Agregar al carrito” para que sea más orientado a la acción, como “Comprar ahora” o “Comprar al instante”.

Cuando termines, haz clic en ‘Guardar cambios’.

Ahora, navega a la pestaña ‘Productos’. Esta sección es similar a la anterior, pero controla cómo funcionan tu página de carrito y la configuración de redirección en las páginas de productos individuales.

Puedes configurar ‘Reemplazar texto de agregar al carrito’ en ‘Sí’ y personalizar el texto del botón en el campo correspondiente.

El siguiente paso es opcional, pero puedes ir a la pestaña ‘Checkout’. Aquí, puedes eliminar campos específicos del checkout para optimizar la experiencia de la página de checkout de WooCommerce.

Por ejemplo, puedes eliminar los campos de dirección de envío del checkout si solo vendes productos digitales, ocultar el texto de la política de checkout y más si es necesario.

¡Y eso es todo! Ahora, puedes visitar tu tienda de WooCommerce como cliente para probar cómo funciona el checkout directo.

Cuando los clientes hagan clic en el botón de agregar al carrito, se saltarán el carrito de compras por completo y pasarán directamente al checkout.

Mejores prácticas para omitir el carrito de WooCommerce

Si bien la configuración del checkout directo para WooCommerce es sencilla, aquí hay algunas consideraciones importantes para asegurarte de que funcione de manera efectiva para tu tienda:

• Métodos de pago – No todas las pasarelas de pago funcionan sin problemas cuando te saltas la página del carrito. Consulta nuestra guía sobre las mejores pasarelas de pago de WooCommerce para WordPress para elegir opciones que admitan el checkout directo.
• Experiencia del usuario – Cuando elimines la página del carrito, asegúrate de rastrear cómo esto afecta el comportamiento de compra de tus clientes. Considera habilitar el seguimiento de clientes y configurar encuestas post-compra para recopilar comentarios.
• Impacto en el rendimiento – Si bien omitir la página del carrito de WooCommerce puede acelerar el proceso de pago, aún debes acelerar tu tienda en línea para garantizar una experiencia de compra fluida.
• Seguridad – Un proceso de pago más rápido no debería comprometer la seguridad. Es bueno aprender cómo prevenir fraudes y pedidos falsos en WooCommerce para proteger tu tienda de actividades maliciosas.
• Limpia tu Caché – Después de configurar un pago directo, asegúrate de limpiar la caché de tu sitio web y la caché de tu navegador. Esto ayuda a asegurar que los cambios estén activos y sean visibles para todos tus clientes.

Preguntas frecuentes sobre cómo omitir la página del carrito y redirigir al pago

Aquí hay algunas preguntas comunes que nuestros lectores hacen antes de eliminar la página del carrito y redirigir al pago:

¿Saltarse la página del carrito afectará mi SEO?

No, saltarse la página del carrito en sí mismo no afectará directamente tu SEO. A los motores de búsqueda les importan más cosas como la velocidad de tu sitio, la adaptabilidad a dispositivos móviles y la calidad de tu contenido. Un proceso de pago más rápido y eficiente puede mejorar la experiencia del usuario, lo cual es una señal positiva para el SEO.

¿Puedo seguir ofreciendo códigos de cupón si me salto la página del carrito?

Sí, absolutamente puedes. La página de pago estándar de WooCommerce incluye un campo para códigos de cupón.

¿Es posible saltarse la página del carrito solo para ciertos productos?

Sí, el complemento CartHopper de FunnelKit te permite crear reglas específicas para excluir ciertos productos o categorías de la función de saltarse el carrito. Esto es perfecto si vendes una combinación de artículos de compra única y productos que los clientes suelen comprar en grupo.

¿Puedo volver fácilmente al proceso estándar de carrito y pago?

Sí, puedes revertir tu configuración en cualquier momento. Con cualquiera de los complementos, simplemente puedes ir a su configuración y deshabilitar la función de saltarse el carrito. Tu tienda en línea volverá inmediatamente al flujo estándar de WooCommerce con una página de carrito separada.

Esperamos que este artículo te haya ayudado a aprender cómo omitir la página del carrito de WooCommerce y redirigir al pago. También te puede interesar consultar nuestra guía sobre cómo mostrar productos comprados juntos frecuentemente en WooCommerce y nuestras selecciones expertas de las mejores automatizaciones de WooCommerce para impulsar las ventas.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.