Imagenes destacadas del banner principal o slider de imagenes

Aprender a configurar y personalizar las imágenes del banner principal de tu sitio web en Waclis, de forma simple y sin conocimientos técnicos, tambien llamado banner home, slider home. banners del inicio.

El banner principal es la primera sección visible de tu sitio web. Sirve para destacar promociones, novedades, fechas especiales o mensajes clave y guiar a tus visitantes hacia productos, categorías o secciones importantes.

Beneficios de usar banners en tu sitio web

• Destacas promociones y mensajes importantes desde el primer vistazo.

• Mejoras la experiencia visual de tu sitio.

• Guías a tus clientes hacia acciones concretas (comprar, conocer, contactar).

• Mantienes tu sitio actualizado sin modificar el diseño general.

Pasos para configurar imágenes destacadas en el banner

1. Accede al panel de autogestión

Desde el panel de administración de tu sitio, dirígete a:

Configuraciones > Editar sitio > Diseño

2. Ingresa a la sección “Banners”

Haz clic en la opción Banners para comenzar a personalizar las imágenes del banner principal.

3. Carga las imágenes del banner

• Haz clic sobre el recuadro de imagen de ejemplo.

• Se abrirá un modal donde podrás seleccionar imágenes desde tu dispositivo.

• Puedes cargar hasta 3 imágenes, que se mostrarán de forma rotativa (slider automático).

4. Configura imágenes del banner principal (home) e incluye versiones para móviles

Puedes activar la opción de imágenes responsivas para el banner principal del sitio (banner del home).

Esta opción permite que el banner muestre una imagen diferente según el dispositivo, mejorando la visualización tanto en computadoras como en celulares.

Al activar esta función podrás cargar dos versiones del mismo banner:

• una imagen para escritorio

• una imagen para móviles

El banner admite hasta 3 imágenes, con esta función podrás cargar hasta 6 archivos en total (versión desktop + versión mobile de cada una).

Medidas recomendadas para el banner principal (Banner del home)

Imagen para escritorio (horizontal)

• Ideal para: PC y notebooks

• Medida sugerida: 1580 x 600 px

Imagen para móviles (vertical/cuadrada)

• Ideal para: smartphones y tablets

• Medida sugerida: 820 x 1000 px

5. Agrega un enlace a cada banner

Cada imagen puede dirigir a una página específica.

• Configura la URL de destino.

• Selecciona el modo de enlace:

  • Abrir en la misma ventana: ideal para páginas internas, categorías o productos.

  • Abrir en una nueva ventana: recomendado para enlaces externos.

6. Añade texto y botones

Para cada imagen, haz clic en el ícono de edición.

Desde allí podrás configurar:

• Título: mensaje principal del banner.

• Subtítulo: texto complementario.

• Botón: con enlace interno o externo (por ejemplo: “Ver productos”, “Comprar ahora”, “Conocer más”).

También puedes personalizar:

• Alineación del texto (izquierda, centro o derecha).

• Color del texto.

• Tamaño de la tipografía.

7. Guarda los cambios

Una vez finalizada la configuración, haz clic en Guardar para aplicar los cambios en tu sitio web.

Procesamiento automático de imágenes

Todas las imágenes que subas a Waclis se optimizan automáticamente:

• Conversión al formato WebP.

• Compresión al 85% de calidad, manteniendo buena definición y mejorando la velocidad de carga del sitio.

No necesitas realizar ningún ajuste adicional.

Ejemplos de uso

• Promociones temporales (Hot Sale, descuentos, fechas especiales).

• Lanzamiento de nuevos productos o servicios.

• Mensajes institucionales o novedades importantes.

• Acceso rápido a categorías destacadas.