+34 650908608 contacto@creandowp.es
Seleccionar página
En ocasiones necesitamos crear un botón personalizado en la tienda de Woocommerce para añadir uno o varios productos al carrito, en este articulo vamos a ver como se hace en Woocomerce añadir al carrito por url.
  1. Encontrar el id de producto en woocomerce
  2. woocommerce añadir al carrito por url un producto
  3. Woocommerce añadir al carrito por url varios productos
  4. woocomMerce añadir al carrito por url y redirigir al carrito

Encontrar el ID de producto en Woocommerce

Si queremos en Woocommerce añadir al carrito por url, lo primero que vamos a necesitar es encontrar el id de producto en Woocommerce. Para ello nos dirigimos  a nuestro escritorio de wordpress en el menú “Productos–> Todos los productos”  nos aparecerá el listado de todos los productos que tenemos en nuestra tienda online. Al pasar el ratón por encima de uno de ellos aparecerá un nuevo campo “ID de producto” muy necesario para quitar notificaciones de woocommerce para productos especificos.
woocommerce_ver_id_producto
En nuestro ejemplo vemos que el “ID de producto” es el 7355, este es el id de producto que vamos a utilizar en el siguiente paso de Woocomerce añadir al carrito por url un producto.

Woocommerce añadir al carrito por url un producto

La siguiente pregunta es  Como crear una URL para añadir a carrito en Woocomerce, muy sencillo solo hay que usar la siguiente estructura:

”https://tudominio.es/?add-to-cart=numero&quantity=cantidad

– Tudominio.es : tienes que sustituir esto por el nombre de tu web o tienda, por ejemplo crandowp.es

Numero: este es el id de producto que hemos sacado en el paso anterior ” Encontrar el ID de producto en Woocomerce”, en nuestro ejemplo seria el 7355

Cantidad : es el numero de productos del mismo tipo que queremos añadir al carrito, en nuestro ejemplo es uno.

EJEMPLO:

”https://creandowp.es/?add-to-cart=7355&quantity=1

 

Ahora solo tenemos que irnos a nuestro constructor de wordpress  y añadir ese enlace a cualquier sitio, en mi caso lo he añadido como enlace de una imagen en DIVI.

 

”https://tudominio.es/?add-to-cart=numero&quantity=cantidad
DIVI añadir al carrito por url

Woocommerce añadir al carrito por url varios productos

Para añadir varios productos al carrito mediante enlace tenemos que utilizar el mismo codigo anterior, en este caso para añadir varios productos al carrito mediante enlace deberemos indicar el número total de productos que queremos añadir. Si por ejemplo queremos añadir 3 productos al carrito de Woocommerce utilizando nuestro id de producto de ejemplo que era el 7355 quedaría así:
”https://creandowp.es/?add-to-cart=7355&quantity=3

Woocommerce añadir al carrito por url y redirigir al carrito

En el caso que queramos en Woocommerce añadir varios al carrito por url y redirigir al carrito, lo primero que debemos hacer es comprobar el nombre de nuestra página de carrito en nuestra página web, para ello nos vamos a:

Escritorio->Woocommerce -> Páginas

Allí  buscaremos la que indica carrito o página de carrito  al lado del título de la pagina. Normalmente pone “carrito”. Utilizaremos esta estructura:

”https://tudominio.es/nombre-pagina-carrito/?add-to-cart=numero&quantity=cantidad

– Tudominio.es : tienes que sustituir esto por el nombre de tu web o tienda, por ejemplo crandowp.es

– Nombre-pagina-carrito: el nombre de nuestra página que hemos comprobado previamente, en nuestro ejemplo será “carrito”.

Numero: este es el id de producto que hemos sacado en el paso anterior ” Encontrar el ID de producto en Woocomerce”, en nuestro ejemplo seria el 7355

Cantidad : es el numero de productos del mismo tipo que queremos añadir al carrito, en nuestro ejemplo es uno.

EJEMPLO:

 

”https://creandowp.es/carrito/?add-to-cart=7355&quantity=1“ 
 

Si queremos en Wocommerce añadir al carrito por url varios productos con el ID 7355 (por ejemplo 5) sería:

”https://creandowp.es/carrito/?add-to-cart=7355&quantity=5“ 

 

Es importante mencionar que para que la redirección funcione correctamente debemos tener inactiva la casilla

“Woocommerce -> Ajustes -> Productos -> Redirigir a la página del carrito tras añadir productos con éxito”

Os dejo una captura de pantalla de la configuración de Woocomerce :

 

woocommerce comportamiento de añadir al carrito
En caso de que necesitéis opciones adicionales como añadir productos variables con varios atributos el maestro Fernando Tellado dispone de un magnifico post sobre este tema.