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

# Etiquetas de producto

> Mostrá etiquetas promocionales ("40% OFF", "3x2", "Envío gratis") sobre las fotos de tus productos para destacar ofertas y generar clics.

<iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/PkqhvIAr414" title="Cómo poner carteles de oferta sobre las fotos de tus productos" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen />

## ¿Cómo funciona?

Las etiquetas de producto son esos carteles chiquitos que se superponen sobre la
foto del producto ("40% OFF", "3x2", "Últimas unidades", "9 cuotas sin
interés"). Sirven para que una oferta se note de un vistazo, sin que el cliente
tenga que entrar a leer el detalle.

Podés crear varias etiquetas, con texto o imagen, elegir el color, la forma y en
qué esquina de la foto aparecen.

Así se ve una etiqueta sobre la foto de un producto:

<div
  style={{
position: 'relative',
border: '1px solid #e5e7eb',
borderRadius: 12,
padding: 16,
maxWidth: 260,
background: '#fff'
}}
>
  <div
    style={{
  position: 'relative',
  height: 220,
  background: '#f3f4f6',
  borderRadius: 8,
  overflow: 'hidden'
}}
  >
    <div
      style={{
    position: 'absolute',
    top: 8,
    left: 8,
    background: '#ef4444',
    color: '#fff',
    fontSize: 12,
    fontWeight: 700,
    padding: '5px 9px',
    borderRadius: 8,
    boxShadow: '0 1px 4px rgba(0,0,0,0.2)'
  }}
    >
      🔥 40% OFF
    </div>
  </div>

  <div style={{ fontSize: 14, fontWeight: 600, color: '#111827', marginTop: 12 }}>
    Sweater de lana
  </div>

  <div style={{ fontSize: 18, fontWeight: 700, marginTop: 4, color: '#111827' }}>
    \$29.990
  </div>
</div>

## Crear una etiqueta

<Steps>
  <Step title="Entrá a Etiquetas de producto">
    En el panel de Nubea, andá a la sección **Etiquetas de producto** y tocá
    **Nueva etiqueta**.
  </Step>

  <Step title="Elegí a qué productos aplica (pestaña “Mostrar en”)">
    Definí si la etiqueta se muestra en **todos** los productos, en
    **productos específicos** o en **categorías**. Esta decisión determina en
    qué pantallas de tu tienda se ve la etiqueta — ver
    [Categorías vs. Productos](#categorias-vs-productos-donde-se-ve-cada-una).
  </Step>

  <Step title="Diseñá el contenido">
    En la pestaña **Contenido** elegí texto o imagen, el color, la forma
    (píldora, círculo, estrella…), la tipografía y un emoji opcional.
  </Step>

  <Step title="Elegí la posición">
    En la pestaña **Ubicación** elegí en qué esquina de la foto aparece, o
    usala como cinta a lo ancho de la imagen.
  </Step>

  <Step title="Guardá">
    Tocá **Guardar etiqueta**. El cambio se ve en tu tienda en la próxima carga
    de página.
  </Step>
</Steps>

## Categorías vs. Productos: ¿dónde se ve cada una?

Esta es la duda más común: **"configuré la etiqueta por categoría y la veo
dentro del producto, pero no aparece en la foto de portada del listado".** Es el
comportamiento esperado, y tiene que ver con cómo cada tienda le informa a Nubea
la categoría de un producto.

<Info>
  **La regla corta:** targetear **por categoría** = se ve en la ficha del
  producto y en la página de esa categoría. Targetear **por producto** = se ve
  en **todas** las pantallas (inicio, buscador, cualquier listado y la ficha).
</Info>

### Por qué pasa

Cuando alguien navega una pantalla con productos mezclados (el **inicio**, el
**buscador** o **otra categoría**), la tienda no le dice a Nubea a qué categoría
pertenece cada producto de la grilla. Nubea recién conoce la categoría cuando el
visitante entra puntualmente a la **página de esa categoría** o a la **ficha del
producto**.

Por eso una etiqueta targeteada **por categoría**:

* ✅ **Se ve en** la ficha del producto y en la página de esa categoría.
* ❌ **No se ve en** el inicio, el buscador ni otras categorías (grillas
  mixtas).

En cambio, una etiqueta targeteada **por producto** se identifica por el
producto en sí, y a ese Nubea lo reconoce en cualquier grilla — por eso aparece
en todas las pantallas.

### Cómo hacer que la etiqueta aparezca en todas las pantallas

<Steps>
  <Step title="Editá la etiqueta">
    En **Etiquetas de producto**, tocá el lápiz de la etiqueta que querés
    ajustar.
  </Step>

  <Step title="Cambiá el targeting a “Productos específicos”">
    En la pestaña **Mostrar en**, en **¿A qué productos aplica?**, cambiá de
    **Categorías** a **Productos específicos**.
  </Step>

  <Step title="Elegí los productos de la promo">
    Buscá y seleccioná los mismos productos que tenías en la categoría.
  </Step>

  <Step title="Guardá">
    Listo: ahora la etiqueta se ve también en la foto de portada, en cualquier
    listado.
  </Step>
</Steps>

<Warning>
  Con **Productos específicos** la lista es **manual**: si más adelante sumás
  productos nuevos a la promo, acordate de agregarlos también a la etiqueta.
  Con **Categorías** se actualiza solo (incluye automáticamente cualquier
  producto de esa categoría), pero a cambio no se muestra en las grillas mixtas.
  Es ese el trade-off.
</Warning>

## Preguntas frecuentes

<AccordionGroup>
  <Accordion title="Configuré la etiqueta por categoría y no aparece en el inicio ni en el buscador">
    Es esperado. Las etiquetas por categoría se muestran en la ficha del
    producto y en la página de esa categoría, pero no en grillas mixtas
    (inicio/búsqueda/otras categorías), porque ahí la tienda no informa la
    categoría de cada tarjeta. Si querés que aparezca en todas las pantallas,
    cambiá el targeting a **Productos específicos** (ver
    [Cómo hacer que aparezca en todas las pantallas](#como-hacer-que-la-etiqueta-aparezca-en-todas-las-pantallas)).
  </Accordion>

  <Accordion title="La etiqueta se ve dentro del producto pero no en el listado">
    Mismo caso que el anterior: está targeteada por categoría. Dentro del
    producto Nubea conoce las categorías reales del producto y la muestra; en el
    listado solo la muestra si estás navegando específicamente esa categoría.
    Pasá el targeting a **Productos específicos** para verla en todos los
    listados.
  </Accordion>

  <Accordion title="Tengo dos etiquetas en la misma esquina, ¿se pisan?">
    No. Si varias etiquetas apuntan al mismo producto y a la misma esquina, se
    apilan una debajo de la otra en orden de prioridad, en vez de superponerse.
  </Accordion>

  <Accordion title="¿La etiqueta de Nubea convive con las etiquetas propias de la tienda?">
    Cuando una etiqueta de Nubea ocupa una esquina donde tu tienda ya muestra su
    propio cartel (promo, "sin stock", etc.), la de Nubea toma ese lugar para
    que no se superpongan.
  </Accordion>
</AccordionGroup>