> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nubea.com.ar/llms.txt
> Use this file to discover all available pages before exploring further.

# Oferta temporal

> Creá urgencia con barras de cuenta regresiva para ofertas temporales y flash sales.

## Cómo funciona

Una barra fija arriba de tu tienda con cuenta regresiva en vivo hacia el fin de
una oferta. Genera urgencia real (no falsa) durante eventos como Hot Sale, Black
Friday, Cyber Monday o promos propias.

Así se ve la barra en tu tienda:

<div
  style={{
background: '#dc2626',
color: '#fff',
padding: '12px 16px',
borderRadius: 8,
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
gap: 16,
maxWidth: 720,
fontWeight: 600
}}
>
  <span style={{ fontSize: 14 }}>
    🔥 HOT SALE — hasta 40% OFF en todo el sitio. Termina en:
  </span>

  <div style={{ display: 'flex', gap: 6 }}>
    <span
      style={{
    background: 'rgba(0,0,0,0.25)',
    borderRadius: 6,
    padding: '4px 8px',
    fontVariantNumeric: 'tabular-nums',
    fontSize: 14
  }}
    >
      02
    </span>

    <span style={{ alignSelf: 'center' }}>:</span>

    <span
      style={{
    background: 'rgba(0,0,0,0.25)',
    borderRadius: 6,
    padding: '4px 8px',
    fontVariantNumeric: 'tabular-nums',
    fontSize: 14
  }}
    >
      14
    </span>

    <span style={{ alignSelf: 'center' }}>:</span>

    <span
      style={{
    background: 'rgba(0,0,0,0.25)',
    borderRadius: 6,
    padding: '4px 8px',
    fontVariantNumeric: 'tabular-nums',
    fontSize: 14
  }}
    >
      37
    </span>
  </div>
</div>

## A quién le sirve

A toda tienda que corre promociones con fecha de fin clara. No tiene sentido
para una tienda sin promos activas — la barra vacía o con copy genérico es peor
que no tenerla.

***

## Setup en 3 pasos

<Steps>
  <Step title="Entrá a Countdown" icon="clock">
    En el menú lateral, sección **Marketing → Countdown**.
  </Step>

  <Step title="Configurá la barra" icon="gear">
    * **Fecha y hora de fin**: cuándo termina la promo (no inventes fechas
      falsas — el cliente vuelve y se da cuenta). - **Mensaje**: el copy de la
      barra (ver plantillas abajo). - **Colores**: que contraste con el header de
      tu tienda pero acompañe la paleta. - **Link**: a la página de la promo o
      categoría destacada. - **Páginas**: en qué páginas se muestra (home,
      productos, todas).
  </Step>

  <Step title="Activá y probá" icon="check">
    Activá el switch y abrí tu tienda en una pestaña incógnita para verla.
    Verificá que el contador descuente bien y el link lleve a donde decís.
  </Step>
</Steps>

***

## Plantillas de copy por tipo de promo

### Hot Sale / Cyber

```
🔥 HOT SALE — hasta 40% OFF en todo el sitio. Termina en:
```

### Black Friday

```
BLACK FRIDAY — descuentos hasta 50% off. Cierra en:
```

### Promo propia con cupón

```
Usá el código BIENVENIDA10 y llevate 10% off. Termina en:
```

### Liquidación temporada

```
Última semana de liquidación de invierno. Quedan pocas unidades. Termina en:
```

### Lanzamiento

```
Pre-venta del nuevo lanzamiento — 15% off por tiempo limitado. Cierra en:
```

***

## Bonus: Barra con cupón copiable

Si tu plantilla incluye un cupón en el copy, asegurate de que sea **fácil de
copiar visualmente** (mayúsculas, sin caracteres raros). El cliente lee la
barra, recuerda el código y lo pega en el checkout.

```
🎁 Código: VOLVE10 → 10% off, válido hoy. Termina en:
```

<Tip>
  Cupones cortos y memorables (4-8 caracteres, palabra real) se redimen mucho
  más que códigos como "X9K2J7P". Usá nombres como VOLVE10, VERANO20, FIRST15.
</Tip>

***

## Configuración recomendada

| Parámetro | Recomendación                                      |
| --------- | -------------------------------------------------- |
| Duración  | 24-72 horas (ni muy corto ni muy largo)            |
| Páginas   | Todas, salvo carrito y checkout                    |
| Colores   | Contraste alto con header (negro/rojo/amarillo)    |
| Link      | A la categoría de la promo, no al home             |
| Texto     | Mensaje específico + cuenta regresiva, no genérico |

***

## Si algo no funciona

<AccordionGroup>
  <Accordion title="Pongo countdown sin promo real">
    Si no hay promo, la urgencia es falsa. Los clientes recurrentes lo detectan
    rápido y pierde efectividad cuando sí tenés algo. Mejor pausarla entre
    eventos.
  </Accordion>

  <Accordion title="Reseteo el contador para 'extender' la promo">
    El cliente que volvió ya vio que decía "termina en 12h". Si vuelve y sigue
    diciendo lo mismo, perdés credibilidad. Si querés extender, cambiá el copy
    ("últimas 24h adicionales por demanda") y nueva fecha real.
  </Accordion>

  <Accordion title="Texto genérico tipo 'OFERTA TERMINA EN'">
    El countdown sin contexto no convierte. Decí qué es la oferta, no sólo que
    algo termina.
  </Accordion>

  <Accordion title="La activé en checkout y carrito">
    Distraer al cliente que ya está pagando es contraproducente. Excluí carrito
    y checkout.
  </Accordion>
</AccordionGroup>

***

## Qué esperar

* Lift en conversión durante el período activo: **5-15%** sobre baseline.
* Funciona muchísimo mejor cuando la promo es real y el descuento se ve en los
  precios (no sólo en el copy de la barra).
* Combinada con popup o ruleta el efecto se multiplica: barra anuncia la promo,
  popup la activa con cupón.

***

## Próximos pasos

<CardGroup cols={2}>
  <Card title="Configurar Popup" icon="window-restore" href="/funcionalidades/popups">
    Sumá un popup que entregue el cupón mencionado en la barra.
  </Card>

  <Card title="Ruleta de descuentos" icon="dharmachakra" href="/funcionalidades/ruleta">
    Para eventos como Hot Sale, la ruleta convierte mejor que un popup
    tradicional.
  </Card>
</CardGroup>