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

# Diseño de la ficha de producto

La ficha es la pantalla del producto (o servicio) que ve el comprador: título, foto, etiqueta promo y, si aplica, la barra de beneficios. Ajustala con un producto abierto en la vista previa.

## Dónde configurarlo

Desde el menú lateral, entrá a **Diseño**. En la preview, abrí la **ficha de un producto** y editá **Detalle del producto** (o del servicio, según tu catálogo).

<Frame>
  <img src="https://mintcdn.com/mercantis/4Uy3hrDnn9kZhYiC/images/2026-07-07-panel-stock.webp?fit=max&auto=format&n=4Uy3hrDnn9kZhYiC&q=85&s=100fc3b3c88d652e0c9a86a2e22d401e" alt="Detalle de producto en la tienda con aviso de stock" width="1024" height="768" data-path="images/2026-07-07-panel-stock.webp" />
</Frame>

## Qué podés configurar

| Opción                  | Detalle                                                                                                  |
| ----------------------- | -------------------------------------------------------------------------------------------------------- |
| **Título**              | Fuente y tamaño del nombre del producto                                                                  |
| **Etiqueta promo**      | Etiqueta sobre la imagen y su transparencia                                                              |
| **Celular**             | Velocidad y separación del texto tipo marquesina (si aplica)                                             |
| **Barra de beneficios** | En escritorio, si la tienda tiene [beneficios](/documentacion/tienda/beneficios-de-la-tienda) resolubles |

## Cómo configurarlo

<Steps>
  <Step title="Abrí Diseño">
    Entrá a **Diseño** desde el menú lateral.
  </Step>

  <Step title="Abrí una ficha">
    En la preview, entrá a la **ficha de un producto**.
  </Step>

  <Step title="Ajustá el detalle">
    Título, etiqueta y beneficios.
  </Step>

  <Step title="Revisá y guardá">
    Miralo también en vista **Celular** y **Guardá cambios**.
  </Step>
</Steps>

## Relacionado

* [Diseño del catálogo](/documentacion/tienda/diseno-del-catalogo)
* [Beneficios de la tienda](/documentacion/tienda/beneficios-de-la-tienda)
* [Stock en la ficha](/documentacion/logistica/stock-en-tiempo-real)
* [Editor de diseño](/documentacion/tienda/editor-de-diseno)