Los banners son una herramienta clave para destacar tu negocio en Nextiendas. Estas imágenes rotativas en la página de inicio permiten comunicar promociones, eventos especiales, y fechas relevantes para captar la atención de tus clientes.
A continuación, te explicamos paso a paso cómo configurar y personalizar las imágenes de tu banner en Nextiendas.
Configurar imágenes destacadas en los banners de tu sitio web
Accede al panel de autogestion:
- En tu panel de administración, ve a Configuraciones > Editar Sitio > Diseño.
Selecciona "Banners":
- Haz clic en la opción Banners para comenzar a personalizar las imágenes.
Carga las imágenes de tu banner:
- Al hacer clic en el recuadro de imagen de ejemplo, se abrirá un modal donde podrás seleccionar las imágenes desde tu dispositivo.
- Puedes cargar hasta 3 imágenes para que se muestren de forma rotativa en tu banner.
Configura imágenes responsivas:
- Encontrarás la opción para habilitar imágenes responsivas, lo que te permite cargar diferentes imágenes para escritorio y dispositivos móviles.
- Imagen Horizontal: Ideal para la versión de escritorio (PC y notebooks). Las dimensiones recomendadas son 1580x600px para garantizar una alta calidad.
- Imagen Cuadrada: Diseñada para dispositivos móviles. Las dimensiones recomendadas son 820x1000px. Esta imagen asegura que tu banner se vea impecable en smartphones y tablets.
Al activar las imagenes resposivas podras cargar dos imagenes de la misma tematica, una para escritorio y otra para moviles, en total podras cargar hasta 6 imagenes en total.
5.Agrega un link a tus banners:
Puedes agregar un link o URL directamente a la imagen de tu banner. Solo tendrás que configurar el link, que será la URL a donde quieres dirigir a tus clientes, y el Modo de enlace, donde podrás seleccionar entre:
- Abrir en la misma ventana: Ideal para dirigir a tus clientes a secciones internas de tu sitio web, categorías de productos, productos específicos, entre otros.
- Abrir en una nueva ventana: Ideal para direccionar a tus clientes a un sitio externo.
6. Añade texto y botones a tu banner:
- Para cada imagen, verás un ícono de edición junto al botón de eliminar. Al hacer clic en este ícono, se abrirá un modal de edición con las siguientes opciones:
- Título: El texto principal que se mostrará en tu banner.
- Subtítulo: Un texto adicional para dar más contexto.
- Botón: Puedes añadir un botón con un enlace a una URL interna o externa. Esto es perfecto para dirigir a los usuarios a productos, servicios, noticias, o secciones relevantes de tu sitio.
- Además, puedes personalizar el diseño del texto, ajustando la alineación (centro, izquierda o derecha), el color, y el tamaño de la fuente.
6. Guarda los cambios:
- Una vez que hayas configurado todo a tu gusto, no olvides hacer clic en Guardar para aplicar los cambios.
Procesamiento de imágenes
Cuando subes imágenes a tu sitio web en Nextiendas, las imágenes se procesan automáticamente para garantizar un rendimiento óptimo en tu sitio web. Esto incluye la conversión de imágenes a formato WebP, una compresión automática al 85% de calidad para reducir el tamaño del archivo sin perder calidad.
Beneficios de utilizar banners en tu sitio web
Los banners no solo embellecen la página de inicio, sino que también son una herramienta poderosa para comunicar mensajes clave. Al personalizar tus banners con imágenes responsivas, texto atractivo, y enlaces estratégicos, puedes mejorar significativamente la experiencia del usuario y aumentar la interacción en tu sitio.