Sustituir el precio variable por el precio de la variación activa en el producto de WooCommerce

Los productos variables en WooCommerce tienen unos ajustes por defecto que confunden al usuario. Uno de ellos es el precio cuando cada variación tiene uno diferente, que sale en un rango de precios y el usuario no sabe lo que vale cada uno. Para esto ya tengo un tutorial en el blog de como cambiarlo.

El otro problema que hay con el precio es que cuando elegimos una variación no se cambia el precio principal, si no que sale otro precio abajo:

Esto confunde al cliente, ya que le salen dos precios diferentes y no sabe cuál es el precio real del producto. Lo ideal sería que el precio de arriba cambiase cuando seleccionamos cada variación… y esto es lo que vamos a cambiar en este tutorial!

Para conseguirlo, vamos a instalar el plugin gratuito del repositorio oficial de WordPress «Better Variation Price for Woocommerce«. Este plugin nos permite hacer tres ajustes en los productos variables:

• Mostrar el precio desde X. Esto ya lo vimos en otro tutorial.
• Cambiar el precio base de la variación cuando seleccionamos una. Esto es lo que queremos conseguir, por tanto la marcaremos.
• Eliminar el botón de limpiar variaciones.

Nos vamos a WooCommerce > Ajustes > Productos > Better Variation Price y seleccionamos «Better Variation Price» para conseguir este efecto:

Con esto arreglamos este ajuste poco optimizado en WooCommerce. Personalmente lo suelo poner en todas las tiendas que venden productos variables con diferentes precios para que no haya fricción con el cliente.

Cualquier duda como siempre os leo en comentarios.