Centro de Atención Nube Configurá tu tienda Diseño Personalizar el diseño Página de Inicio Carrusel de imágenes

¿Cómo usar el carrusel de imágenes para las plantillas Amazonas, Atlántico, Bahia, Cubo e Idea?

Cómo configurar correctamente el carrusel de imágenes en estos diseños y garantizar una experiencia de navegación óptima en tu tienda

Última actualización: 14/06/2024

Los diseños Amazonas, Atlántico, Bahía, Cubo e Idea están especialmente adaptados para pantallas de dispositivos móviles. Es por eso que el carrusel de imágenes funciona de forma tal que, en celulares, se adapta para mostrarse más grande y ocupa casi toda la pantalla.

Simulación de celular mostrando una tienda de ejemplo con la plantilla Bahía y su carrusel de imágenes

Para garantizar que tus clientes tengan una experiencia de navegación óptima al navegar tu tienda desde el celular, es importante que utilices las herramientas disponibles en el administrador de Tiendanube al configurar el texto y los botones de tus banners, así como imágenes que se adapten al carrusel.

En este tutorial, te enseñamos cómo usar correctamente el carrusel de imágenes en estas plantillas de diseño, en dos partes:

  • Sugerencias para preparar las imágenes para el carrusel
  • Cargar y editar las imágenes en el carrusel

Preparar las imágenes para el carrusel

Es importante que subas imágenes con el alto y ancho sugerido en tu administrador, según la plantilla que tengas. Podés ver nuestro artículo con los 📝 tamaños recomendados para carrusel de imágenes.

Botón para elegir imagen sobre el tamaño recomendado para las imágenes

Además, en muchos de nuestros diseños (como Bahía, Idea, Atlántico y Amazonas), podés configurar imágenes diferentes en el carrusel para celulares y computadoras

Delete

Success

En lo posible, para obtener la mejor visualización de las imágenes en el carrusel, usá la opción de archivos diferentes para celulares y computadoras.

Algunas recomendaciones:

  • Te sugerimos probar la imagen en la visualización "mobile" o celular para ver cómo quedaría en tu tienda. Esto podés hacerlo después de subir la imagen en tu administrador, presionando el botón en la parte superior de la pantalla.
Sección para configurar el Carrusel de imágenes con el botón superior de icono de celular seleccionado
  • Si tenés tu título o botón incluido en la imagen, te sugerimos ubicarlos de forma central en un ancho menor a 400px, para que en dispositivos móviles se vea de forma completa. 

  • Sin embargo, la mejor opción es incluir los textos y el botón directamente desde tu administrador de Tiendanube, como explicamos más abajo.

  • Te sugerimos no incluir información destacada o texto cerca de los bordes, y que la imagen se pueda entender si está cortada.

Veamos un ejemplo:

Para una imagen de 1580px de ancho, tendrías un área (remarcada en celeste) donde podrías ubicar información importante para usuarios que visiten la tienda desde computadoras. 

Imagen de carrusel de ejemplo mostrando una silla en un espacio, con el marco en el centro delimitando un espacio donde, si la imagen se corta, se puede entender igualmente y con el texto centrado


Pero, si dentro de la imagen querés agregar un título, texto y botón, deberías ubicarlos en el área central de 400px de ancho, para que quienes visiten la tienda desde sus celulares puedan ver todo el contenido, ya que la imagen se recorta para adaptarse mejor.

Misma imagen, esta vez cortada a un ancho de 400px para mostrar cómo se vería en un celular

Cómo cargar y editar las imágenes en el carrusel

Cada imagen que vas a incluir representará uno de tus banners dentro del carrusel. Es posible cargar la cantidad que quieras, pero recomendamos no agregar más de cinco, para que tu tienda no quede sobrecargada.

Además, en estas plantillas, podés agregar un link, título, descripción y botón a cada banner del carrusel desde el Administrador de Tiendanube.

Este contenido va a aparecer por encima de la imagen, de forma central y se va a ajustar para que siempre esté visible en cualquier dispositivo, tanto en celulares como en computadoras.

Para este paso, podés seguir el tutorial general para todos los diseños:

📝 ¿Cómo agregar un carrusel de imágenes en mi tienda?