Cómo cambiar la variación de precios en WooCommerce [Todas las soluciones]

Como sabes, de forma predeterminada, WooCommerce muestra un rango de precios bajo-alto tanto para productos variables como para productos agrupados.

Cambiar la variación de precios en WooCommerce, a veces se torna obligado.

Por eso, en esta publicación, aprenderás cómo ajustar este formato para mostrar solo el precio más barato, enumerar todos los precios, crear una plantilla de precios personalizada y muchas más opciones, con plugins o sin plugins, sin necesidad de código (o sí). Todo lo que necesites para cambiar la variación de precios en WooCommerce según sea tu caso.

Introducción

¿Buscas una forma de controlar cómo se muestran los rangos de precios de variación de WooCommerce en tu tienda? ¿Buscas cómo cambiar la variación de precios en WooCommerce a tu antojo?

De forma predeterminada, WooCommerce mostrará la gama completa de variaciones de precios en tu tienda y en las páginas de productos individuales.

Entonces, si tus variaciones oscilan, por ejemplo, entre 10 € y  100 €, WooCommerce mostrará el precio de variación inicial como «$ 10 €-  100 €».

Para muchas tiendas, este enfoque puede ser confuso para los compradores y malo para las ventas y las tasas de conversión, por varios motivos que analizaremos en un segundo.

Para solucionar esos problemas, es posible que desees mostrar sólo el precio más barato al principio, ocultar los precios hasta que un comprador haga una selección o implementar alguna otra estrategia de precios personalizada para tu tienda.

En esta publicación, te mostraremos varias fórmulas para que puedas cambiar la variación de precios en WooCommerce, como:

• Cómo cambiar el rango de precios de variación.
• Cómo mostrar solo el precio de variación más barato, por ejemplo, «Desde 10€» o «10+ €».
• Cómo mostrar una lista de todas sus variantes/precios de inmediato.
• Cómo ocultar el precio hasta que un comprador elija una variante.
• Cómo actualizar el precio del producto cuando se selecciona una variación.

¿Por qué es malo mostrar el rango de variación de precios?

En caso de que todavía estés un poco confundid@ con respecto a lo que estamos hablando, la forma predeterminada en que WooCommerce muestra los precios de variación es en un rango de precios bajo-alto como se muestra a continuación:

El precio más bajo del rango es el precio de la variante más barata, mientras que el precio más alto es el precio de la variante más cara.
Puede haber algunos inconvenientes importantes en mostrar esto de esta forma…

Mostrar el precio más alto puede asustar a los compradores

Si tienes una amplia gama de precios variantes, mostrar el rango de precios completo puede asustar a los compradores porque está llamando la atención sobre el precio más alto.

Muchos compradores se anclarán a ese precio alto, lo que podría hacer que se vayan aunque puedan pagar una de las variantes más baratas.

Eso perjudica tus tasas de conversión y te hace perder ventas.

Una mejor opción es mostrar algo como «Desde 10€». De esa forma, los compradores pueden fijarse en el precio más bajo, aunque todavía comuniques que algunas variantes son más caras.

Es difícil para los compradores averiguar lo que realmente pagarán

Más allá de sorprender a las personas, solo mostrar un rango puede dificultar que los compradores descubran lo que realmente pagarán porque deben ingresar y seleccionar una variante específica antes de ver un precio.
Una solución aquí sería enumerar los precios de todas las variaciones de inmediato para que los compradores puedan ver rápidamente lo que pagarán exactamente.

Tu producto variable puede tener necesidades únicas (p. ej., vender por kilos)

Mostrar un rango simplemente no tiene sentido para algunos tipos de productos variables o productos agrupados.

Por ejemplo, supongamos que tienes un producto variable en el que la gran mayoría de las personas compran la variante más barata, pero aún incluye la variante cara que eligen algunos compradores.

Tal vez sea un curso online con una actualización de entrenamiento VIP opcional (y costosa). Si el 98 % de los compradores elige solo el curso online y solo el 2 % agrega la actualización VIP, no tiene sentido dar el mismo peso a ambos precios.

En su lugar, es posible que desees mostrar el precio del curso en sí y luego los compradores pueden ver el precio de entrenamiento VIP si seleccionan esa variante.

O tal vez vendes por Kilos. En este caso, podría ser mejor enumerar todas las variaciones de precios para que los compradores puedan ver instantáneamente cómo cambia el precio según el peso que compran:

O, para el último caso de uso de ejemplo: Supongamos que vendes un producto en el que realmente tiene más sentido mostrar el precio máximo. Por ejemplo, tal vez normalmente vendes tu producto en una caja a granel que incluye 100 artículos y cuesta 75 €, pero también ofrece una muestra barata que cuesta 8 € para que las personas puedan probarlo.

Si deseas alentar a las personas a comprar la caja completa, es posible que prefieras mostrar solo el precio máximo, mientras permites que los compradores seleccionen manualmente la opción de muestra barata si es necesario.

Estas son solo algunas ideas: tu tienda puede tener situaciones totalmente únicas.

Así que vamos a explorar todas las opciones de cómo cambiar la variación de precios en WooCommerce.

Cómo quitar el intervalo de precios en WooCommerce con código.

Si te sientes cómod@ con el código puedes probar esta fórmula.

Se trata de añadir este código en el archivo functions.php de tu tema y quedará resuelto, pero ¿Qué hace este código?

Lo que hace es que en vez de mostrar el rango de precios habitual, saldrá el famoso mensaje; ‘Desde ‘X precio’ I.V.A incluído‘.

// Quitar intervalo de precios con IVA por Alex Fonseca
 function fonseca_variacion_precio_formato( $price, $product ) {
     // Precio Normal
     $prices = array( $product->get_variation_price( 'min', true ), $product->get_variation_price( 'max', true ) );
     $price = $prices[0] !== $prices[1] ? sprintf( __( 'Desde: %1$s I.V.A Incluído', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] );
 // Precio Rebajado $prices = array( $product->get_variation_regular_price( 'min', true ), $product->get_variation_regular_price( 'max', true ) ); sort( $prices ); $saleprice = $prices[0] !== $prices[1] ? sprintf( __( 'Desde: %1$s I.V.A Incluído', 'woocommerce' ), wc_price( $prices[0] ) ) : wc_price( $prices[0] ); if ( $price !== $saleprice ) {     $price = '<del>' . $saleprice . '</del> <ins>' . $price . '</ins>'; } return $price;
 }
 add_filter( 'woocommerce_variable_sale_price_html', 'afonseca_variacion_precio_formato', 10, 2 );
 add_filter( 'woocommerce_variable_price_html', 'afonseca_variacion_precio_formato', 10, 2 );

¿Cómo edito el functions.php?

Hay varias fórmulas:

• Por Cpanel o FTP, localiza el archivo functions.php
• Desde Apariencia>editor de temas
• Con el plugin Code Snippets.

Cómo quitar el rango de precios en WooCommerce sin código (mostrar precio mínimo)

No todo el mundo se siente cómodo con el código. Si eres de esas personas , no te preocupes.  Hay soluciones para todo.

Existe un plugin, que además es gratuito, llamado: Better Variation Price for WooCommerce.

Este plugin sólo tiene una pega: Sólo te va a mostrar el «desde ‘X €’, es decir, el precio mínimo, y ya está.

Si eso es lo que buscas, puedes instalar el plugin aquí mismo.

Es muy sencillo de usar. Una vez que lo instales, vete a ajustes de WooCommerce>Productos>Better variation Price, y podrás activar el ajuste. Así de sencillo.

Cómo mostrar una lista de variaciones de precios por cantidad en un producto

¿Te acuerdas del caso del café? ¿Y si vendes por kilos, o por cantidades determinadas: docenas, etc… ?

Es mejor mostrar directamente el rango de precios en el producto, pero también te sirve para estimular las ventas por cantidad, es decir, si compran más unidades, estimularles con descuento.

Para ello haremos servir de un plugin, esta vez Premium (tan sólo cuesta unos 26 $), llamado: Woo Product Quantity Range Price.

Con este plugin podremos hacer lo mismo que la imagen de arriba: mostrar un solo precio, pero con variaciones según cantidades.

Una vez instalado, en la ficha del producto, podremos crear el rango de precios que queramos, mostrando un sólo precio arriba, pero listando sus posibilidades.

