Como mostrar porcentaje de descuento en WooCommerce

Estás buscando la manera de incluir descuentos porcentuales en WooCommerce? En este post, te compartiremos algunos consejos para que sean visibles en nuestra tienda en línea WooCommerce. ¡Sigue leyendo para obtener más información!

Por qué es Importante mostrar porcentajes de descuentos en WooCommerce

Los porcentajes o avisos de descuentos en los productos de WooCommerce son de gran importancia para captar la atención de potenciales clientes, ya que estamos brindando productos en ofertas irresistibles. Esta estrategia no solo atrae a consumidores en busca de precios más atractivos, sino que también crea un sentido de urgencia y exclusividad. Al mostrar de manera destacada los porcentajes de descuento, creamos una experiencia de compra más atractiva y persuasiva.

Este destacado apartado se puede implementar fácilmente en una sección dedicada o en el menú principal, bajo la denominación de "Productos en Descuento" o "Ofertas del Día". De esta manera, lograremos captar de forma más efectiva la atención de nuestros usuarios hacia la tienda en línea.

A continuación, presentaremos las formas o posibilidades para insertar avisos de porcentajes de ofertas.

Mostrar aviso en productos con Ofertas

Realicemos el paso a paso de la inserción de nuestro código en nuestro sitio web para visualizar nuestro aviso de ofertas en nuestra tienda:

1) Nos dirigimos a nuestro WordPress e ingresamos al panel.

2) Buscamos la opción llamada "Apariencia" > "Editor de archivos de temas" (Recomendamos realizarlo mediante FTP si es posible).

3) Insertamos el código en nuestro archivo functions.php al final del todo.

4) Damos clic en guardar y nos aseguramos de borrar la caché.

Este sencillo proceso permitirá la visualización de forma efectiva de los avisos de porcentajes de ofertas en los productos de tu tienda WooCommerce. ¡Recuerda siempre respaldar tu sitio web antes de realizar cambios en el código y asegurarte de seguir las mejores prácticas de seguridad!

add_action( 'woocommerce_before_shop_loop_item_title', function() {
	$postdate      = get_the_time( 'Y-m-d' ); 
	$postdatestamp = strtotime( $postdate ); 
	$new       = 30;                   
	if ( ( time() - ( 60 * 60 * 24 * $new ) ) < $postdatestamp ) {
		echo '
' . esc_html__( 'Nuevo', 'total' ) . '
';
	}
}, 20 );

Paso a paso para mostrar aviso como porcentaje de descuento

Realicemos el paso a paso de la inserción de nuestro código en nuestro sitio web para visualizar nuestro aviso de descuentos en nuestra tienda:

1) Nos dirigimos a nuestro WordPress e ingresamos al panel.

2) Buscamos la opción llamada "Apariencia" > "Editor de archivos de temas" (Recomendamos realizarlo mediante FTP si es posible).

3) Insertamos el código en nuestro archivo functions.php al final del todo.

4) Damos clic en guardar y nos aseguramos de borrar la caché.

Este sencillo proceso permitirá la visualización de forma efectiva de los avisos de porcentajes de ofertas en los productos de tu tienda WooCommerce. ¡Recuerda siempre respaldar tu sitio web antes de realizar cambios en el código y asegurarte de seguir las mejores prácticas de seguridad!

add_filter( 'woocommerce_sale_flash', 'anadir_etiqueta_de_porcentaje_producto', 20, 3 );
function anadir_etiqueta_de_porcentaje_producto( $html, $post, $product ) {
    if( $product->is_type('variable')){
        $percentages = array();

        $prices = $product->get_variation_prices();

        foreach( $prices['price'] as $key => $price ){
            if( $prices['regular_price'][$key] !== $price ){
                $percentages[] = round(100 - ($prices['sale_price'][$key] / $prices['regular_price'][$key] * 100));
            }
        }
        $percentage = max($percentages) . '%';
    } else {
        $regular_price = (float) $product->get_regular_price();
        $sale_price    = (float) $product->get_sale_price();

        $percentage    = round(100 - ($sale_price / $regular_price * 100)) . '%';
    }
    return '' . esc_html__( '-', 'woocommerce' ) . ' ' . $percentage . '';
}

¡Impulsa tu éxito ahora!

Con estos pasos, hemos resuelto la inserción de avisos de SALE en WooCommerce. Si tienes alguna pregunta o duda, no dudes en contactarnos a través de nuestro formulario. Estaremos encantados de asesorarte y proporcionarte la ayuda que necesitas.