BL Como crear una URL para añadir a carrito en 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.

Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros. Accede a todo nuestro contenido desde $12/mes*
Transforma tu carrera con UXDIVI
Únete a nuestra comunidad y comienza a diseñar el futuro hoy. Aprende, innova y crece junto a nosotros

Accede a todo nuestro contenido desde US $12/mes*
Transforma tu carrera con UXDIVI

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

Artículos relacionados

Comentarios

    1. 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 😉🖐

¡Registrate en nuestro próximo Live!
12 de ENERO de 2024 9:30 hrs (CDMX)
En este evento exclusivo, abordaremos las preguntas sobre ecommerce en Divi, además de responder a cualquier otra pregunta que nuestros suscriptores de la academia tengan en mente.
0
días
0
horas
0
minutos
0
segundos
¡Registrate en nuestro próximo Live!
12 DE ENERO DE 2024 9:30 HRS (CDMX)
0
días
0
hrs
0
min
0
seg
25% OFF BLACK FRIDAY SALE!
Del 24 al 30 de noviembre 2023 descuentos por:
¿Aún no eres miembro Premium ⭐ de UXDivi? ¡Esta es tu oportunidad de oro! Únete a nuestra comunidad de expertos en Divi y disfruta de recursos exclusivos, tutoriales avanzados, y una red de profesionales al alcance de tu mano.
0
días
0
horas
0
minutos
0
segundos
25% OFF BLACK FRIDAY SALE!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% en tu suscripción Premium. ¡Solo durante Black Friday!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% ¡Solo durante Black Friday!
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →