Cambiar el Precio de 0€ a GRATIS en Productos de WooCommerce

Este artículo te guiará a través de un snippet de código que te permitirá cambiar la etiqueta de precio de 0€ a «GRATIS» en tus productos de WooCommerce. Este pequeño fragmento de código es especialmente útil para tiendas en línea que ofrecen productos gratuitos y desean destacar esta característica de una manera más atractiva para los clientes.

¿Cómo funciona?

Este snippet de código se añade al archivo functions.php de tu tema de WordPress. Utiliza el filtro woocommerce_get_price_html para modificar la etiqueta de precio que se muestra en la página del producto y en otros lugares donde se muestra el precio del producto.

Aquí está el código completo:

// Cambia precio 0€ por GRATIS en los productos de Woocommerce
function change_free_price_label( $price, $product ) {
    if ( empty( $product->get_price() ) ) {
        return __( '¡GRATIS!', 'textdomain' );
    }
    return $price;
}
add_filter( 'woocommerce_get_price_html', 'change_free_price_label', 10, 2 );

 

Casos de Uso del Snippet

Este snippet es especialmente útil en los siguientes escenarios:

  1. Productos Promocionales: Si estás ofreciendo productos gratuitos como parte de una promoción.
  2. Muestras Gratuitas: Para productos que son muestras gratuitas.
  3. Productos Digitales Gratuitos: Como eBooks, plantillas, o cursos en línea que se ofrecen de forma gratuita.
  4. Servicios Gratuitos: Si ofreces consultas o servicios gratuitos y los has listado como productos en tu tienda.

Cómo Implementar el Snippet

  1. Accede al Panel de WordPress: Ve a tu panel de administración de WordPress.
  2. Navega a Apariencia: Haz clic en «Apariencia» y luego en «Editor de Temas».
  3. Encuentra functions.php: En la lista de archivos del tema, busca el archivo functions.php.
  4. Inserta el Código: Copia y pega el snippet de código al final del archivo functions.php.
  5. Guarda los Cambios: Haz clic en «Actualizar archivo» para guardar los cambios.

Consideraciones Adicionales

  • Asegúrate de hacer una copia de seguridad de tu sitio web antes de realizar cualquier cambio en los archivos del tema.
  • Si estás utilizando un tema hijo, añade el snippet al archivo functions.php del tema hijo para evitar perder los cambios cuando actualices el tema principal.

Con este snippet, podrás mejorar la experiencia de usuario en tu tienda WooCommerce, haciendo que los productos gratuitos sean más visibles y atractivos para tus clientes.

¡Más Snippets, Más Opciones!

Al compartir, motivamos a más desarrolladores a contribuir. Ayúdanos a hacer de este directorio un punto de referencia en snippets.

Facebook
Twitter
LinkedIn
Telegram
WhatsApp

¿Cómo implementar este snippet en la web?

Tienes 2 opciones, una de ellas es mediante plugin y la otra pegando el código en tu web.

1. Añadir snippet con plugin

code-snippets

Code Snippets

Por Code Snippets Pro

  1. Descarga el plugin o búscalo en el repositorio de plugins de Wordpress e instálalo en tu web.
  2. En el menú lateral del Escritorio verás un nuevo enlace (Fragmetos de código). Ves a Fragmentos de código > Añadir nuevo.
  3. Se abrirá una página con un título, bloque de código, descripción y etiquetas, rellena el título con el que quieras guardarlo, ejemplo: Añadir Google Analytics.
  4. En la parte código verás que está activo PHP, ahí pega el código del snippet
  5. La descripción y las etiquetas solo son para tu información y para que luego encuentres más fácil los snippets.
  6. Publicar y activar el snippet.

2. Añadir snippet en el functions.php

Diseño web con WordPress

Accede al archivo functions.php de tu tema o tema hijo, pega el snippet y guarda el archivo.

Lo encontrarás en Apariencia > Editor de archivos de tema, pinchas sobre el enlace  functions.php y pegas el código al final del archivo.

Relacionados: