Skip to main content

Si no te es suficiente 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.

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.

woocommerce Crear URLs personalizadas para WooCommerce

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”

woocommerce Crear URLs personalizadas para WooCommerce

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

woocommerce Crear URLs personalizadas para WooCommerce

Localizar el slug del atributo

woocommerce Crear URLs personalizadas para WooCommerce

Localizar el slug del término del atributo

woocommerce Crear URLs personalizadas para WooCommerce

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

Por ejemplo. Si creamos esta URL…

https://tudominio.es/?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

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

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í:

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:

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.
&quantity[1730]=0

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

woocommerce Crear URLs personalizadas para WooCommerce

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.

woocommerce Crear URLs personalizadas para WooCommerce

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:

¿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.

woocommerce Crear URLs personalizadas para WooCommerce

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

woocommerce Crear URLs personalizadas para WooCommerce

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

woocommerce Crear URLs personalizadas para WooCommerce

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.

Te invito a seguir a Risi.cl
en Facebook y/o Instagram

Únete a la discusión 6 COMENTARIOS

DEJA UN COMENTARIO