> ## 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.

# Ruleta de descuentos

> Popup gamificado tipo ruleta que entrega cupones aleatorios a cambio del email o teléfono del visitante.

<iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/s52YeRpZjfM" title="Cómo armar tu ruleta de descuentos paso a paso" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen />

## Cómo funciona

La ruleta es **uno de los dos formatos del Popup de Nubea** (el otro es el popup
clásico). Funciona como un popup gamificado: el visitante deja su email (y
opcionalmente teléfono), gira la ruleta y gana un cupón de descuento. Convierte
mejor que un popup tradicional porque el "premio" se siente ganado, no regalado.

<Frame caption="Así se ve la ruleta de descuentos en una tienda real">
  <img src="https://mintcdn.com/nubea/NqPVdXzTsAAMX4V6/images/docs/ruleta-preview.png?fit=max&auto=format&n=NqPVdXzTsAAMX4V6&q=85&s=c2604d961305d37a8a3c62203ba7b9d9" alt="Ruleta de descuentos en una tienda Tiendanube" width="2612" height="1360" data-path="images/docs/ruleta-preview.png" />
</Frame>

<Info>
  Ambos formatos comparten el mismo lugar en el panel: **Marketing → Campaña
  popup**. Cuando creás una campaña, elegís si querés un popup clásico o una
  ruleta. Las dos opciones se configuran con el mismo flujo de diseño, momento
  de aparición y campos. Cambia la mecánica de entrega del cupón. Para decidir
  cuál te conviene, mirá la [comparación en la guía de Popup
  →](/funcionalidades/popups#elegi-el-formato-popup-o-ruleta).
</Info>

## A quién le sirve

A tiendas que quieren captar leads para email/WhatsApp y necesitan dar algo a
cambio (un cupón). Funciona muy bien en eventos (Hot Sale, Cyber, Black Friday)
y como herramienta evergreen para todo el año.

***

## Setup en 4 pasos

<Steps>
  <Step title="Creá los cupones en tu tienda" icon="ticket">
    Antes de configurar la ruleta, creá los cupones que vas a usar como premio
    en **Tiendanube → Marketing → Cupones**. La ruleta los muestra como
    opciones; no los crea sola.
  </Step>

  <Step title="Entrá a Campaña popup y elegí Ruleta" icon="dharmachakra">
    En el menú lateral, sección **Marketing → Campaña popup**. Cuando creás
    una nueva campaña, en el primer paso elegís el **Tipo de popup**: hacé
    click en **Ruleta de premios**.

    <Frame caption="Selector de tipo de popup: elegí 'Ruleta de premios'">
      <img src="https://mintcdn.com/nubea/NqPVdXzTsAAMX4V6/images/docs/popup-tipo-selector.png?fit=max&auto=format&n=NqPVdXzTsAAMX4V6&q=85&s=84aaaca4dff5c32ef442d97c9df7f6df" alt="Selector con las dos opciones de popup en el panel de Nubea" width="1036" height="430" data-path="images/docs/popup-tipo-selector.png" />
    </Frame>
  </Step>

  <Step title="Configurá los premios" icon="gift">
    Asociá cada porción de la ruleta a un cupón existente. Después ajustá la
    probabilidad de cada premio: subile el % a los que querés que salgan
    seguido (ej: 5% off) y bajáselo a los que preferís que salgan con menor
    frecuencia (ej: 20% off). Verificá que las probabilidades sumen 100%.
  </Step>

  <Step title="Elegí cuándo aparece y publicá" icon="bolt">
    Igual que en popups: elegís cuándo se muestra (segundos, scroll, cuando el
    visitante está por irse) y le das **Activar**.
  </Step>
</Steps>

***

## Tabla de premios recomendada

Una distribución que funciona bien para arrancar:

| Premio                          | Probabilidad | Cupón asociado |
| ------------------------------- | ------------ | -------------- |
| 5% de descuento                 | 35%          | RULETA5        |
| 10% de descuento                | 30%          | RULETA10       |
| Envío gratis                    | 20%          | ENVIOGRATIS    |
| 15% de descuento                | 10%          | RULETA15       |
| 20% de descuento (premio mayor) | 5%           | RULETA20       |

<Tip>
  La gracia es que **siempre ganan algo** — no pongas porciones de "perdiste".
  Si el visitante deja el email y no se lleva nada, sentís que lo defraudaste y
  bajás conversión.
</Tip>

***

## Plantilla — Lo que NO funciona vs lo que SÍ funciona

### Lo que NO funciona

* **Probabilidades parejas (20% c/u)**: si el premio mayor cae 1 de cada 5
  veces, dejás margen sobre la mesa.
* **Cupones sin vencimiento**: el cliente se guarda el cupón y nunca compra.
  Siempre con vigencia (24-72h funciona mejor).
* **Pedir 5 datos antes de girar**: cuanto más pedís, menos giran. Email solo, o
  email + nombre.

### Lo que SÍ funciona

* **Email + teléfono opcional**: capturás el lead y, si dan teléfono,
  desbloqueás carritos por WhatsApp.
* **Cupón con vigencia 48h**: presión sana sin ser agresivo.
* **Premio mayor raro pero real**: que el 20% off sea posible (5%) genera
  expectativa y comparte.

***

## Asegurate de que tus visitantes usen el cupón

El problema más común después de que el visitante gana un cupón en la ruleta:
**lo pierde antes de pagar**. Cierra el modal, sigue navegando, se distrae, y
cuando llega al checkout ya no recuerda el código.

Para resolver esto, te recomendamos sumar **3 capas** de visibilidad del cupón:

### 1. Mostralo claro en la pantalla de premio

Cuando el visitante gana el cupón, la pantalla de éxito tiene que mostrarlo
grande y con instrucción explícita:

> 🎁 **Tu cupón: BIENVENIDA10**
>
> Copialo y pegalo en el campo "Cupón de descuento" del checkout, justo antes de
> pagar.

<Frame caption="Pantalla de premio: la ruleta entrega el cupón con código copiable y CTA">
  <img src="https://mintcdn.com/nubea/NqPVdXzTsAAMX4V6/images/docs/ruleta-win.png?fit=max&auto=format&n=NqPVdXzTsAAMX4V6&q=85&s=fd7e7db0687df73d38071c4ae4742c6d" alt="Pantalla de éxito de la ruleta mostrando el cupón BIENVENIDA10" width="1468" height="1174" data-path="images/docs/ruleta-win.png" />
</Frame>

### 2. Mandáselo por WhatsApp o email

Si el visitante dejó WhatsApp o email, mandale el cupón en el mensaje de
bienvenida con la misma instrucción de dónde aplicarlo. Así si pierde el modal,
lo encuentra en el chat.

### 3. Activá la Barra de cupón (la solución más efectiva)

La **Barra de cupón** es una barra fija que aparece en la parte inferior de tu
tienda con el código visible y un botón **Copiar** de un click. Mientras el
visitante navega, la barra lo acompaña con countdown del vencimiento — no se
pierde el cupón ni aunque cierre el modal.

<div
  style={{
background: '#111827',
color: '#fff',
padding: '14px 20px',
borderRadius: 10,
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between',
gap: 16,
maxWidth: 720,
boxShadow: '0 -8px 24px rgba(0,0,0,0.15)'
}}
>
  <div
    style={{
  display: 'flex',
  alignItems: 'center',
  gap: 12,
  flex: 1,
  minWidth: 0
}}
  >
    <span style={{ fontSize: 22 }}>🎁</span>

    <div style={{ minWidth: 0 }}>
      <div
        style={{
      fontSize: 11,
      color: '#9ca3af',
      textTransform: 'uppercase',
      letterSpacing: 0.5
    }}
      >
        Tu cupón expira en
      </div>

      <div
        style={{
      fontSize: 16,
      fontWeight: 700,
      fontVariantNumeric: 'tabular-nums'
    }}
      >
        00:24:35
      </div>
    </div>
  </div>

  <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
    <code
      style={{
    background: '#1f2937',
    color: '#fff',
    padding: '8px 12px',
    borderRadius: 6,
    fontSize: 14,
    fontWeight: 700,
    letterSpacing: 1,
    border: '1px dashed #4b5563'
  }}
    >
      BIENVENIDA10
    </code>

    <button
      style={{
    background: '#f59e0b',
    color: '#111827',
    border: 0,
    borderRadius: 6,
    padding: '8px 14px',
    fontSize: 13,
    fontWeight: 700,
    cursor: 'pointer'
  }}
    >
      Copiar
    </button>
  </div>
</div>

#### Cómo configurarla

<Steps>
  <Step title="Activá la barra" icon="toggle-on">
    En la configuración de la ruleta, buscá la sección **Barra de cupón** y
    activá el switch **Barra activa**.
  </Step>

  <Step title="Definí la duración del cupón" icon="clock">
    Campo **Duración (minutos)**: cuántos minutos dura el cupón antes de
    expirar. El countdown empieza apenas el visitante gana el cupón. Sugerencia:
    25-60 minutos para crear urgencia genuina.
  </Step>

  <Step title="Personalizá el copy" icon="text-size">
    * **Texto**: lo que aparece antes del countdown (ej: "Tu cupón expira en").
    * **Botón**: el texto del botón (ej: "Copiar").
  </Step>

  <Step title="Ajustá los colores a tu marca" icon="palette">
    Configurá fondo, color del texto y color del botón para que matchee con la
    identidad visual de tu tienda. Por default viene en negro con botón en color
    de acento.
  </Step>
</Steps>

<Tip>
  La barra es la capa más efectiva de las 3. La mayor caída de conversión
  post-cupón viene de visitantes que pierden el código. Si tus métricas muestran
  muchos giros pero pocas conversiones, activá la barra y vas a ver el cambio.
</Tip>

<Warning>
  **No abuses del countdown.** Si el cupón vence en 5 minutos genera ansiedad y
  muchos visitantes lo cierran. Entre 25 y 60 minutos es el sweet spot —
  suficiente para terminar de elegir productos sin sentirse perseguido.
</Warning>

***

## ¿WhatsApp o Email para el follow-up?

| Canal        | Cuándo usarlo                                                          |
| ------------ | ---------------------------------------------------------------------- |
| **Email**    | Suscriptor que sólo dejó email — campañas y newsletters generales      |
| **WhatsApp** | Suscriptor que dejó teléfono — recordatorios de carrito y promo activa |

<Tip>
  El email es para mantener la relación; el WhatsApp es para activar la compra.
  Si el cliente te dejó los dos, mandale el cupón por mail (queda guardado) y el
  recordatorio del vencimiento por WhatsApp.
</Tip>

***

## Si algo no funciona

<AccordionGroup>
  <Accordion title="No creé los cupones en Tiendanube primero">
    La ruleta no genera cupones — sólo los muestra. Si la porción "10% off" no
    tiene cupón asociado en Tiendanube, el cliente "gana" pero el código no
    funciona en el checkout. Revisá que cada premio tenga su cupón creado y
    vigente.
  </Accordion>

  <Accordion title="Probabilidades parejas">
    Si todos los premios tienen 20%, regalás margen. Hacé el premio mayor raro
    (5%) y el chico común (35%). El cliente percibe lo mismo y vos cuidás
    margen.
  </Accordion>

  <Accordion title="Sin vencimiento del cupón">
    Cupones sin fecha límite generan procrastinación. Vigencia 48h es el sweet
    spot.
  </Accordion>

  <Accordion title="Activé la ruleta y otro popup al mismo tiempo">
    El sistema muestra uno por visita. Si tenés ruleta y popup activos a la vez,
    alguno gana y el otro queda invisible. Pausá uno y dejá la ruleta para
    promos / popup tradicional para captura simple.
  </Accordion>

  <Accordion title="¿Qué pasa si un contacto se vuelve a suscribir?">
    Aunque ya esté en tu lista de Perfit (en "Contactos de Nubea" o en otra), lo
    sumamos igual a la lista de Nubea cuando se vuelve a suscribir desde la
    ruleta. Es a propósito: así le entregamos el cupón nuevo y le mandamos la
    secuencia de bienvenida aunque sea un cliente que ya tenías. Perfit no cobra
    doble por tener al mismo contacto en varias listas, así que no afecta tu
    factura.
  </Accordion>
</AccordionGroup>

***

## Qué esperar

* Tasa de conversión típica: **3-8%** de los visitantes que ven la ruleta dejan
  email.
* El % de redención del cupón ronda el **15-25%** sobre los emails captados.
* Es ideal para semanas de promo (Hot Sale, Cyber): la sensación de "premio"
  encaja con el contexto.

***

## Próximos pasos

<CardGroup cols={2}>
  <Card title="Popup tradicional" icon="window-restore" href="/funcionalidades/popups">
    Si querés capturar email sin gamificación, usá el popup clásico.
  </Card>

  <Card title="Recuperación de carritos" icon="cart-shopping" href="/funcionalidades/whatsapp-carritos">
    Activá WhatsApp para los leads que dejaron teléfono en la ruleta.
  </Card>
</CardGroup>
