Cómo reemplazar el botón Agregar al carrito con un enlace WooCommerce

Publicado: 2020-09-01

WooCommerce Reemplace el botón Agregar al carrito con enlace Si desea reemplazar el botón Agregar al carrito con un enlace en WooCommerce, debe comprender cómo funciona Agregar al carrito, ya que utiliza URL simples con parámetros de producto. Puede crear enlaces para agregar al carrito de WooCommerce que funcionen de la misma manera que el botón Agregar al carrito. Es simple y directo y no requiere conocimientos de codificación para reemplazar el botón Agregar al carrito con un enlace.

Enlaces para añadir al carrito de WooCommerce

Esta publicación le brindará la guía definitiva para agregar URL o enlaces personalizados 'Agregar al carrito' en WooCommerce. Si está buscando una manera de crear enlaces WooCommerce Add to Cart personalizados y hacer que agreguen productos al carrito o redirijan a páginas específicas. Después de completar este breve tutorial, podrá colocar enlaces Agregar al carrito en páginas de inicio personalizadas, tablas de precios, publicaciones de blog, etc.

Sin embargo, si necesita algo adicional de WooCommerce, a menudo encontrará que WooCommerce no le brinda todo lo que necesita, por ejemplo, si desea agregar URL personalizadas 'Agregar al carrito' .

Si alguna vez ha interactuado con WooCommerce, entonces sabe que es una excelente solución gratuita de comercio electrónico, que tiene un conjunto de características increíblemente útiles.

Lo que destaca es que WooCommerce está desarrollado teniendo en cuenta la extensibilidad, similar a la modularidad de WordPress. Por lo tanto, es posible realizar toda la personalización que necesite, y es por eso que puede personalizar fácilmente el botón Agregar al carrito con enlaces personalizados.

Además, también le presentaré un complemento gratuito que puede usar para lograr esta funcionalidad. Le ayudará a agregar etiquetas y enlaces personalizados para el botón Agregar al carrito.

Reemplace el botón Agregar al carrito con un enlace

Dicho todo esto, entremos en la parte más importante de este breve tutorial, donde compartiré con ustedes algunos enlaces personalizados con los que he interactuado en el pasado. Espero que este artículo arroje algo de luz sobre este tema.

a) Productos simples Agregar URL al carrito

Para ser honesto, este es uno de los más fáciles en comparación con todos ellos. Lo he dicho porque los productos simples son bastante fáciles de pasar al carrito usando una URL personalizada, como le mostraré en un momento. Para hacer esto, debe encontrar la identificación del producto pasando el cursor sobre el título del producto. Siga estos sencillos pasos:

Pasos para agregar una URL personalizada para agregar al carrito en productos simples

  1. Inicie sesión en su sitio de WordPress y acceda al Panel como usuario administrador.
  2. En el menú Panel, haga clic en Productos > Todos los productos. Esto abrirá todos los productos que están en tu tienda WooCommerce.
  3. Pase el cursor sobre el producto al que desea agregar el enlace personalizado, para verificar la identificación del producto como se muestra a continuación: ID del Producto
  4. Para agregar un producto simple al carrito, use este enlace:

href=”https://tudominio.com/?add-to-cart=185″

recuerde cambiar el nombre de dominio en el enlace, y el botón funcionará de inmediato. El producto con el ID 185 se agregará al carrito.

  1. Para un producto simple al carrito con cantidad = 3, use este enlace:

href=”https://tudominio.com/?add-to-cart=185&quantity=3″

Este enlace implica que se agregará al carrito el ID de producto 185 y la cantidad será 3. También vale la pena mencionar que no puede agregar dos productos diferentes al carrito con una URL.

  1. Para agregar un producto simple al carrito y luego redirigirlo al carrito, use este enlace:

href=”https://tudominio.com/carrito/?add-to-cart=185″

Sin embargo, debe recordar que si ha cambiado el enlace del carrito, debe asegurarse de cambiar 'carrito' por 'cesta'. También debe habilitar AJAX para agregar botones al carrito en la opción de archivos en WooCommerce -> Configuración -> Productos -> General como se muestra: Ajax Añadir al carrito

Recuerda guardar los cambios que realices.

  1. Para agregar un producto simple al carrito y luego redirigirlo al pago, use este enlace:

href= “ https://tudominio.com/checkout/?add-to-cart=185″

