Cómo cambiar el botón de “Añadir al carrito” por “Ver producto” en WooCommerce

(Votos: 3 Promedio: 5)

Cambiar el botón de “Añadir al carrito” por “Ver producto” es un truco fácil, sencillo y para toda la familia que puedes hacer en tu tienda online con WooCommerce.

¿A qué viene esto?

Te explico.

Botones de una tienda online

¿Cómo funciona el botón de cada producto en la página de la tienda?

El funcionamiento por defecto de WooCommerce cuando estamos navegando por la página de la tienda o en los diferentes archivos de categorías, atributos, etc. es el siguiente, y depende del tipo de producto ante el que nos encontremos:

  • Si estamos ante un producto simple, su botón asociado te dejará añadirlo directamente al carrito.
  • Si estamos ante un producto variable, su botón asociado te permitirá ir a su ficha de producto para poder ver sus características y elegir sus atributos.
  • Si estamos ante un producto agrupado, su botón te dejará ir a la ficha de producto y escoger cuáles de los productos que forman la agrupación quieres comprar.
  • Si estamos ante un producto externo o afiliado, su botón te permitirá ir a la página externa desde donde comprar el producto.
  • Y, por último, independientemente del tipo de producto, si es virtual, el botón asociado te dejará ir a su ficha de producto.

Es posible que este funcionamiento sea útil en algunos casos, como por ejemplo en supermercados donde no hace falta entrar en la ficha de producto para comprar pues ya tenemos claro a priori que queremos, pero confuso en otros.

Cada producto tiene asociado un botón con un comportamiento distinto, y el cliente no tiene por qué entender cuándo es de una manera y cuándo es de otra.

De hecho, pienso que lo más cómodo de entender es que el botón, independientemente de que tipo de producto sea, te lleve a la ficha de producto correspondiente. Esto es lo que pasa cuando haces clic en la foto destacada.

Y repito, siempre que tu tienda necesite este comportamiento y no otro.

Cambiando el botón de “Añadir al carrito” por “Ver producto”

Y entonces, ¿cómo puedo substituir el botón con el funcionamiento que comentamos arriba por otro que simplemente te deje entrar en la ficha del producto en todos los casos ?

Pues tendrías que añadir dos funciones.

Debes abrir el archivo functions.php desde el administrador de WordPress. Lo encontrarás en Apariencia -> Editor de temas. Recuerda que debes tener un tema hijo instalado para que los cambios no se borren.

/**
 * Desactivamos el botón por defecto “Añadir al carrito”
 */
remove_action('woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10);

Con esta primera función desactivo el botón por defecto.

/**
 * Creamos el nuevo botón en el lugar donde se encontraría el otro
 */
function cambiar_boton_ver_producto() {
	global $product;
	$link = $product->get_permalink();
	echo '<a href="' . $link . '" class="button addtocartbutton">Ver produto</a>'; //creamos el link con una clase botón
}
add_action('woocommerce_after_shop_loop_item', 'cambiar_boton_ver_producto', 10);

Con esta segunda función lo que hago es añadir un botón asociado a cada producto con el texto “Ver producto”.

Conclusión

Otra función de WooCommerce que puede ser útil en algunos momentos.

Dependerá de tu negocio y cómo naveguen y compren tus clientes.

¿Cómo lo ves? ¿Te gusta más este funcionamiento o el que viene por defecto?

Los últimos artículos

Deja un comentario



· Descarga ahora la masterclass gratis ·

Las claves de una web profesional y rentable

Responsable:

Anxo Sánchez García (yo mismo).
Tlf: (+34) 678 373 399.
Email: info(@)anxosanchez.com.

Finalidad:

Gestionar, atender y responder las solicitudes de información o cualquiera comunicación hecha a través de este formulario.

Legitimación:

Consentimiento del usuario que hace uso de la herramienta.

Destinatarios:

Los datos que me envías están almacenados en los servidores de Raiola Networks. Puedes ver aquí  su política de privacidad.

Derechos:

Puedes acceder, rectificar y suprimir tus datos.

Más información:

Échale un vistazo a mi política de privacidad.

Anxo Sánchez en formato tablet