En este post te indicaré cómo construir un enlace directo que añade un producto a la cesta de la compra de tu tienda construida en WordPress con WooCommerce. Además, podrás dirigir al usuario directamente a la cesta o al proceso de compra.

El sencillo gesto de añadir un botón o cualquier tipo de enlace que facilite y acelere el proceso de compra puede contribuir a incrementar la tasa de conversión de nuestra tienda online y mejorar notablemente nuestras acciones.

Algunas ejemplos de aplicación

Un envío de email orientado a la persona adecuada en el momento adecuado con un enlace que añada el producto deseado e inicie el proceso de compra puede ser oro para tu negocio.

Otro caso de uso muy valioso es la construcción de landing pages, esas páginas especialmente diseñadas para recibir las visitas procedentes de campañas publicitarias o promociones específicas. Del mismo modo que es importante para ganar fuerza no enviar el tráfico a la home sino llevarlo a la página más afín posible, al reconducirlo desde esta directamente al proceso de compra ahorraremos clics y evitaremos que el tráfico decaiga hasta la consecución de la venta.

También podemos utilizar WordPress para construir páginas de venta más complejas o más trabajadas. En ellas podemos argumentar mejor los beneficios de una producto o servicio sin la rigidez de la estructura de una página de producto de WooCommerce. Al utilizar un link de compra podremos exprimir al máximo las ventajas de estas páginas sin perder clics intermedios en página de producto.

Consideraciones previas

ID de producto en WooCommerce

ID de producto en WooCommerce

Para poder construir nuestro enlace necesitaremos conocer los id de producto. Éstos se pueden consultar en la sección de productos. Al situar el puntero encima, veremos el id antes de las opciones de editar, enviar a papelera, etc.

Al acceder a la edición de un producto también podremos ver el id en la URL antecedido del texto post=.

ID de productos con variante

ID de variantes de producto

En el caso de productos variables, al acceder a las variaciones, las encontraremos precedidas de un id.

Para los productos agrupados tendremos que identificar tanto los id del producto agrupado como los de aquellos productos individuales que componen el pack.

Configuración de WooCommerce

Opciones tras añadir un producto

Algo que afectará al comportamiento del usuario tras pulsar el enlace será la configuración de WooCommerce. En la página del administrador WooCommerce > ajustes > Productos > General encontramos dos checkboxes. Al marcar la primera haremos que cada vez que un usuario añade un producto a la cesta sea redirigido a la página de cesta o carrito de la compra. Ten en cuenta que este comportamiento afecta a toda la tienda y no solo al enlace que estamos creando. También hay una forma de llevar al usuario a la cesta solo cuando pulsa el enlace que construimos, enseguida te lo explico. La segunda casilla permite utilizar ajax y será necesario activarlo en caso de que queramos llevar al usuario al inicio del proceso de compra, a la página de checkout.

Construcción de los enlaces directos para añadir al carro

Para crear el enlace tenemos que añadir el parámetro add-to-cart con el valor del id del producto deseado. Si hemos marcado la opción de llevar a la cesta tras añadir un producto, esto será lo que ocurra. En caso contrario, el usuario irá a la página que especifiquemos en nuestro enlace. Por ejemplo, si quiero que vaya a la cesta tras pulsar el link con un producto simple, mi enlace sería algo así:

https://molona.trabajaonline.es/cart/?add-to-cart=574

Cambia la parte inicial por tu URL. Tal vez tu cesta no esté en /cart y tengas que modificarlo también. Sustituye también 574 por el id de tu producto. Adicionalmente, puedo especificar una cantidad de producto si quiero que incluya más unidades con el parámetro quantity:

https://molona.trabajaonline.es/cart/?add-to-cart=574&quantity=12

Ese enlace añadirá 12 unidades del producto 574 y me llevará a la cesta. También podría variar /cesta para que me lleve a cualquier otra página siempre que no esté marcada la opción de redirigir a cesta tras añadir un producto como hemos visto en la sección anterior.

Otro enlace muy útil es el que salta incluso el paso por cesta y lleva al usuario a la tramitación de la compra. En este caso debo activas la opción de AJAX mencionada antes. Este sería el resultado:

https://molona.trabajaonline.es/checkout/?add-to-cart=574

Para utilizarlo en productos variables tengo que identificar el id de la variante y utilizarlo de la misma forma que en los casos anteriores. Por ejemplo:

https://molona.trabajaonline.es/cart/?add-to-cart=974

Por último, en caso de productos agrupados, podremos indicar la cantidad de cada uno de sus componentes indicando el id del producto agrupado (976) y la cantidad de los ids de sus componentes (12 y 574) de la siguiente forma:

https://molona.trabajaonline.es/cart/?add-to-cart=976&quantity[12]=3&quantity[574]=2

Espero que este artículo te ayude a incrementar tus ventas y enfocar mejor tus campañas. Por favor, comparte en comentarios tu experiencia y ayuda a difundir su contenido en redes sociales si te ha gustado.