Centro de Atención Nube Configurá tu tienda Diseño Personalizar tu diseño Página de Inicio Banners

¿Cómo agregar banners de categorías en mi tienda?

Pasos para mostrar banners de categorías o banners con textos en la página principal de tu Tiendanube

Última actualización: 31/05/2022

Para destacar categorías en la página de inicio de tu tienda, además de contar con el menú de navegación, podés mostrar banners con imágenes y links, que van a llevar al visitante de tu tienda a la categoría específica que vincules.

Tres Banners de categorías de ejemplo, mostrando "Calzados", "Beauty" y "Home and furniture"

Delete

Success

Por el momento, esta funcionalidad solo está disponible en los diseños Amazonas, Bahía, Cubo, Focus, Idea, Material, Silent, Trend, Atlántico, Simple y Base.

El tamaño y la cantidad de banners que se pueden configurar va a depender del diseño que tengas:

  • Simple, Trend, Base, Focus, Cubo, Amazonas, Atlántico: hasta 3 banners de 600 x 600px.
  • Material: hasta 3 banners de 770 x 620px.
  • Silent: hasta 2 banners de 700 x 700px.
  • Idea y Bahía: en estos diseños el tamaño de los banners va a cambiar según cuántos quieras agregar en tu tienda. En Idea podés configurar un máximo de 4 banners, y en Bahía un máximo de 3.
Delete

Info

Si querés que los banners lleven a otro lugar que no sean las categorías, también podés hacerlo. Pueden llevar a un link externo (que no es muy recomendable, ya que puede distraer a tu cliente de su intención de compra) o uno dentro de tu tienda.

¡Vamos a los pasos!

1. En el Administrador de tu tienda, ir a Mi Tiendanube > Diseño > Personalizar el diseño actual.

2. Ir a la sección "Página de inicio".

Barra lateral en Personalizar el diseño actual, mostrando la opción "Página de inicio" resaltada


3. Deslizar hasta "Banners de categorías" y hacer clic para que se abra esa opción. 

Barra lateral con la opción Banners de categorías resaltada

4. Hacer clic en "Cargar imagen".

Botón Cargar imagen para la categoría 1 resaltado

5. Luego, hacer clic en "Elegir imagen" para cargar desde tu computadora el archivo que querés mostrar en ese banner. Ahí mismo, vas a poder ver el tamaño recomendado, según el diseño que estés usando en tu tienda.

Pantalla para Cargar imagen, mostrar la opción de Elegir imagen y el tamaño recomendado para ese banner

6. Después de subir la imagen, volver a la pantalla anterior.

Imagen cargada con el botón de flecha junto a "Cargar imagen" para volver resaltado

7. Completar todos los campos y preferencias para el banner de esa categoría.

  • Mostrar banner: Podés habilitar o deshabilitar el banner con esta casilla en cualquier momento. 
  • Título: Puede ser una frase o simplemente el nombre de tu categoría.
  • Texto del botón/Descripción: Llamada a la acción del botón que va a aparecer en el banner.  Algo como "Ver más" o "Comprar" podría funcionar.
  • Link: La dirección o URL a la que querés que lleve el botón. Para obtenerla, visitá la página de la categoría en tu tienda y copiá la dirección del navegador.

Adicional en algunas plantillas de diseño:

  • Alineación del texto: Podés elegir que el texto esté centrado o a la izquierda.
  • Color del texto: Puede ser blanco o negro, para que se vea bien; la mejor opción depende de la imagen de fondo.
  • Extender al ancho de pantalla: para que ocupe todo el ancho del dispositivo.

8. Repetir los pasos 4 a 7 para los banners de categorías que quieras cargar.

Delete

Warning

No es necesario que agregues todos los banners disponibles, podés agregar los que quieras, según la cantidad disponible en tu diseño.

9. Hacer clic en "Publicar cambios".

¡Listo! 🙌

Ya se van a mostrar en tu tienda los banners de categorías que hayas configurado. 

Tené en cuenta que la visualización de los banners de categorías va a depender de la plantilla de diseño que estés utilizando. Te mostramos algunos ejemplos:

Simple

Tres Banners de categorías de ejemplo del diseño Simple, mostrando "Mujer", "Hombre" y "Niños"

Delete

Material

Dos Banners de categorías de ejemplo del diseño Material, mostrando "Bath&Body" y "Frangances"

Delete

Atlántico

Tres Banners de categorías de ejemplo del diseño Atlántico, mostrando "Accesorios", "Skincare" y "Perfumes"

Delete