URL personalizadas de "Agregar al carrito" de WooCommerce: la guía definitiva

Aquí se explica cómo crear enlaces/botones HTML personalizados para Agregar al carrito de WooCommerce y hacer que agreguen una cantidad determinada de un solo producto al carrito y redireccionar a páginas web específicas.

Este tutorial explica cómo lograr eso para productos simples pero también tipos variables y agrupados.

Recomiendo encarecidamente leer todos los comentarios de las publicaciones en caso de que no esté seguro de algo: muchas personas han hecho las mismas preguntas una y otra vez, por ejemplo, " ¿es posible agregar más de 1 producto al carrito?" ” (a lo que la respuesta es “no”, a menos que cree un Producto Agrupado).

Con esta guía, es mucho más fácil colocar los botones Agregar al carrito en páginas de inicio personalizadas, tablas de precios, publicaciones de blog, etc. ¡Disfrutar!

1) Productos simples: Agregar URL al carrito

El más fácil de todos, los productos simples son súper fáciles de agregar al carrito a través de una URL personalizada. Simplemente busque el ID del producto pasando el cursor sobre el título del producto en WooCommerce > Productos (vea la imagen a continuación) y luego use los siguientes enlaces.

Encuentre la identificación del producto de WooCommerce
Encuentre la identificación del producto de WooCommerce

URL: Agregar un producto simple al carrito

href=”https://tudominio.com/?add-to-cart=25 &quantity= 1

Ahora, asegúrese de cambiar el nombre de dominio en el enlace, y el botón funcionará de inmediato. Se añadirá 1 producto con ID=25 al carrito.

URL: agregue un producto simple al carrito con cantidad = 3

href=”https://tudominio.com/?add-to-cart=25&quantity=3″

Se añadirá al carrito 1 producto con ID=25 y cantidad = 3. Nota: no puede agregar 2 productos diferentes al carrito con una URL.

URL: agregue un producto simple al carrito y redirija al carrito después

href=”https://yourdomain.com/cart/?add-to-cart=25 &quantity= 1

Recuerde, si ha cambiado la URL del carrito, asegúrese de cambiar "/carrito/" a "/cesta/", por ejemplo. Para que esto funcione, también debe marcar la opción "Habilitar AJAX agregar botones al carrito en archivos" en WooCommerce -> Configuración -> Productos -> General.

URL: agregue un producto simple al carrito y redirija al pago después

href=”https://yourdomain.com/checkout/?add-to-cart=25 &quantity= 1

Recuerde, para que esto funcione, debe marcar la opción "Habilitar los botones AJAX para agregar al carrito en los archivos" en WooCommerce -> Configuración -> Productos -> General y también deshabilitar "Redirigir a la página del carrito después de la adición exitosa" :

WooCommerce: deshabilitar la redirección al carrito
WooCommerce: deshabilitar la redirección al carrito

URL: agregue un producto simple al carrito y redirija a cualquier página después

href=”https://yourdomain.com/your_custom_page/?add-to-cart=25 &quantity= 1

Recuerde, para que esto funcione, debe marcar la opción "Habilitar los botones AJAX para agregar al carrito en los archivos" en WooCommerce -> Configuración -> Productos -> General y también deshabilitar "Redirigir a la página del carrito después de la adición exitosa".

2) Productos variables: Agregar URL al carrito

Aquí las cosas eran originalmente complicadas, ¡pero ahora es mucho más fácil! Todo lo que necesita es el ID de variación. Aquí es donde puedes encontrarlo:

WooCommerce: encuentra el ID de variación
WooCommerce: encuentra el ID de variación

Una vez que tenga el ID de variación, puede usar lo siguiente.

URL: Agregar un producto variable al carrito

href=”https://yourdomain.com/?add-to-cart=88&q uantity= 1

Estamos agregando aquí solo el ID de variación (88) según la captura de pantalla anterior. Muy fácil

URL: agregar un producto variable al carrito (con cantidad = 3)

href=”https://tudominio.com/?add-to-cart=88&quantity=3″

También puede redirigir a Carrito, Pago y otra página de la misma manera que hemos visto para los productos simples:

URL: agregar un producto variable al carrito y redirigir al carrito

href=”https://yourdomain.com/cart/?add-to-cart=88 &quantity= 1

URL: Agregar un producto variable al carrito y redirigir al pago

href=”https://yourdomain.com/checkout/?add-to-cart=88 &quantity= 1

URL: agregue un producto variable al carrito y redirija a cualquier página

href=”https://yourdomain.com/any-page-url/?add-to-cart=88 &quantity= 1

3) Productos agrupados: Agregar URL al carrito

Recientemente trabajé con productos agrupados y mi tarea era agregarlos al carrito a través de una URL personalizada. Un producto agrupado es una combinación de dos o más subproductos, y cada uno se puede agregar con una cantidad personalizada al carrito.

Productos agrupados de WooCommerce
Productos agrupados de WooCommerce

Entonces, aquí están los enlaces personalizados.

URL: agregar un producto agrupado al carrito

Necesitará el ID de producto agrupado, que se puede encontrar de la forma habitual, y también los ID de subproductos. Luego, usa algo como:

href=”https://tudominio.com/?add-to-cart=3111&cantidad[1803]=5&cantidad[1903]=2″

En este caso, estamos agregando ID de producto agrupado = 3111, y específicamente estamos agregando 5x ID de producto = 1803 y 2x ID de producto = 2.

Nota: si desea agregar "cero" para uno de los subproductos, aún debe especificarlo, es decir, &quantity[1903]=0.

Referencias

Muchas gracias a esta gente increíble:

  • Remi Corson:  https://www.remicorson.com/add-woocommerce-variable-product-with-variations-to-cart/
  • Nicola Mustone:  https://nicolamustone.com/2015/09/18/creating-custom-add-to-cart-url/
  • ProserveWeb:  https://proserveweb.com/create-woocommerce-link-add-product-cart-redirect-checkout/
  • Maarten B: https://businessbloomer.com/woocommerce-custom-add-cart-urls-ultimate-guide/#comment-170443

Deja una respuesta

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

Subir