> ## 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 carrusel de imágenes

> Agrega carruseles de imágenes con transiciones, flechas, paginación y enlaces a tus embudos y sitios web.

El elemento **Carrusel de imágenes** (Image Slider) te permite mostrar varias imágenes en un mismo espacio, pasando de una a otra con transiciones. Es útil para destacar productos, promociones, fotos de tu negocio o trabajos realizados sin alargar la página. Lo agregas y personalizas directamente en el editor de embudos y sitios web, sin código.

## Para qué te sirve

* **Páginas más atractivas:** el movimiento y las transiciones captan la atención del visitante.
* **Más contenido en menos espacio:** muestras varias imágenes en una sola sección.
* **Control total del diseño:** configuras transiciones, flechas, paginación y reproducción automática desde el editor.
* **Adaptable:** el carrusel se ajusta a computadoras, tabletas y celulares.

## Cómo agregar un carrusel de imágenes

**1. Elige dónde ubicarlo**

En el editor de tu embudo o sitio web, ubica la sección o página donde quieres mostrar el carrusel.

**2. Arrastra el elemento**

Desde el panel de elementos, arrastra **Carrusel de imágenes** a la sección.

**3. Agrega las imágenes**

Añade las imágenes desde tu biblioteca de **Medios**. Para mejores resultados, usa imágenes en proporción **16:9**, por ejemplo de 1600 x 900 px o 1920 x 1080 px.

**4. Personaliza el carrusel**

Ajusta los efectos de transición, el estilo de la paginación, las flechas, la reproducción automática y el resto de las opciones.

**5. Guarda y publica**

Guarda los cambios y publica para que el carrusel aparezca en tu página.

## Opciones de personalización

| Opción | Qué controla |
| - | - |
| Carrusel y animación | El tipo de transición entre imágenes y la reproducción automática. |
| Flechas | Si se muestran las flechas para avanzar o retroceder, y su estilo. |
| Paginación | Los indicadores que muestran cuántas imágenes hay y cuál se está viendo. |
| Enlace de la imagen | La URL a la que se envía al visitante al hacer clic, en la misma pestaña o en una nueva. |
| Tamaño de las imágenes | El tamaño con el que se muestran las imágenes dentro del carrusel. |

Además, como cualquier otro elemento, puedes ajustar su **margen y relleno**, agregarle **sombras**, asignarle una **clase CSS personalizada** para estilos avanzados y controlar su **visibilidad** según el dispositivo (computadora o celular).

> [!TIP]
>
> Usa entre 3 y 5 imágenes. Más imágenes alargan el tiempo de carga y es poco probable que el visitante las vea todas. Mantén todas con la misma proporción para que el carrusel no cambie de altura.

## Preguntas frecuentes

> **¿Cuántas imágenes puedo agregar?**
>
> Las que quieras. Lo recomendable es usar entre 3 y 5.

> **¿Qué pasa si un visitante hace clic en una imagen?**
>
> En las opciones generales puedes asignar una URL a cada imagen y elegir si se abre en la misma pestaña o en una nueva.

> **¿Puedo cambiar el tamaño de las imágenes?**
>
> Sí, desde las opciones generales del elemento.

> **¿Funciona en celulares?**
>
> Sí. El elemento es adaptable y se ve bien en computadoras y dispositivos móviles.

> **¿Puedo poner un botón dentro del carrusel?**
>
> No hay un botón como tal, pero puedes incluir el botón dentro del diseño de la imagen y asignarle un enlace a la imagen. Al hacer clic, el visitante irá a la página que elijas, igual que con un botón.

> **¿Puedo mostrar u ocultar el carrusel según el dispositivo?**
>
> Sí. Con la configuración de visibilidad puedes mostrarlo solo en computadora, solo en celular o en ambos.

## Artículos relacionados

> **[Carrusel de logos](https://help.chateea.com/docs/sitios/elemento-carrusel-de-logos.md)**
>
> Muestra los logos de tus clientes o aliados.

> **[Galería de fotos](https://help.chateea.com/docs/sitios/galeria-de-fotos.md)**
>
> Organiza varias imágenes en una cuadrícula.

> **[Sombras en elementos](https://help.chateea.com/docs/sitios/sombras-en-elementos.md)**
>
> Da profundidad a tus elementos.

> **[Diseños adaptables a móviles](https://help.chateea.com/docs/sitios/disenos-adaptables-a-moviles.md)**
>
> Ajusta tus páginas para celulares.


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