Como crear una URL para añadir a carrito en Woocommerce

Inicio / Blog / Divi Woocommerce / Como crear una URL para añadir a carrito en Woocommerce

En este videotutorial te mostraremos como crear una URL para añadir un producto a Carrito en WooCommerce de forma Directa. Te enseñaremos cómo generar enlaces personalizados para hacer que se agreguen uno o más productos al carrito de manera directa.

Quizá te pueda interesar saber como añadir productos a carrito y redirigir a finalizar compra automáticamente con un plugin premium y múltiples opciones.

Además, también podrás crear URL que al añadir a carrito, redirija directo al carrito o a finalizar compra, en función de lo que necesites.

Índice

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

URL Añadir a carrito para productos simples

Los productos simples son muy fáciles de añadir al carrito a través de una URL personalizada. Simplemente busca el ID del producto colocando el cursor sobre el título del producto en WooCommerce > Productos (mira la imagen a continuación) y luego usa los siguientes enlaces.

Como crear una URL para añadir a carrito en Woocommerce

URL para añadir un producto simple:

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

Asegúrate de cambiar el nombre de dominio en el enlace, y el botón funcionará de inmediato. Se agregará 1 producto con ID = 25 al carrito, por ejemplo.

URL para añadir un producto simple al carrito con la cantidad de 5 unidades

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

Se agregará 1 producto con ID = 25 y cantidad = 5 al carrito. Nota: no puedes agregar 2 productos diferentes al carrito con una URL.

URL para añadir un producto simple y luego redirigir al carrito

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

Importante: si has cambiado la URL del carrito, asegúrate de cambiar «/ cart /» por «/ carrito /», o cualquiera que sea la URL que le hayas asignado a la página de carrito. Para que esto funcione, también debes marcar la opción «Habilitar botones para agregar AJAX al carrito en archivos» en WooCommerce > Configuración > Productos > General.

URL para añadir un producto simple y luego redirigir a finalizar compra

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

Importante: para que esto funcione, debes marcar la opción «Habilitar AJAX agregar botones al carrito en archivos» en WooCommerce > Configuración > Productos > General y también deshabilitar «Redirigir a la página del carrito después de una adición exitosa»:

Como crear una URL para añadir a carrito en Woocommerce

URL para añadir a carrito a productos Variables

Aquí las cosas eran más complicadas anteriormente, ¡pero ahora es mucho más fácil! Todo lo que necesitas es el ID de la variación y listo. Lo puedes ver aquí:

Como crear una URL para añadir a carrito en Woocommerce Productos variables

Una vez que tengas el ID de la variación, puedes usar las siguientes URL’s para añadir a carrito de manera directa.

URL para añadir un producto variable al carrito

href = ”https://yourdomain.com/?add-to-cart=88 ″

Aquí estamos agregando solo el ID de la variación (88) según el ejemplo en la imagen anterior. Como ves, muy fácil 🙂

URL para añadir un producto variable al carrito con la cantidad de 5 unidades

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

Aquí usamos la misma mecánica que para los productos simples pero con el ID del producto variable para generar la URL

URL para añadir un producto Variable y luego redirigir al carrito

href = ”https://yourdomain.com/cart/?add-to-cart=88 ″

Aquí usamos la misma mecánica que para los productos simples pero con el ID del producto variable para generar la URL

URL para añadir un producto simple y luego redirigir a finalizar compra

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

Aquí usamos la misma mecánica que para los productos simples pero con el ID del producto variable para generar la URL

Concluciones

Como ves, crear una URL personalizada para añadir a carrito es bastante sencillo y útil si quieres crear elementos dinámicos en tu sitio. Este sistema fue el que nosotros usamos para crear las URL personalizada de nuestros cursos de venta individual, y ha funcionado muy bien hasta ahora.

Este post se ha creado como post de referencia businessbloomer.com

2 Comentarios

  1. Alejandro

    Hola y si quiero agregar dos o tres productos al mismo tiempo en un solo link, cómo se podría hacer. ??

    Responder
    • Jefferson M.

      Que tal Alejandro, usariamos la misma URL pero agregando una variable de cantidad al final de la URL personalizada, por ejemplo:

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

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

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

      Espero que esta info te sea de ayuda. Para cualquier otra cosa, aquí me tienes 😉🖐

      Responder

Enviar un comentario

Tu dirección de correo electrónico no será publicada.

BL Curso de WordPress Básico desde cero actualizado

Curso de WordPress Básico desde cero actualizado