# Banners

Los banners son barras de anuncio que se muestran en la parte superior de tu tienda. Usalos para destacar promociones, umbrales de envio gratuito, ventas de temporada o cualquier mensaje que quieras que cada visitante vea de inmediato.

## Explorar banners

Abre **Banners** en la barra lateral de administracion para ver todos tus banners de anuncio. La tabla muestra el texto, estado y fecha de creacion de cada banner.

![Banners list](/features/banners/banners-list.png)

| Columna    | Descripcion                                      |
| ---------- | ------------------------------------------------ |
| Text       | El mensaje que se muestra en el banner           |
| Status     | **Active** (visible en la tienda) o **Inactive** |
| Created At | Fecha en que se creo el banner                   |

Puedes **buscar** por texto del banner, **ordenar** haciendo clic en los encabezados de columna y **eliminar** banners individualmente o de forma masiva usando las casillas de verificacion.

## Crear un banner

Haz clic en **Add Banner** en la esquina superior derecha para abrir el formulario de creacion.

![Create banner form](/features/banners/create-banner.png)

### Estado

| Campo  | Descripcion                                                                                                                                                      |
| ------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Active | Activa o desactiva la visibilidad de este banner en la tienda. Varios banners pueden estar activos — rotan automaticamente como una presentacion de diapositivas |

### Contenido

| Campo       | Descripcion                                                                                                                                                      |
| ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Banner Text | El mensaje principal que se muestra en el banner (por ejemplo, "Envio gratis en pedidos mayores a $50!")                                                         |
| Link URL    | URL opcional a la que enlaza el banner. Cuando se configura, el banner se vuelve clicable                                                                        |
| Link Label  | Texto opcional para el enlace. Si se deja en blanco y se proporciona una URL, todo el texto del banner se convierte en el enlace clicable con un icono de flecha |

> **Consejo:** Si proporcionas tanto un **Link URL** como un **Link Label**, el texto del banner se muestra como texto plano con un enlace estilizado separado junto a el. Si proporcionas solo un **Link URL** sin etiqueta, todo el texto del banner se vuelve clicable.

Haz clic en **Create Banner** para guardar.

## Editar un banner

Haz clic en la accion de editar en cualquier fila de banner para abrir el formulario de edicion. Los campos son identicos al formulario de creacion. Haz clic en **Save** para aplicar tus cambios.

## Como aparecen los banners en la tienda

Los banners activos aparecen como una barra de color en la parte superior de cada pagina, por encima de la barra de navegacion. El banner usa los colores del tema de tu tienda (colores de fondo y texto del banner configurados en el editor de temas).

![Storefront banner](/features/banners/storefront-banner.png)

**Comportamiento del enlace:**

- **Sin enlace** — el banner muestra texto plano
- **Solo Link URL** — todo el texto es clicable y muestra un pequeno icono de flecha, con subrayado al pasar el cursor
- **Link URL + Link Label** — el texto se muestra normalmente, con un enlace estilizado separado junto a el

Si hay multiples banners activos, la tienda rota automaticamente entre ellos cada 5 segundos con una transicion suave de desvanecimiento.