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. Los campos obligatorios están marcados con *

Iniciar Sesión

¿No tienes cuenta? Registrarse

Otros planes

¡Accede a más de 1330 contenidos especializados en Diseño Web con Divi por un solo precio!

Trimestral

Ahorra 6 USD 🔥

$US 18/ Mes

*Pagando US$ 54 cada 3 meses

¿A qué accedes con este plan?

Lifetime

Un solo pago 🔥

$US 499/ Lifetime

*UN SOLO PAGO DE POR VIDA

¿A qué accedes con este plan?

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord

Con este plan accedes a:

  1. ✅ Todos los cursos
  2. ✅ Todos los tutoriales prémium
  3. ✅ Todos los plugins y layouts
  4. ✅ Soporte prémium vía email
  5. ✅ Acceso a la comunidad en Discord
  6. ✅ Descuentos en Templates para Divi

Black
Friday

Accede a más de 1260 contenidos para aprenderDivi de manera profesional