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

# Personalizar widgets

> Adaptá el diseño de pop-ups, FOMO, countdown y otros widgets a la identidad visual de tu marca.

## Personalización general

Todos los widgets de Nubea se adaptan al look & feel de tu tienda. Estos son los
ajustes disponibles:

***

### Colores

Cada widget tiene su propia paleta configurable:

| Color        | Para qué se usa               |
| ------------ | ----------------------------- |
| **Primario** | Botones y elementos de acción |
| **Fondo**    | Background del widget         |
| **Texto**    | Tipografía principal          |
| **Acento**   | Elementos destacados, links   |

<Tip>
  Usá los mismos colores que tu tienda para que los widgets se sientan nativos,
  no como un agregado externo.
</Tip>

***

### Posición

Cada widget tiene ubicaciones específicas:

| Widget              | Posiciones disponibles                                          |
| ------------------- | --------------------------------------------------------------- |
| **Pop-up / Ruleta** | Centro de pantalla (clásico), pantalla completa, imagen lateral |
| **FOMO**            | Esquina inferior izquierda o derecha                            |
| **Countdown**       | Barra fija en la parte superior                                 |
| **Barra de cupón**  | Barra fija en la parte inferior                                 |
| **Back-in-Stock**   | Dentro de la página de producto                                 |
| **Stock Counter**   | Dentro de la página de producto                                 |

***

### Dispositivo

Configurá widgets distintos para desktop y mobile:

* **Solo desktop**: ideal para pop-ups grandes con imágenes
* **Solo mobile**: ideal para widgets compactos
* **Ambos**: se adapta automáticamente al tamaño de pantalla

***

### Páginas

Filtrá en qué páginas aparece cada widget:

* **Todas las páginas**
* **Solo home**
* **Solo páginas de producto**
* **Solo páginas de categoría**
* **Solo carrito**
* **Páginas específicas** (por URL)

***

## Barra de cupón (popup y ruleta)

La **Barra de cupón** es una barra fija en la parte inferior de tu tienda que
aparece después de que el visitante se suscribe al popup o gira la ruleta.
Muestra el código ganado, un botón **Copiar** de un click y un countdown del
vencimiento — para que el cliente no pierda el cupón mientras navega.

Es la capa más efectiva para que el cupón se redima: la mayoría de las caídas
post-popup vienen de visitantes que cierran el modal y se olvidan del código.

→ Configuración detallada en
[Pop-up form](/funcionalidades/popups#asegurate-de-que-tus-visitantes-usen-el-cupon)
o
[Ruleta de descuentos](/funcionalidades/ruleta#asegurate-de-que-tus-visitantes-usen-el-cupon).

***

## Vista previa en tiempo real

Nubea incluye un preview en vivo para que veas exactamente cómo queda cada
widget antes de publicarlo. Los cambios se reflejan al instante.

<Info>
  La vista previa muestra cómo se ve el widget tanto en desktop como en mobile.
  Siempre verificá ambas versiones antes de publicar.
</Info>