Sin embargo, debe recordar que para que esto funcione, debe habilitar AJAX para agregar botones al carrito en la opción de archivos y deshabilitar la opción Redirigir a la página del carrito después de agregar correctamente en WooCommerce -> Configuración -> Productos -> General como se muestra debajo: deshabilitar la redirección

Recuerda guardar los cambios que realices.

  1. Para agregar un producto simple al carrito y luego redirigirlo a cualquier página, use este enlace:

href= “ https://tudominio.com/tu_pagina_personalizada/?add-to-cart=185″

Sin embargo, debe recordar que para que esto funcione, debe habilitar AJAX para agregar botones al carrito en la opción de archivos y deshabilitar la opción Redirigir a la página del carrito después de agregar correctamente en WooCommerce -> Configuración -> Productos -> General como se muestra sobre.

b) Agregar productos variables a la URL del carrito

En el pasado, los productos variables eran difíciles de configurar, pero con la versión actual de WooCommerce, es muy fácil. Para agregar una URL personalizada, todo lo que necesita es el ID de variación y puede consultar los pasos a continuación para saber dónde puede encontrarlo.

Pasos para agregar una URL personalizada para agregar al carrito en productos variables

  1. Inicie sesión en su sitio de WordPress y acceda al Panel como usuario administrador.
  2. En el menú Panel, haga clic en Productos > Todos los productos. Esto abrirá todos los productos que están en tu tienda WooCommerce.
  3. Pase el cursor sobre el producto variable al que desea agregar el enlace personalizado para verificar la identificación del producto.
  4. Haga clic en Editar y desplácese hacia abajo hasta los datos del producto para encontrar el ID de producto variable como se muestra a continuación: El ID de variación reemplaza el botón Agregar al carrito con un enlace

Ahora que tenemos el ID de variación, puede usarlo para crear enlaces personalizados como se muestra a continuación.

  1. Para agregar un producto variable al carrito, use este enlace:

href= “ https://tudominio.com/?add-to-cart=149″

Simplemente agregue la ID de producto variable al final. Es así de simple.

  1. Para agregar un producto variable al carrito con una cantidad de 3, use este enlace:

href= “ https://tudominio.com/?add-to-cart=149&quantity=3″

  1. Para agregar un producto variable al carrito y redirigir al carrito, use este enlace:

href= “ https://tudominio.com/carrito/?add-to-cart=149″

  1. Para agregar un producto variable al carrito y redirigir al pago, use este enlace:

href= “ https://tudominio.com/checkout/?add-to-cart=149″

  1. Para agregar un producto variable al carrito y redirigir a cualquier página, use este enlace:

href= “ https://tudominio.com/cualquier-página-URL/?add-to-cart=149″

Si su tienda WooCommerce tiene productos agrupados, también puede agregar enlaces personalizados al botón Agregar al carrito. Un producto agrupado se puede definir como una combinación de dos o más subproductos, y cada uno se puede agregar con una cantidad personalizada al carrito.

Pasos para agregar URL personalizadas a productos agrupados.

Siga estos sencillos pasos para agregar una URL personalizada a los productos agrupados.

  1. Para hacer esto, debe encontrar la ID del producto agrupado de la misma manera que la primera y la segunda.
  2. Luego agregue la ID a la URL personalizada como se muestra a continuación:

href= “ https://tudominio.com/?add-to cart=451&cantidad[103]=5&cantidad[193]=2″

Esto significa que estamos agregando ID de producto agrupado = 451, y específicamente, estamos agregando 5 veces la ID de producto = 103 y 2 veces la ID de producto = 2. Puede agregar un cero para especificar la cantidad.

Conclusión

Espero que este tutorial te haya ayudado a agregar enlaces personalizados al botón Agregar al carrito. Le he enseñado cómo agregar URL personalizadas a productos simples, productos variables y productos agrupados. Es importante recordar que debe agregar su nombre de dominio en el enlace, así como la URL de la página correcta cuando sea necesario. Espero que esta publicación lo haya ayudado a obtener más información sobre cómo funciona WooCommerce para agregar al carrito y puede personalizarlos para que se ajusten a sus necesidades como URL personalizadas.

Reseñas similares

  1. Cómo obtener las URL de la página de WooCommerce » Carro, tienda, pago y cuenta
  2. Cómo agregar números GTIN en productos en WooCommerce
  3. Cómo vender productos digitales con WooCommerce
  4. Cómo cambiar el texto de Añadir al carrito Guía de WooCommerce con ejemplos
  5. Cómo cambiar el texto del botón Agregar al carrito en la página de la tienda de WooCommerce