Imagina esto: un cliente está navegando por tu tienda online, encuentra un producto que le interesa y, justo cuando está a punto de tomar una decisión, ve un contador o cuenta trás que indica cuánto tiempo le queda para aprovechar un descuento exclusivo. De repente, esa decisión que podría haberse postergado se convierte en una compra inmediata. ¿Por qué? Porque la urgencia es un poderoso motivador de compra.
En este artículo, aprenderás cómo establecer una cuenta atrás en los descuentos de WooCommerce tanto con plugin como sin plugin, una herramienta esencial para maximizar tus ventas y crear una experiencia de compra que convierta a los visitantes en clientes. Pero antes vamos a ver todos los beneficios que tiene implementar esta funcionalidad…
Índice
¿Por qué usar un contador de rebaja en tu tienda online?
- Crea Urgencia: Los compradores tienden a actuar más rápido cuando saben que tienen un tiempo limitado para aprovechar una oferta. Este sentido de urgencia puede reducir la indecisión y aumentar las tasas de conversión de las campañas de marketing digital.
- Fidelización y retención: Al utilizar contadores de descuento de manera regular, puedes entrenar a tus clientes a estar atentos a tus promociones limitadas.
- Mejora la Percepción del Valor: Un descuento con un tiempo limitado parece más valioso que uno sin límite. Los clientes sienten que están obteniendo algo especial que no estará disponible por mucho tiempo.
- Fomenta la Compra por Impulso: Cuando los clientes ven que el reloj está en marcha, es más probable que realicen compras por impulso, lo que puede aumentar tus ingresos rápidamente.
- Optimiza las Campañas de marketing: Al combinar un descuento con un contador de tiempo, puedes mejorar la efectividad de tus campañas de marketing digital en Facebook o Google Ads, haciendo que cada promoción sea más atractiva y difícil de ignorar. Mejorando también el CPC.
Ahora que ya sabemos por qué sería bueno implementarlo en nuestro ecommerce con WordPress+WooCommerce, existen varias formas de poder hacerlo:
1º Forma: Utilizando la función nativa de WooCommerce
Usar esta forma es recomendable para los productos que descontamos de forma manual.
Por defecto, cuando creamos un descuento de forma individual en un producto en WooCommerce podemos programarlo un determinado periodo de tiempo haciendo clic en programar:
Estableciendo así un periodo de tiempo de la oferta, al llegar al último día el precio rebajado se borrará y se establecerá el precio normal en el producto.
El problema es que aunque lo programemos, no se establece una cuenta atrás en el producto, para ello, vamos a añadir el siguiente código a nuestro fichero functions.php o plugin de códigos como explico aquí.
add_action( 'woocommerce_before_add_to_cart_form', 'dl_cuenta_atras_personalizada_ficha_producto', 25 );
function dl_cuenta_atras_personalizada_ficha_producto() {
global $product;
if ( $product->is_on_sale() && $product->get_date_on_sale_to() ) {
$now = time();
$sale_price_dates_to_timestamp = $product->get_date_on_sale_to()->getTimestamp();
$datediff = $sale_price_dates_to_timestamp - $now;
$days = floor( $datediff / 86400 );
$hours = floor( ( $datediff - $days * 86400 ) / 3600 );
$mins = floor( ( $datediff - $days * 86400 - $hours * 3600 ) / 60 );
$secs = floor( $datediff % 60 );
wc_enqueue_js( "
var end = new Date( " . $sale_price_dates_to_timestamp * 1000 . " );
setInterval( function() { bbcountdown( end ); }, 1000 );
function bbcountdown( endTime ) {
var now = Date.now();
var timeLeft = ( endTime - now ) / 1000;
var days = Math.floor( timeLeft / 86400 );
var hours = Math.floor( ( timeLeft - ( days * 86400 ) ) / 3600 );
var mins = Math.floor( ( timeLeft - ( days * 86400 ) - ( hours * 3600 ) ) / 60 );
var secs = Math.floor( ( timeLeft - ( days * 86400 ) - ( hours * 3600 ) - ( mins * 60 ) ) );
jQuery('.countdown-timer .days').text( days );
jQuery('.countdown-timer .hours').text( hours );
jQuery('.countdown-timer .mins').text( mins );
jQuery('.countdown-timer .secs').text( secs );
}
");
echo '<p style="color: red; font-weight: bold;" class="countdown-timer">¡La oferta termina en <span class="days">' . $days . '</span>d <span class="hours">' . $hours . '</span>h <span class="mins">' . $mins . '</span>m <span class="secs">' . $secs . '</span>s!</p>';
}
}
Quedando el descuento de la siguiente forma:
Si quieres hacer esto pero con un plugin, te recomiendo Product Time Countdown for WooCommerce o bien el de WPC Countdown Timer son gratuitos y lo encuentras en el repositorio oficial de WordPress.
Ahora bien, si lo queremos hacer en masa en los productos o estamos usando un plugin que aplica descuentos en masa sin modificar el precio en la ficha de producto, tendremos que usar un plugin premium.
Código para mostrar la cuenta atrás arriba de añadir al carrito:
add_action( 'woocommerce_before_add_to_cart_button', 'mostrar_shortcode_arriba_del_carrito', 10 );
function mostrar_shortcode_arriba_del_carrito() {
echo do_shortcode('[wooct_product]');
}
YITH WooCommerce Product Countdown
Si quieres aplicar la cuenta atrás en masa a todos los productos o bien porque has aplicado los descuentos también en masa, lo ideal sería usar un plugin que permita hacer todo esto. Para conseguirlo el mejor que conozco y que funciona es premium: YITH WooCommerce Product Countdown
El plugin incluye:
- Cuenta regresiva en la página de producto y en la tienda.
- Posibilidad de aplicar el descuento automáticamente cuando termina la cuenta atrás.
- Personalización total: colores, tamaños y estilos.
- Configuración individual para cada producto o global para toda la tienda.
- Opción de ocultar productos cuando la oferta termina.
Si quieres aumentar la urgencia y mejorar tus conversiones, este plugin es una gran herramienta para tu estrategia de ventas. Es especialmente útil para tiendas que realizan ofertas recurrentes o quieren destacar productos con promociones limitadas.
Deja una respuesta