Si te has fijado bien en la imagen, no sólo podremos poner un rango de precios por cantida, también podremos establecerlo en categoría y término de etiqueta. Además de que dicho precio sea para un Rol de usuario establecido si queremos.

Cambiar la variación de precios en WooCommerce al más alto – con código

Si antes habíamos creado la opción ‘desde’… ahora nos puede interesar mostrar el precio más alto (como en el ejemplo que hemos mostrado al principio).

Si ese es tu caso, puedes agregar este código al functions.php

// Mostrar el precio más alto por Alex Fonseca
add_filter( 'woocommerce_variable_sale_price_html', 
'fonseca_variation_price_format', 10, 2 ); 
add_filter( 'woocommerce_variable_price_html', 
'fonseca_variation_price_format', 10, 2 ); 

function fonseca_variation_price_format( $price, $product ) { 

// Precio base 
$prices = array( $product->get_variation_price( 'max', true ), 
$product->get_variation_price( 'min', true ) ); 
$price = $prices[0] !== $prices[1] ? sprintf( __( 'Hasta: %1$s', 'woocommerce' ), 
wc_price( $prices[0] ) ) : wc_price( $prices[0] ); 

// Precio rebajado 
$prices = array( $product->get_variation_regular_price( 'max', true ), 
$product->get_variation_regular_price( 'min', true ) ); 
sort( $prices ); 
$saleprice = $prices[0] !== $prices[1] ? sprintf( __( 'Hasta: %1$s', 'woocommerce' ), 
wc_price( $prices[0] ) ) : wc_price( $prices[0] ); 

if ( $price !== $saleprice ) { 
$price = '<del>' . $saleprice . $product->get_price_suffix() . '</del> <ins>' . $price . $product->get_price_suffix() . '</ins>'; } return $price; }

Cómo establecer un precio base y sumar precio según añadan

Esta podría ser una solución mixta: Por una parte controlas el intervalo de precios, ya que muestras un sólo precio base, y así puedes cambiar la variación de precios en WooCommerce; y por otro lado, se puede agregar opciones al producto que sumen precio.

Es como cuando vas a una hamburguesería. Una hamburguesa de base (pan, hamburguesa y lechuga) cuesta 2€, pero si le añades queso u otro complemento, la hamburguesa acaba costando más, pongamos por ejemplo, 1 € por complemento.

Al final, es lo más parecido al crosselling, que acabas vendiendo más por los complementos que por el producto en sí. Te muestro un ejemplo:

Para realizar esta operación podemos servirnos de varios plugins, y tengo dos favoritos: WooCommerce Extra Products Options, una maravilla de plugin.

Y otra maravilla, con bastante garra visual: Yith Composite Products for WooCommerce.

Debo decir que ambos son Premium (de pago), pero que merecen bastante la pena.

Con Yith Composite Products for WooCommerce, podemos hacer esto que he mencionado y mucho más, como:

• Permitir que tus clientes ensamblen su propio producto utilizando otros productos de la tienda.
• El precio del producto puede ser fijo o determinado por la suma de los precios de todos los productos incluidos.
• Mostrar los componentes de los productos compuestos de tres formas diferentes: listado, acordeón o paso.
• Permitir que los clientes elijan de una lista de productos, filtrados por identificación, categorías o etiquetas.
• Establecer una cantidad mínima y/o máxima permitida para cada componente

Y esto es sólo unos pocos ejemplos.

Todo el control para cambiar la variación de precios en WooCommerce

Para muchas tiendas de WooCommerce, la forma predeterminada en que WooCommerce muestra los rangos de precios de variación de productos no es óptima.

Con estas soluciones para cambiar la variación de precios en WooCommerce, puedes ajustar fácilmente cómo se muestran tus rangos de precios de variación para crear una mejor configuración para tu tienda.

Es posible que te ronde por la cabeza otra situación distinta a las que he mencionado para cambiar la variación de precios en WooCommerce. Si se te ocurre alguna, escríbeme y me la cuentas y reeditaré este post con la solución, o bien, deja un comentario y estaré encantado de seguir aportando soluciones.

Si deseas saber mucho más sobre WooCommerce y controlar a la perfección tu tienda online, te recomiendo mi curso: Como crear tu tienda online con WooCommerce.