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

# Elemento Galería de fotos

> Muestra varias imágenes en cuadrícula o mosaico con vista ampliada, títulos, acciones al hacer clic y marca de agua.

El elemento **Galería de fotos** te permite mostrar varias imágenes de forma profesional en tus embudos y sitios web, sin conocimientos técnicos. Es ideal para portafolios, trabajos realizados, catálogos, fotos de tu local o de eventos. Incluye vista ampliada (lightbox), carga diferida para que la página no se ponga lenta y opciones de diseño para escritorio y móvil.

## Qué puedes hacer

### Contenido

* **Agregar imágenes** desde tu biblioteca de medios.
* **Vista ampliada (lightbox):** al hacer clic, la imagen se abre en grande sobre la página.
* **Título de la galería:** agrega un encabezado para dar contexto o reforzar tu marca.

### Diseño

| Opción | Detalle |
| - | - |
| **Distribución** | Cuadrícula, mosaico vertical o mosaico horizontal (masonry) |
| **Columnas** | Define cuántas columnas tendrá la galería |
| **Espaciado** | Ajusta la separación entre imágenes |
| **Comportamiento en móvil** | Configuración propia para pantallas pequeñas |

### Información y acciones de cada imagen

* **Título y descripción** personalizados para cada imagen.
* **Acción al hacer clic:** abrir en vista ampliada o redirigir a una URL.
* **Abrir en una pestaña nueva** cuando la acción es un enlace.
* **Marca de agua** para proteger tus imágenes o reforzar tu marca.

## Cómo crear una galería

**1. Agrega el elemento**

Abre tu embudo o sitio web en el editor, busca **Galería de fotos** en el panel de elementos de la izquierda y arrástrala a la sección donde quieres mostrarla.

**2. Sube o elige las imágenes**

Selecciona las imágenes de tu biblioteca de medios. También puedes arrastrar archivos directamente a la ventana de la biblioteca para subirlos y luego agregarlos.

**3. Define el diseño**

Elige cuadrícula o mosaico y ajusta el número de columnas y el espaciado.

**4. Configura la vista móvil**

Ajusta cómo se comporta la galería en pantallas pequeñas para que siga viéndose bien.

**5. Completa los detalles de cada imagen**

Agrega títulos o descripciones y elige qué pasa al hacer clic: vista ampliada o redirección a una URL.

**6. Aplica marca de agua (opcional)**

Activa la marca de agua si quieres proteger tus fotos.

**7. Guarda y publica**

Revisa la página en escritorio y móvil, guarda y publica.

## Consejos

* Usa imágenes con proporciones similares en la cuadrícula para un resultado ordenado. Si tus fotos tienen tamaños variados, el mosaico se adapta mejor.
* En móvil, dos columnas suelen ser el máximo cómodo.
* Escribe títulos descriptivos: ayudan a tus visitantes y al SEO de la página.

## Artículos relacionados

> **[Acciones de imagen](https://help.chateea.com/docs/sitios/acciones-de-imagen.md)**
>
> Qué puede pasar al hacer clic en una imagen.

> **[Tamaño de imágenes en móvil y escritorio](https://help.chateea.com/docs/sitios/tamano-de-imagenes-movil-y-escritorio.md)**
>
> Ajusta dimensiones por dispositivo.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.