Mostrar la cantidad de ventas de un producto en WooCommerce

Este snippet de código es especialmente útil para tiendas en online que utilizan WooCommerce en WordPress. Permite mostrar la cantidad total de ventas de un producto específico en la página del producto. A continuación, te explicaré cómo funciona este snippet, sus casos de uso y cómo implementarlo en tu sitio web.

Snippet para Mostrar la Cantidad de Ventas de un Producto en WooCommerce

¿Cómo funciona?

Este snippet de código se compone de una función principal show_product_sales() que se encarga de hacer lo siguiente:

  1. Verificar el Tipo de Página: Primero, verifica que el usuario esté viendo una página de producto de WooCommerce.
  2. Obtener el ID del Producto: Extrae el ID del producto que se está visualizando.
  3. Recuperar el Número de Ventas: Utiliza el ID del producto para obtener el número total de ventas desde los metadatos del post.
  4. Mostrar el Número de Ventas: Finalmente, muestra el número total de ventas en la página del producto con un icono de carrito de compras.

Casos de Uso

Transparencia y Confianza

Mostrar el número de ventas de un producto puede aumentar la transparencia y generar confianza entre los compradores potenciales.

Estrategia de Marketing

Este tipo de información puede ser útil como una estrategia de marketing para impulsar más ventas. Los productos con un alto número de ventas pueden atraer más atención.

Análisis de Datos

También puede ser útil para fines de análisis interno, para entender qué productos son los más populares y centrar esfuerzos de marketing en ellos.

¿Cómo Implementar el Snippet?

Para implementar este snippet en tu sitio web de WordPress con WooCommerce, sigue estos pasos:

  1. Accede al Panel de WordPress: Ve a tu panel de administración de WordPress.
  2. Editor de Temas: Navega hasta Apariencia > Editor de temas.
  3. Archivo functions.php: Encuentra y abre el archivo functions.php de tu tema activo.
  4. Pegar el Código: Copia y pega el snippet de código al final del archivo functions.php.
  5. Guardar Cambios: Haz clic en «Actualizar archivo» para guardar los cambios.
// Función para mostrar la cantidad de ventas del producto
function show_product_sales() {
    global $product;

    // Asegurarse de que estamos en un producto
    if ( ! is_a( $product, 'WC_Product' ) ) {
        return;
    }

    // Obtener el ID del producto
    $product_id = $product->get_id();

    // Obtener el número total de ventas para ese producto
    $total_sales = get_post_meta( $product_id, 'total_sales', true );

    // Mostrar el número de ventas con un icono de color, solo si hay ventas
    if ( $total_sales > 0 ) {
        echo '<p class="product-sales-count" style="line-height:15px;"><span class="dashicons dashicons-info" style="color: #fc0374;"><small></span> Cantidades vendidas: <b>' . esc_html( $total_sales ) . '</b></small></p>';
    }
}

// Añadir la acción para mostrar la cantidad de ventas debajo del título del producto
add_action( 'woocommerce_before_add_to_cart_form', 'show_product_sales', 6 );

 

Personalización y Mejoras

Este snippet es bastante básico y se puede personalizar según tus necesidades. Por ejemplo:

  • Podrías añadir condiciones para mostrar el número de ventas solo para ciertos productos.
  • Podrías cambiar el icono del carrito de compras o el texto que se muestra.

Espero que este post te sea de ayuda para entender cómo utilizar este snippet en tu tienda WooCommerce. Si tienes más preguntas o necesitas más personalización, no dudes en preguntar.

¡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: