Mostrar un contador con compras recientes

Este contador puede ser una herramienta poderosa para aumentar la confianza de tus clientes y, en última instancia, tus ventas.

¿Por qué es importante un contador de compras recientes?

Un contador de compras recientes muestra el número de personas que han comprado un producto en un período de tiempo específico. Esto no solo crea un sentido de urgencia, sino que también establece confianza, mostrando que otros clientes ya han hecho una compra.

¿Cómo funciona el contador de compras recientes?

La función que vamos a implementar recopila datos de todas las compras realizadas en el último mes. Luego, suma las unidades compradas de un producto específico y muestra el total en la página del producto.

Beneficios de implementar este contador en woocommerce

  1. Aumenta la Confianza del Cliente: Ver que otros han comprado el mismo producto puede aliviar las preocupaciones de los nuevos clientes.
  2. Crea Urgencia: Un contador que muestra un alto número de compras recientes puede incentivar a los clientes a comprar antes de que se agote el stock.
  3. Mejora la Experiencia del Usuario: Proporciona información adicional que puede ser útil para el cliente en el proceso de toma de decisiones.

Preparativos antes de implementar el código

Antes de seguir adelante, asegúrate de tener acceso al archivo functions.php de tu tema de WordPress, ya que necesitarás añadir el código allí. Si no te sientes cómodo editando archivos de código, considera hacer una copia de seguridad de tu sitio web.

Ahora que comprendes la importancia y los beneficios de tener un contador de compras recientes, es hora de implementarlo en tu tienda WooCommerce. A continuación, encontrarás el snippet de código que debes añadir a tu archivo functions.php.

<?php
/**
 * Función para mostrar contactor de compras recientes.
 */
function bf_purchases_counter() {
    global $product;

    // Todas las compras del último mes.
    $all_orders = wc_get_orders(
        array(
            'limit'      => -1,
            'status'     => array_map( 'wc_get_order_status_name', wc_get_is_paid_statuses() ),
            'date_after' => date( 'Y-m-d', strtotime( '-1 month' ) ),
            'return'     => 'ids',
        )
    );

    // Sumamos todas las unidades compradas
    $count = 0;
    foreach ( $all_orders as $all_order ) {
        $order = wc_get_order( $all_order );
        $items = $order->get_items();
        foreach ( $items as $item ) {
            $product_id = $item->get_product_id();
            if ( $product_id === $product->get_id() ) {
                $count += absint( $item['qty'] );
            }
        }
    }

    if ( $count > 0 ) {
        echo '<p>Compras recientes: $count</p>';
    }
}
add_action( 'woocommerce_single_product_summary', 'bf_purchases_counter', 11 );

 

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