Mostrar el descuento en porcentaje o valor absoluto dependiendo del precio en WooCommerce

webempresa woocommerce diegol

Según el libro de Brainfluence de Roger Dooley donde habla de la psicología del consumidor y el neuromarketing, nos enseña que las percepciones de valor y precio pueden tener un impacto profundo en la decisión de compra. En el ámbito del comercio electrónico, una estrategia efectiva para influir en estas percepciones es mostrar descuentos de manera que resuene con la mente del consumidor. Al decidir cómo presentar descuentos, es crucial considerar si mostrar el descuento en valor absoluto o en porcentaje es más beneficioso según el precio del producto.

En este libro Roger indica que si el precio es inferior a 100€ deberíamos mostrarlo en porcentaje(valor relativo) y si es superior a 100€ en precio rebajado(valor absoluto). En este artículo vamos a ver cómo mostrar el descuento de varias formas y condicionalmente dependiendo del valor del producto. Todo sin plugins.

¿Por qué utilizar esta estrategia?

  • Clara Percepción de Ahorro: Cuando los clientes ven el ahorro exacto en términos absolutos o el porcentaje de descuento, pueden evaluar rápidamente la ventaja de la compra. Esto es particularmente efectivo en productos de alto valor, como explico el el vídeo si el producto es carlo un descuento en valor absoluto impresionará más.
  • Aumento del Valor Percibido: Al mostrar descuentos de manera estratégica, se puede aumentar la percepción del valor del producto. Por ejemplo, un descuento de «Ahorra 20€» en un producto de 150 euros puede parecer más tentador que simplemente ver el precio rebajado sin contexto.
  • Flexibilidad en Estrategias de Marketing: Ofrecer ambos tipos de descuentos según el precio del producto permite adaptar la estrategia de precios a diferentes segmentos de mercado y tipos de productos, maximizando así el atractivo entre diversos clientes.
  • Incremento en la Urgencia de Compra: Los descuentos bien presentados pueden crear un sentido de urgencia. Ver un descuento en valor absoluto puede impulsar a los consumidores a actuar rápidamente antes de que desaparezca la oferta.
  • Optimización de la Conversión: Diferentes formatos de descuento pueden ser más efectivos en distintas plataformas o campañas publicitarias. Experimentar con ambos tipos puede ayudar a identificar qué formato convierte mejor en diferentes canales de marketing digital.

Implementar mostra el descuento en valor realtivo y absoluto en WooCommerce

He creado una serie de códigos para poder mostrar esta opción dependiendo de lo que prefiramos, en cada sección explico en que consiste el código. Recordad que tenéis el vídeo en el artículo de cómo lo implemento y estos códigos deben ser añadidos al fichero functions.php de nuestro Child Theme o bien a nuestro plugin de funcionalidades como explico aquí.

Mostrar descuento condicionalmente en la ficha de producto

En este caso, este código nos permite mostrar el descuento dependiendo del precio en la ficha de producto. Si el precio es inferior a 100€ lo mostrará en porcentaje y si es superior a 100€ en importe rebajado. Dejo ejemplo:

descuento valor absoluto woocommerce

Si deseas tener esta función te dejo el siguiente código:

add_filter('woocommerce_get_price_html', 'custom_discount_display', 10, 2);

function custom_discount_display($price_html, $product) {
    // Solo modificar el precio en las páginas de producto
    if (is_product()) {
        // Obtenemos el precio regular y el precio de venta
        $regular_price = $product->get_regular_price();
        $sale_price = $product->get_sale_price();

        if (!empty($sale_price) && $sale_price < $regular_price) {
            // Calculamos el descuento
            $discount = $regular_price - $sale_price;

            // Definimos los estilos
            $style = 'background-color: #D9534F; display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; color: #fff; text-align: center; border-radius: .25em;';

            // Verificamos el precio regular para determinar cómo mostrar el descuento
            if ($regular_price > 100) {
                // Si el precio regular es superior a 100€, mostramos el descuento en valor absoluto
                $price_html .= sprintf('<div class="savings" style="%s">Ahorra %s€</div>', $style, $discount);
            } else {
                // Si el precio es inferior a 100€, calculamos el porcentaje de descuento
                $percentage = round(($discount / $regular_price) * 100);
                $price_html .= sprintf('<div class="savings" style="%s">Ahorra %s%%</div>', $style, $percentage);
            }
        }
    }

    return $price_html;
}

Puedes cambiar los estilos, posición de descuento y el precio de ancla en el código. Por otro lado, si lo quieres mostrar en el catálogo de productos:

Mostrar descuento condicionalmente en el catálogo de productos

Por otro lado, este código nos permite mostrar el descuento dependiendo del precio en las páginas de archivos de WooCommerce, es decir, categorías, página de tienda… Si el precio es inferior a 100€ lo mostrará en porcentaje y si es superior a 100€ en importe rebajado. Dejo ejemplo:

Añade el siguiente código, se puede complementar con el anterior y añadir los dos:

add_action('woocommerce_after_shop_loop_item_title', 'add_discount_below_price_catalog', 20);

function add_discount_below_price_catalog() {
    global $product;

    // Asegurarse que el producto está en oferta y estamos en una página de listado
    if ($product->is_on_sale()) {
        $regular_price = $product->get_regular_price();
        $sale_price = $product->get_sale_price();
        $discount = $regular_price - $sale_price;
        $percentage = round(($discount / $regular_price) * 100);

        // Estilos para el descuento
        $style = 'background-color: #D9534F; color: #fff; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; text-align: center; border-radius: .25em; margin-top: 5px; display: block;';

        // Mostrar el descuento
        if ($regular_price > 100) {
            echo '<div class="savings" style="' . $style . '">Ahorra ' . $discount . '€</div>';
        } else {
            echo '<div class="savings" style="' . $style . '">-' . $percentage . '%</div>';
        }
    }
}

Mostrar el descuento en valor relativo y absoluto en WooCommerce

En este caso, vamos a mostrarle al cliente lo que se ahorra tanto en porcentaje como en dinero:

descuento valor absoluto y relativo woocommerce

¿Interesante no? Pues sería añadir el siguiente código:

add_filter('woocommerce_get_price_html', 'custom_discount_display', 10, 2);

function custom_discount_display($price_html, $product) {
    // Obtenemos el precio regular y el precio de venta
    $regular_price = $product->get_regular_price();
    $sale_price = $product->get_sale_price();

    if (!empty($sale_price) && $sale_price < $regular_price) {
        // Calculamos el descuento
        $discount = $regular_price - $sale_price;
        $percentage = round(($discount / $regular_price) * 100);

        // Estilos para el descuento en valor absoluto
        $style_abs = 'color: #c60000; font-size: 16px; line-height: 28px; font-weight: 600; text-align: center; display: inline-block; margin: 0 0 0 16px; box-sizing: border-box;';

        // Estilos para el descuento en porcentaje
        $style_percent = 'padding: 2px 8px; display: inline-flex; align-items: center; justify-content: center; min-width: 45px; height: 20px; background: #feee00; border-radius: 4px; position: relative; font-size: 90%; font-weight: bold;';

        // Mostramos el descuento en valor absoluto y en porcentaje
        $price_html .= sprintf('<div class="savings absolute" style="%s">Ahorra %s€</div>', $style_abs, $discount);
        $price_html .= sprintf('<div class="savings percent" style="%s">%s%%</div>', $style_percent, $percentage);
    }

    return $price_html;
}

Conclusiones

Si ofreces descuentos en tu tienda online, cómo y donde mostrarlos en una decisión clave. Si se aplica correctamente, como sugiere el libro «Brainfluence» y los principios de neuromarketing, el método de mostrar descuentos puede significativamente influir en las decisiones de compra del consumidor, aumentar el tráfico en la tienda online y mejorar las tasas de conversión.

Elegir entre un descuento en valor absoluto o en porcentaje, o una combinación de ambos, dependerá de los objetivos específicos de la campaña y del conocimiento del público objetivo. Esta flexibilidad y adaptación a las percepciones y expectativas del consumidor puede resultar en un aumento notable en las ventas y la lealtad del cliente.

Para ellos tienes varios ejemplos de código de cómo aplicarlos y mi vídeotutorial. Para más consultas recuerda que ofrezco mi servicio de mantenimiento WooCommerce y creación de tiendas online.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 5)
template monsters diegol

Especialista en Comercio electrónico con Woocommerce. Te ayudo a crear, gestionar y publicitar tu Ecommerce en función de tu sector y público objetivo. Puedes encontrarme en Diegol.top

¿Necesitas ayuda con este tutorial? Mándame un correo y te resuelvo todas las dudas!


Ver servicios Curso de WooCommerce

También puedes realizar una donacion para seguir apoyando la salida de nuevos tutoriales y actualizaciones

Reader Interactions

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *