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

# Alertas de stock

> Permití que los clientes se suscriban para recibir una notificación cuando un producto sin stock vuelva a estar disponible.

## ¿Cómo funciona?

Cuando un producto se queda sin stock, Nubea muestra un botón de "Avisame cuando
vuelva" en la página del producto. El cliente deja su email o WhatsApp y recibe
una notificación automática cuando el producto vuelve a estar disponible.

Así se ve en la ficha de producto agotado:

<div
  style={{
border: '1px solid #e5e7eb',
borderRadius: 12,
padding: 16,
maxWidth: 360,
background: '#fff'
}}
>
  <div
    style={{
  position: 'relative',
  height: 160,
  background: 'linear-gradient(135deg, #f3f4f6, #e5e7eb)',
  borderRadius: 8,
  marginBottom: 12,
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center'
}}
  >
    <span
      style={{
    background: '#111827',
    color: '#fff',
    padding: '4px 10px',
    borderRadius: 4,
    fontSize: 11,
    fontWeight: 600,
    letterSpacing: 0.5
  }}
    >
      SIN STOCK
    </span>
  </div>

  <div style={{ fontSize: 14, fontWeight: 600, color: '#111827' }}>
    Remera oversize negra
  </div>

  <div
    style={{
  fontSize: 20,
  fontWeight: 700,
  marginTop: 4,
  color: '#9ca3af',
  textDecoration: 'line-through'
}}
  >
    \$24.990
  </div>

  <div
    style={{
  marginTop: 12,
  padding: 12,
  background: '#f9fafb',
  borderRadius: 8,
  border: '1px solid #e5e7eb'
}}
  >
    <div
      style={{
    fontSize: 13,
    fontWeight: 600,
    color: '#111827',
    marginBottom: 8
  }}
    >
      🔔 Avisame cuando vuelva
    </div>

    <input
      type="text"
      placeholder="Tu WhatsApp o email"
      style={{
    width: '100%',
    padding: '8px 10px',
    border: '1px solid #d1d5db',
    borderRadius: 6,
    fontSize: 13,
    background: '#fff',
    boxSizing: 'border-box'
  }}
      readOnly
    />

    <button
      style={{
    width: '100%',
    marginTop: 8,
    padding: '8px 10px',
    background: '#3B82F6',
    color: '#fff',
    border: 0,
    borderRadius: 6,
    fontSize: 13,
    fontWeight: 600,
    cursor: 'pointer'
  }}
    >
      Suscribirme
    </button>
  </div>
</div>

## Configuración

<Steps>
  <Step title="Activá Back-in-Stock">
    Habilitá la funcionalidad desde el panel de Nubea.
  </Step>

  <Step title="Personalizá el formulario">
    Editá el texto del botón, el formulario y el mensaje de confirmación.
  </Step>

  <Step title="Elegí el canal de notificación">
    Definí si la notificación se envía por email, WhatsApp o ambos.
  </Step>
</Steps>

## Canal de notificación

| Canal        | Ventaja                            |
| ------------ | ---------------------------------- |
| **Email**    | Mayor alcance, sin costo adicional |
| **WhatsApp** | Mayor tasa de apertura (\~90%)     |
| **Ambos**    | Máxima cobertura                   |

<Info>
  Nubea detecta automáticamente cuando un producto vuelve a tener stock y
  dispara las notificaciones sin intervención manual.
</Info>