Aprende a Mostrar el Ahorro de un Producto en WooCommerce con Shortcode

En el mundo del comercio electrónico, atraer a los clientes es esencial. Una manera efectiva de hacerlo es mostrando el ahorro que pueden obtener al comprar un producto en rebaja. En este artículo, aprenderás a crear un shortcode que te permitirá mostrar el ahorro de un producto en WooCommerce de forma sencilla y efectiva. ¡Vamos a hacerlo! 🚀

Paso 1: Crear la Función para el Shortcode

Vamos a comenzar definiendo nuestra función que calculará el ahorro. Esta parte del código revisará si el producto es válido y calculará la diferencia entre el precio regular y el precio de venta.

function mostrar_ahorro_producto_limpio() {
    global $product;

    if ( ! is_a( $product, 'WC_Product' ) ) {
        return '';
    }

    $regular_price = $product->get_regular_price();
    $sale_price = $product->get_sale_price();

    if ( $regular_price && $sale_price && $regular_price > $sale_price ) {
        $ahorro = $regular_price - $sale_price;

        // Usamos wc_price pero eliminamos todas las etiquetas HTML
        $formatted = wp_strip_all_tags( wc_price( $ahorro ) );

        return 'Ahorra ' . $formatted;
    }

    return '';
}

Explicación del código:

1. global $product: Traemos la variable global $product que representa el producto actual.
2. is_a( $product, ‘WC_Product’ ): Verificamos si $product es de tipo WC_Product; de lo contrario, retornamos una cadena vacía.
3. get_regular_price() y get_sale_price(): Obtenemos los precios regular y de oferta del producto.
4. Cálculo del ahorro: Si el precio regular es mayor que el de oferta, calculamos el ahorro.
5. wp_strip_all_tags(): Limpiamos el formato del precio usando wc_price, que retorna el precio con formato de WooCommerce, y eliminamos cualquier etiqueta HTML.
6. Return: Retornamos el texto ‘Ahorra ‘ seguido del valor formateado.

Paso 2: Agregar el Shortcode a WordPress

Ahora que hemos creado nuestra función, el siguiente paso es registrar el shortcode que podremos utilizar en nuestras entradas o páginas de WordPress.

add_shortcode('ahorro_producto', 'mostrar_ahorro_producto_limpio');

Explicación del código:

• add_shortcode(‘ahorro_producto’, ‘mostrar_ahorro_producto_limpio’);: Registramos el shortcode [ahorro_producto] que llamará a la función mostrar_ahorro_producto_limpio() cuando se utilice en una entrada o página.

Personalización y mejoras

Puedes personalizar el mensaje retornado cambiando el texto ‘Ahorra ‘ por algo más atractivo como ‘¡Compra ahora y ahorra ‘ o agregar emojis para captar más atención. También puedes aplicar diferentes estilos CSS al agregar clases al contenedor del shortcode.

¿Sabías que puedes usar este shortcode en cualquier parte del contenido? Solo debes escribir [ahorro_producto] donde desees que aparezca el ahorro del producto. ¡Es fácil! ⚡

Recuerda personalizarlo a tu estilo y probar diferentes mensajes. ¡Ahora es tu turno! ¡Inténtalo y sorprende a tus clientes! 🙌✅