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

# Agregar un carrusel o slider

> Muestra varias imágenes en el mismo espacio con el slider nativo o con un widget externo en tus páginas.

Un carrusel o slider muestra varias imágenes o contenidos en el mismo espacio, pasando de uno a otro de forma automática o con flechas. Es útil para enseñar productos, trabajos realizados, promociones o testimonios sin alargar la página.

En Chateea tienes dos formas de agregarlo a tus embudos y sitios web: con el elemento nativo de slider de imágenes o insertando un widget externo con código.

## Opción 1: elemento nativo de slider de imágenes

Es la opción recomendada: no necesitas código, es adaptable a móvil y lo configuras todo desde el editor.

**1. Abre la página en el editor**

Ve a **Sitios**, abre el embudo o sitio web y entra en la página donde quieres el carrusel.

**2. Agrega el elemento**

Arrastra el elemento **Slider de imágenes** (Image Slider) a la sección que prefieras.

**3. Agrega tus imágenes**

Elige las imágenes desde tu biblioteca de **Medios**. Para un resultado nítido, usa imágenes con proporción 16:9, por ejemplo de 1600 x 900 px o 1920 x 1080 px.

**4. Personaliza el slider**

Ajusta los efectos de transición, la paginación, las flechas, la reproducción automática y el tamaño de las imágenes.

**5. Guarda y publica**

Guarda los cambios, revisa la vista previa en escritorio y en móvil, y publica.

> [!TIP]
>
> Lo habitual es usar entre 3 y 5 diapositivas. Puedes hacer que cada imagen lleve a una página al hacer clic, en la misma pestaña o en una nueva, desde las opciones generales del elemento.

## Opción 2: widget externo con código

Si necesitas un tipo de carrusel que el elemento nativo no ofrece (por ejemplo, un carrusel de publicaciones de redes sociales), puedes usar un generador de widgets externo como [Elfsight](https://elfsight.com/widgets), que ofrece versiones gratuitas.

**1. Crea el widget**

En el servicio externo, configura tu carrusel y copia el código de inserción que te da.

**2. Agrega un elemento de código**

En el editor de Chateea, arrastra el elemento de código personalizado (**Custom JS/HTML**) a la sección donde quieres el carrusel.

**3. Pega el código**

Abre el elemento, pega el código de inserción y guarda.

**4. Revisa en vista previa**

Algunos widgets externos solo se ven en la vista previa o en la página publicada, no dentro del editor. Comprueba que carga bien en escritorio y en móvil.

> [!NOTE]
>
> Los widgets externos dependen del servicio que los ofrece: sus límites, su velocidad de carga y sus condiciones de uso son responsabilidad de ese proveedor.

## Preguntas frecuentes

> **¿Cuántas diapositivas puedo agregar al slider nativo?**
>
> Todas las que quieras, aunque lo más recomendable es entre 3 y 5 para no cansar al visitante.

> **¿Puedo poner un botón dentro del slider?**
>
> Puedes incluir el botón en la propia imagen y configurar que, al hacer clic en ella, lleve a la página que quieras.

> **¿El slider funciona en móvil?**
>
> Sí. El elemento nativo es adaptable y se ve bien en escritorio y en móvil.

## Artículos relacionados

> **[Elemento carrusel de imágenes](https://help.chateea.com/docs/sitios/elemento-carrusel-de-imagenes.md)**
>
> Todas las opciones del carrusel nativo.

> **[Marketplace de widgets](https://help.chateea.com/docs/sitios/marketplace-de-widgets.md)**
>
> Agrega widgets listos a tus páginas.

> **[Elemento testimonios](https://help.chateea.com/docs/sitios/elemento-testimonios.md)**
>
> Muestra opiniones de tus clientes.

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


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