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

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

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

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:

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:

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

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…

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.

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:

¿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

Ejemplo de uso para un enlace


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 este artículo para mejorar la calidad del blog ...

FlojitoNo está malEstá bienMe ha servidoFantástico (4 votos, promedio: 5,00 de 5)
Cargando…

Autor: Fernando

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran.

Autor del libro WordPress – La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

LOS BURÓCRATAS DE LA UE ME EXIGEN QUE TE DIGA QUE SI VISITAS AYUDA WORDPRESS PUEDES RECIBIR ALGUNA COOKIE. AQUÍ NO HAY COOKIES DE PUBLICIDAD, COMO LAS QUE SI TE DEJAN GOOGLE, AMAZÓN Y MONTÓN DE SITIOS, SIN AVISAR, PERO EL QUE TE TENGO QUE AVISAR SOY YO. LAS COOKIES QUE TE DEJA AYUDA WORDPRESS SON PARA FACILITARTE LA NAVEGACIÓN, COMPARTIR Y COMENTAR. SI NO QUIERES RECIBIR COOKIES PUEDES NAVEGAR EN MODO PRIVADO, ABANDONAR ESTE SITIO Y PERDERTE EL CONTENIDO GRATIS QUE COMPARTO CADA DÍA SOBRE WORDPRESS O IRTE A UNA ISLA DESIERTA PARA VIVIR AISLADO DEL MUNDO, ESO SÍ, SIN COOKIES. O SINO, SIMPLEMENTE CIERRA ESTA VENTANA COÑAZO Y SIGUE DISFRUTANDO DEL BLOG. SI TIENES CURIOSIDAD SOBRE ESTO DE LAS COOKIES TE DEJO UN ENLACE >> MÁS INFORMACIÓN

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar