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 . '';
}
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.

¿Conoces realmente el potencial de tu negocio? Nuestro equipo especializado en marketing digital y desarrollo está aquí para transformar tus ideas en resultados. Olvídate de estrategias genéricas; creamos soluciones personalizadas que impulsan el crecimiento de tu marca. Es el momento de destacar y marcar la diferencia. ¿Estás listo para llevar tu negocio al siguiente nivel? ¡Hablemos!
¿Necesitas ayuda? Como agencia digital, estamos aquí para brindarte nuestra asistencia.
Requiero ayuda ➞ Más artículos excepcionales Aprende términos desconocidos