Cómo crear URLs personalizadas de añadir al carrito o enviar al pago en WooCommerce (actualizado)

Si no te vale con los botones estándar de WooCommerce para añadir productos al carrito, en esta guía rápida aprenderemos cómo crear URLs con las que personalizar botones y enlaces para redirigirlos a donde quieras y cómo quieras.

Estos trucos que vamos a ver de cómo crear URLs personalizadas, al igual otros que hemos visto y veremos, te ayudarán a mejorar tu funnel de ventas y, en definitiva, vender más.

URL para añadir al carrito un solo producto

Más fácil imposible. Identifica el ID de tu producto en la página de productos.

A continuación crea la URL para añadir ese producto al carrito así:

https://tudominio.com/?add-to-cart=296

Recuerda cambiar lo de tudominio.com por el tuyo y, por supuesto, el ID del producto de ejemplo por el que tú quieras.

URL para añadir al carrito varios productos

Si quieres que la URL añada más unidades del artículo (en el ejemplo 2) entonces la URL sería así:

https://tudominio.com/?add-to-cart=296&quantity=2

URL para añadir al carrito un solo producto y redirigir al carrito

Si quieres que, tras añadir el producto, se redirija automáticamente al cliente al carrito entonces usa esta otra variación:

https://tudominio.com/carrito/?add-to-cart=296

Aquí revisa, adicionalmente, si el slug de tu carrito es ‘carrito‘ u otro, para adaptar el truco a tu tienda.

Para que funcione este truco debe estar activa la casilla «WooCommerce > Ajustes > Productos > Mostrar > Redirigir a la página del carrito tras añadir productos con éxito»

URL para enviar al pago directamente un solo producto

Otra variación de la URL sería enviar al pago directamente, sin pasar por el carrito, en cuyo caso usa una URL como la de este ejemplo:

https://tudominio.com/finalizar-compra/?add-to-cart=296

De nuevo, revisa si el slug de la página de finalizar compra en tu tienda es ‘finalizar-compra‘ u otro, en cuyo caso pon el tuyo.

Para que funcione este truco en este caso debe esta inactiva la casilla «WooCommerce > Ajustes > Productos > Mostrar > Redirigir a la página del carrito tras añadir productos con éxito»

URL para redirigir a cualquier página un solo producto

Si quieres que, tras pulsar el botón, redirigir al usuario a cualquier otra página que no sea el carrito o el pago, puedes crear una URL así:

https://tudominio.com/otra-pagina/?add-to-cart=296

Para que funcione deben estar los ajustes de mostrar producto igual que en el caso anterior.

URL para añadir al carrito productos variables con atributos

Para crear este tipo de enlaces necesitas el ID de la variación, el slug del atributo y el slug del término del atributo. ¿Dónde están?…

Localizar el ID de la variación

Localizar el slug del atributo

Localizar el slug del término del atributo

URL para añadir al carrito un producto variable con un atributo

Por ejemplo. Si creamos esta URL…

https://tudominio.com/?add-to-cart=246&variation_id=1761&attribute_pa_talla=xl

Estamos añadiendo la variación con el ID 1761, con el atributo talla, término xl, del producto con ID 246.

Por supuesto, cambia la URL para que se adapte a tus necesidades. Parece un poco raro, incluso lioso, pero hecho el primero los demás son fáciles.

URL para añadir al carrito un producto variable con dos atributos

https://tudominio.com/?add-to-cart=246&variation_id=1761&attribute_pa_talla=xl;attribute_pa_color=azul

Si te fijas, hemos usado el mismo ejemplo anterior pero añadiendo otro atributo, el color azul. Fácil ¿eh?

URL para añadir al carrito varios productos variables con dos atributos

https://tudominio.com/?add-to-cart=246&ampquantity=2;variation_id=1761&attribute_pa_talla=xl;attribute_pa_color=azul

Usando la misma URL del ejemplo anterior hemos añadido una cantidad de productos de la variación, en este caso 2 (quantity=2)

URL para añadir al carrito un producto variable con un atributo y redirigir al carrito

Ya mezclando cosas que hemos ido aprendiendo, podemos redirigir al carrito al cliente tras añadir el producto variable con atributo así:

https://tudominio.com/carrito/?add-to-cart=246&variation_id=1761&attribute_pa_talla=xl

URL para añadir al carrito un producto variable con un atributo y redirigir al pago

Y una cosa parecida para redirigir directamente a  la página de pago:

https://tudominio.com/finalizar-compra/?add-to-cart=246&variation_id=1761&attribute_pa_talla=xl

No hace falta que lo hagamos con cualquier otra página ¿verdad? Está chupao.

URL para añadir al carrito productos agrupados

Esto puedes usarlos para añadir no uno, sino varios productos de una agrupación, pudiendo incluso indicar cuántas unidades de cada.

https://tudominio.com/?add-to-cart=1771&ampquantity[1736]=2&quantity[1730]=3

En este ejemplo del producto agrupado (ID 1771)  hemos añadido 2 unidades del agrupado 1736 y 3 del 1730.

Los IDs de cada producto los tienes como  hemos visto antes, y los de los agrupados al producto agrupado los puedes ver también al añadirlos.

Si quieres que no se añada ninguna cantidad de alguno de los productos de la agrupación deberás indicarlo con un cero. Por ejemplo, añadiéndolo así a tu URL:

https://tudominio.com/?add-to-cart=1771&ampquantity[1736]=2&ampquantity[1730]=0

¿Puedo hacer lo mismo con un plugin?

Vale, sí. Puedes instalar el plugin WooCommerce Quick Buy y, una vez instalado, dispones de un generador de shortcodes para crear enlaces a donde quieras.

Y en su página de ajustes especificar si aplicarás alguna redirección y en qué productos vas a incluir los botones.

Una vez todo configurado los botones se mostrarán donde hayas especificado, o podrás incluir shortcodes donde gustes.

Si optas por personalizar dónde se mostrarán los botones, tienes dos shortcodes, con sus correspondientes posibles argumentos:

Shortcodes disponibles

  1. [wc_quick_buy] — Para usarlo en el loop del producto (lista de productos, página de producto
  2. [wc_quick_buy_link] — Lo puedes usar donde quieras

Argumentos del shortcode [wc_quick_buy]

  1. product : id del producto para generar el botón de compra rápida. Ej: [wc_quick_buy product="22"]
  2. label : texto para el botón. Ej: [wc_quick_buy label="¡Comprar ya!"]

Argumentos del shortcode [wc_quick_buy_link]

  1. product :id del producto para generar el botón de compra rápida. Ej: [wc_quick_buy_link product="22"]
  2. label :texto para el botón. Ej: [wc_quick_buy_link label="¡Comprar ya!"]
  3. qty : Cantidad del botón/enlace html. Ej: [wc_quick_buy_link qty="10"]
  4. type : Usa button para generar un botón: [wc_quick_buy_link type="button"] o link para la URl: [wc_quick_buy_link type="link"]
  5. htmlclass : Puedes darle al shortcode un nombre de css

Ejemplo de uso para un botón

[wc_quick_buy_link product=”22″ label=”¡Compra ya!” qty=”10″ type=”button”]

Ejemplo de uso para un enlace

[wc_quick_buy_link product=”22″ label=”¡Compra ya!” qty=”10″ type=”link”]

Espero que esta guía te ayude a mejorar las ventas en tu tienda online. Cualquier duda que tengas déjala en los comentarios.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(9 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

17 comentarios en “Cómo crear URLs personalizadas de añadir al carrito o enviar al pago en WooCommerce (actualizado)”

  1. Muy buen articulo, quiero felicitaros por vuestra página y Blog! Muchas gracias siempre por vuestras ayudas! Voy a apuntarme a vuestro proximo curso que ahora tenéis completo… Saludos!!

  2. Hola buenas, gran post, si me permites, una pregunta, en el blog yo tengo un post que habla sobre un producto, y quisiera dar la oportunidad de comprar el producto desde esta entrada del blog, con esto lo puedo hacer?, como seria la URL que le daria al boton para que vaya al carrito de la compra con ese producto??

    Gracias

  3. Hola. Excelente artículo! Pero tengo una duda. Cómo puedo hacer para que mi producto aparezca con su imagen, una breve descripción y sus atributos, como color, y la cantidad? Quisiera insertar un producto en una página que estoy creando desde Elementor y me encantaría que apareciera la imagen del producto como se ve en el ejemplo de este artículo con la camisa ninja.
    Muchas gracias!

  4. Angel Vilchez

    Hola… Gracias por la informacón. Es casi al 90% lo que andaba buscando… Pero tengo una consulta. Existe forma o plugin que vaya más allá? Es decir, que un botón o url (con sus variables) en ruta demás permita al cliente comprar directamente un producto. Obviamente hablo de un servicio pre-aceptado por el cliente para compras recursivas… Gracias!!!

  5. Jerson H. Florez

    Como puedo poner un botón de PAGAR en donde me lleve directo a un popup para que el cliente pague directo con su tarjeta y no llenando el formulario que esta en el checkout.

  6. Hola Fernando! En mi caso, necesitaría hacer que el botón AÑADIR AL CARRITO redireccione a otra web, pues es un producto que no se puede comprar directamente en la mía. ¿Alguna solución? Gracias 🙂

  7. Whinder Castrillo

    Buen dia Amigo tengo un problema similar, necesito agregar al carrito un producto reservable pero no encuentro que URL usar, uso la URL /?add-to-cart=91 pero me pide agregar el dato 1 y el dato 2 que son fecha de entrada y de salida, sabes como debe ser el orden como se debe poner?

  8. Jose Angel Medina Garrigos

    @fernandot:disqus Enhorabuena por el post! Me ha ayudado muchísimo. Lo único que me surge una duda… Hablas de añadir productos al carrito directamente, incluso en la cantidad que se quiera, pero yo necesitaría añadir varios productos simples distintos a la vez con la misma url, es decir ?add-to-cart=ID1+ID2 sería posible? Cuál sería la estructura de la url?

    Muchas gracias de antemano.

    Un saludo!

  9. Jose Angel Medina Garrigos

    Antes de nada darte la enhorabuena por el post, pues me ha ayudado mucho!
    Lo único que me surge una duda…Necesito crear una URL que agregue directamente varios productos al carrito. Por lo que dices se puede agregar un producto agregando ?add-to-cart=ID pero necesito agregar varios productos diferentes, es decir, varias ID diferentes ?add-to-cart=ID1+ID2.

    ¿Podría decirme la forma correcta de crear esa URL?

    Muchas gracias!

  10. Luis Angel Solano Rivera

    hola muy buenas tardes tengo un problema quiero añadir dos botones uno que diga add to cart y el otro details que muestre los detalles del producto

  11. DESPUÉS DE HORAS VIENDO VÍDEOS APARECE EL MAESTRO Y CONSIGO PONER EN MI PAGINA UN BOTÓN DE CARRITO DE COMPRA QUE ME FUNCIONA. GRACIAS

Deja un comentario

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

 

Ir arriba Ir al contenido