Como mostrar porcentaje de descuento en WooCommerce

Marketing Blog Como mostrar porcentaje de descuento en WooCommerce

Author: Margetc | 2024-07-19

Tabla de Contenidos

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.


Como mostrar porcentaje de descuento en WooCommerce


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.


¡Hola lectores de Margetc! Comenten y ganen premios emocionantes. Cada mes, los mejores comentarios ganan licencias de complementos premium de WordPress y premios en efectivo. ¡Compartan sus opiniones y ganen! Más detalles aquí.

⭐ Carlos Diaz Maestr@ del marketing, comparte su sabiduría


Excelente, gracias por la información. Es justo lo que buscaba para darle un toque especial a mi tienda.

⭐ Karen Maestr@ del marketing, comparte su sabiduría


¡Impresionante guía! Saber cómo mostrar los descuentos de manera efectiva en WooCommerce es crucial, y tus tips son realmente valiosos. ¡Gracias por la ayuda!

⭐ Alexandra Maestr@ del marketing, comparte su sabiduría


¡Qué gran aporte! Tus instrucciones para mostrar el porcentaje de descuento en WooCommerce son justo lo que necesitaba. ¡Gracias por compartir tu conocimiento!

⭐ Sandra Maestr@ del marketing, comparte su sabiduría


¡Muy buen contenido! Mostrar el porcentaje de descuento en WooCommerce siempre me había parecido complicado, pero con tu guía ahora parece sencillo. ¡Gracias!

⭐ Sebas Maestr@ del marketing, comparte su sabiduría


¡Fantástico post! La manera en que explicas cómo mostrar los descuentos en WooCommerce es muy útil. ¡Definitivamente implementaré tus sugerencias!

⭐ Camilo Maestr@ del marketing, comparte su sabiduría


¡Excelente tutorial sobre cómo mostrar el porcentaje de descuento en WooCommerce! Tus instrucciones son claras y fáciles de seguir. ¡Gracias por compartir!

Comentar este POST
Bernardo Margetc

¿Piensas que conoces tu negocio? Piénsalo de nuevo. Soy el emprendedor que está redefiniendo lo que significa ser un consultor creativo. Con mi equipo, especializado en marketing digital y desarrollo, estamos listos para catapultar tu marca más allá de lo imaginable. Olvídate de lo tradicional; estamos aquí para marcar la diferencia real en tu crecimiento. ¿Listo para el viaje?

¿Necesitas ayuda? Como agencia digital, estamos aquí para brindarte nuestra asistencia.

Requiero ayuda ➞ Más artículos excepcionales Aprende términos desconocidos
Volver arriba ⬆

Todos los derechos reservados © 2024 margetc.com
P. de Privacidad | Aviso Legal | Mapa web html

whatsaapp dudas dudas
⭠ Hablemos de soluciones