Ir al contenido principal

SitioSimple — Agregar un carrusel de contenido (slider con texto y botones)

L
Escrito por Luciana Parente

Aplica a: SitioSimple · Interfaz: constructor de SitioSimple · Tiempo estimado: 5 min


¿Qué vas a lograr?

Agregar un carrusel de contenido a tu sitio con tarjetas que combinan imágenes de fondo, textos y botones, con rotación automática o manual y cambiar las imágenes que muestra.


Antes de empezar: slider de contenido vs. slider de imágenes

SitioSimple tiene dos componentes distintos. El Slider de imágenes muestra solo fotos. El Slider (carrusel de contenido) permite combinar imágenes de fondo con texto y botones en cada tarjeta — es el que se describe en este artículo.


Pasos

  1. En el constructor de SitioSimple, andá a Páginas y hacé clic en Editar sobre la página donde querés agregar el carrusel

  2. Arrastrá el componente Slider de contenido al lugar de la página donde querés mostrar las tarjetas

  3. Moviéndote entre los ítems del slider, configurá cada tarjeta:

    • Imagen de fondo — subí imágenes de buena calidad en formato horizontal para mejor resultado

    • Textos — agregá títulos y descripciones llamativas en cada tarjeta

    • Botones — añadí botones con llamados a la acción que dirijan a una página, categoría o producto específico

  4. Desde la pestaña Configuración definí el comportamiento del slider:

    • Activá Reproducción automática para que las tarjetas roten solas

    • Ajustá la velocidad de transición entre tarjetas

    • Si preferís que el usuario avance manualmente, dejá la reproducción automática desactivada

  5. Revisá el resultado desde el botón de vista previa

  6. Hacé clic en Guardar


Consejos para un carrusel efectivo

Usá entre 3 y 5 tarjetas para no saturar a los visitantes. Verificá que el texto contraste bien con la imagen de fondo para que sea legible. Incluí llamados a la acción claros como "Ver más", "Ir a la tienda" o "Comprar ahora".


Cambiar las imágenes del slider de contenido

  1. Hacé clic en el slider de contenido y seleccioná la tarjeta que querés modificar

  2. Seleccioná la caja del contenido y andá a la pestaña Estilo

  3. En la sección Fondo, hacé clic en Seleccionar imagen

  4. Elegí la imagen y hacé clic en Agregar imagen


Verificá que funcionó

Visitá la página publicada y confirmá que el carrusel rota correctamente y que los botones dirigen al destino esperado.


Errores frecuentes

El slider no avanza automáticamente

→ Verificá que la opción Reproducción automática esté activada en la pestaña Configuración.

El texto no se lee bien sobre la imagen

→ Elegí imágenes con zonas más oscuras o neutras donde colocar el texto, o ajustá el color del texto para que contraste mejor con el fondo.


¿Ha quedado contestada tu pregunta?