Cómo cambiar el mensaje de «Producto agregado al carrito» en WooCommerce

WooCommerce es una de las plataformas más populares para crear tiendas en línea con WordPress. Una de las ventajas de WooCommerce es su flexibilidad para personalizar casi cualquier aspecto de tu tienda, incluyendo los mensajes que se muestran a los clientes. En este artículo, te mostraré cómo cambiar el mensaje de «Producto agregado al carrito» utilizando el hook wc_add_to_cart_message_html.

¿Qué es el Hook wc_add_to_cart_message_html?

El hook wc_add_to_cart_message_html te permite modificar el HTML del mensaje que se muestra cuando un producto se añade al carrito. Esto es útil si deseas personalizar este mensaje para adaptarlo al estilo de tu tienda o para proporcionar información adicional a tus clientes.

Ejemplo básico

Para empezar, vamos a ver un ejemplo básico de cómo cambiar el mensaje por defecto. Añade el siguiente código PHP a tu archivo functions.php del tema activo.

<?php
add_filter('wc_add_to_cart_message_html', 'personalizar_mensaje_agregar_al_carrito', 10, 2);

function personalizar_mensaje_agregar_al_carrito($message, $products) {
    $nuevo_mensaje = "¡Producto añadido al carrito exitosamente!";
    return $nuevo_mensaje;
}

En este ejemplo, hemos cambiado el mensaje por defecto a «¡Producto añadido al carrito exitosamente!».

Ejemplo con nombre del producto

Si deseas incluir el nombre del producto en el mensaje, puedes hacerlo de la siguiente manera:

<?php
add_filter('wc_add_to_cart_message_html', 'personalizar_mensaje_agregar_al_carrito', 10, 2);

function personalizar_mensaje_agregar_al_carrito($message, $products) {
    $product_names = array();

    foreach ($products as $product_id => $qty) {
        $product = wc_get_product($product_id);
        $product_names[] = $product->get_name();
    }

    $nombres_productos = implode(', ', $product_names);
    $nuevo_mensaje = sprintf('Has añadido "%s" al carrito.', $nombres_productos);

    return $nuevo_mensaje;
}

Este código recupera el nombre del producto y lo incluye en el mensaje.

Ejemplo con enlace al carrito

También puedes añadir un enlace al carrito para facilitar la navegación al usuario. Aquí tienes cómo hacerlo:

<?php
add_filter('wc_add_to_cart_message_html', 'personalizar_mensaje_agregar_al_carrito', 10, 2);

function personalizar_mensaje_agregar_al_carrito($message, $products) {
    $product_names = array();

    foreach ($products as $product_id => $qty) {
        $product = wc_get_product($product_id);
        $product_names[] = $product->get_name();
    }

    $nombres_productos = implode(', ', $product_names);
    $enlace_carrito = wc_get_cart_url();
    $nuevo_mensaje = sprintf('Has añadido "%s" al carrito. <a href="%s">Ver carrito</a>.', $nombres_productos, $enlace_carrito);

    return $nuevo_mensaje;
}

Este ejemplo incluye un enlace que lleva al carrito de compras.

Ejemplo con mensajes diferentes según la cantidad de productos

Si deseas mostrar un mensaje diferente dependiendo de la cantidad de productos añadidos, puedes usar el siguiente código:

<?php
add_filter('wc_add_to_cart_message_html', 'personalizar_mensaje_agregar_al_carrito', 10, 2);

function personalizar_mensaje_agregar_al_carrito($message, $products) {
    $product_names = array();
    $cantidad_total = 0;

    foreach ($products as $product_id => $qty) {
        $product = wc_get_product($product_id);
        $product_names[] = $product->get_name();
        $cantidad_total += $qty;
    }

    $nombres_productos = implode(', ', $product_names);

    if ($cantidad_total > 1) {
        $nuevo_mensaje = sprintf('Has añadido %d productos (%s) al carrito.', $cantidad_total, $nombres_productos);
    } else {
        $nuevo_mensaje = sprintf('Has añadido "%s" al carrito.', $nombres_productos);
    }

    return $nuevo_mensaje;
}

En este caso, se muestra un mensaje diferente si el cliente añade más de un producto al carrito.

Personalizar el mensaje de «Agregar al carrito» en WooCommerce es una excelente manera de mejorar la experiencia del usuario y adaptar los mensajes a las necesidades específicas de tu tienda. Usando el hook wc_add_to_cart_message_html, puedes modificar este mensaje de varias formas según tus preferencias.

¡Espero que estos ejemplos te sean útiles para personalizar tu tienda WooCommerce!