Agregar Banners
En la tienda online, los banners son elementos gráficos que se utilizan para captar la atención de los visitantes y comunicar mensajes importantes. Estos banners pueden estar ubicados en diversas secciones del sitio web y suelen contener anuncios promocionales, ofertas especiales, nuevos productos, eventos, o cualquier información relevante que la tienda desee destacar. Los banners son esenciales para la estrategia de marketing visual, ayudando a mejorar la experiencia del usuario y aumentar las tasas de conversión al dirigir la atención hacia acciones específicas.
Agregar banner (1 imagen grande)
La sección de banner (1 imagen grande) permite agregar una imagen que ocupa todo el ancho de la página y direccionar a lugares específicos dentro de tu tienda o enlaces externos.
El tamaño óptimo para la imagen es de 1170 px ancho o 1940 px si es ancho total.
Para agregar un banners (1 imagen grande), realiza los siguientes pasos:
Paso 1. Desde el menú lateral ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona la opción + Añadir sección.
Paso 3. Selecciona la opción Banner (1 imagen grande) y Presiona el botón + Añadir
Paso 4. Ingresa la sección recién creada. La misma se compone de dos partes, Contenido y Configuraciones.
Contenido:
Paso 5. Presiona + Añadir banner, y haz clic en Ítem.
Paso 6. Presiona en +Imagen y selecciona desde el banco de imágenes o carga una desde tu ordenador.
Paso 7. Personaliza el contenido aplicando un estilo y asignando texto y botón.
Configuración:
Paso 8. Presiona la opción Estilo para asignar altura, redondeo de bordes y alineación del contenido.
Paso 9. Presiona la opción Sección para configurar reglas de posicionamiento como el ancho, distancia con otras secciones, color de fondo y visibilidad en dispositivos.
Paso 10. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior a la derecha.
Agregar banner (2 columnas)
La sección de banner (2 columnas) permite agregar dos imágenes una al lado de otra y direccionar a lugares específicos dentro de tu tienda o enlaces externos.
El tamaño óptimo para la imagen es de 574 px de ancho.
Para agregar un banners (2 columnas), realiza los siguientes pasos:
Paso 1. Desde el menú lateral ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona la opción Añadir sección.
Paso 3. Selecciona la opción Banner (2 columnas) y Presiona el botón + Añadir
Paso 4. Ingresa la sección recién creada. La misma se compone de dos partes, Contenido y Configuraciones.
Contenido:
Paso 5. Presiona + Añadir banner, y haz clic en Ítem.
Paso 6. Presiona en +Imagen y selecciona desde el banco de imágenes o carga una desde tu ordenador.
Paso 7. Personaliza el contenido aplicando un estilo y asignando texto y botón.
Repite los pasos para cada uno de los banners
Configuración:
Paso 8. Presiona la opción Estilo para asignar altura, redondeo de bordes y alineación del contenido.
Paso 9. Presiona la opción Sección para configurar reglas de posicionamiento como el ancho, distancia con otras secciones, color de fondo y visibilidad en dispositivos.
Paso 10. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior a la derecha.
Agregar banner (3 columnas)
La sección de banner (3 columnas) te permite agregar tres imágenes una al lado de otra y direccionarlas a lugares específicos dentro de tu tienda o enlaces externos. El tamaño óptimo de cada imagen es de 376 px de ancho.
Para agregar un banners de 3 columnas realiza los siguientes pasos:
Paso 1. Desde el menú lateral ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona la opción Añadir sección.
Paso 3. Selecciona la opción Banner (3 columnas) y Presiona el botón + Añadir
Paso 4. Ingresa la sección recién creada. La misma se compone de dos partes, Contenido y Configuraciones.
Contenido:
Paso 5. Presiona + Añadir banner, y haz clic en Ítem.
Paso 6. Presiona en +Imagen y selecciona desde el banco de imágenes o carga una desde tu ordenador.
Paso 7. Personaliza el contenido aplicando un estilo y asignando texto y botón.
Repite los pasos para cada uno de los banners
Configuración:
Paso 8. Presiona la opción Estilo para asignar altura, redondeo de bordes y alineación del contenido.
Paso 9. Presiona la opción Sección para configurar reglas de posicionamiento como el ancho, distancia con otras secciones, color de fondo y visibilidad en dispositivos.
Paso 10. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior a la derecha.
Agregar banner (grilla 3 imágenes )
La sección de banner (grilla 3 imágenes ) permite agregar tres imágenes, que se estructuran una grande en un costado y dos a su derecha de la mitad de altura y direccionar a lugares específicos dentro de tu tienda o enlaces externos.
El tamaño óptimo para la imagen 772px ancho x 471px alto
Para agregar un banners (grilla 3 imágenes ), realiza los siguientes pasos:
Paso 1. Desde el menú lateral ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona la opción Añadir sección.
Paso 3. Selecciona la opción Banner (grilla 3 imágenes ) y Presiona el botón + Añadir
Paso 4. Ingresa la sección recién creada. La misma se compone de dos partes, Contenido y Configuraciones.
Contenido:
Paso 5. Presiona + Añadir banner, y haz clic en Ítem.
Paso 6. Presiona en +Imagen y selecciona desde el banco de imágenes o carga una desde tu ordenador.
Paso 7. Personaliza el contenido aplicando un estilo y asignando texto y botón.
Repite los pasos para cada uno de los banners
Configuración:
Paso 8. Presiona la opción Estilo para asignar altura, redondeo de bordes y alineación del contenido.
Paso 9. Presiona la opción Sección para configurar reglas de posicionamiento como el ancho, distancia con otras secciones, color de fondo y visibilidad en dispositivos.
Paso 10. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior a la derecha.
Agregar banner (grilla 4 imágenes )
La sección de banner (grilla 4 imágenes ) permite agregar cuatro imágenes que se estructuran dos laterales grandes, y dos centrales en el medio de la mitad de tamaño de altura y direccionar a lugares específicos dentro de tu tienda o enlaces externos.
El tamaño óptimo para imágenes laterales 370px ancho x 550px alto
El tamaño óptimo para imágenes centrales 370px ancho x 265px alto
Para agregar un banners (grilla 4 imágenes ), realiza los siguientes pasos:
Paso 1. Desde el menú lateral ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona la opción Añadir sección.
Paso 3. Selecciona la opción Banner (grilla 4 imágenes ) y Presiona el botón + Añadir
Paso 4. Ingresa la sección recién creada. La misma se compone de dos partes, Contenido y Configuraciones.
Contenido:
Paso 5. Presiona + Añadir banner, y haz clic en Ítem.
Paso 6. Presiona en +Imagen y selecciona desde el banco de imágenes o carga una desde tu ordenador.
Paso 7. Personaliza el contenido aplicando un estilo y asignando texto y botón.
Repite los pasos para cada uno de los banners
Configuración:
Paso 8. Presiona la opción Estilo para asignar altura, redondeo de bordes y alineación del contenido.
Paso 9. Presiona la opción Sección para configurar reglas de posicionamiento como el ancho, distancia con otras secciones, color de fondo y visibilidad en dispositivos.
Paso 10. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior a la derecha.
Agregar sección Bento (Grilla 4 imágenes)
La sección Bento (Grilla 4 imágenes) permite crear un diseño moderno y asimétrico para destacar categorías o promociones. Esta cuadrícula se estructura con dos imágenes grandes de altura completa en la parte lateral izquierda y dos imágenes más pequeñas apiladas verticalmente en el bloque derecho, permitiendo redireccionar a lugares específicos de la tienda o enlaces externos.
- Tamaño óptimo para Imagen 1 e Imagen 2: 370px ancho x 550px alto
- Tamaño óptimo para Imagen 3 e Imagen 4: 370px ancho x 270px alto
Para agregar una sección Bento (Grilla 4 imágenes), realiza los siguientes pasos:
Paso 1. Desde el menú lateral ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona el botón Personalizar sobre el tema a editar.
Paso 3. Presiona la opción Añadir sección.
Paso 4. Selecciona la opción Bento (Grilla 4 imágenes) y presiona el botón + Añadir.
Paso 5. Ingresa a la sección recién creada. La misma se compone de dos partes: Contenido y Configuraciones.
Contenido:
Paso 6. Presiona + Añadir imagen (o ítem) para cargar cada uno de los 4 bloques.
Paso 7. Presiona en + Imagen y selecciona desde el banco de imágenes o carga una desde el ordenador respetando las dimensiones sugeridas.
Paso 8. Personaliza el contenido de cada bloque asignando un enlace de destino, texto opcional o etiquetas de botón.
Repite los pasos para completar los 4 espacios de la grilla.
Configuración:
Paso 9. Presiona la opción Estilo para definir el espaciado entre imágenes, el redondeo de bordes (border-radius) y la alineación del texto.
Paso 10. Presiona la opción Sección para configurar el ancho de la grilla (completo o contenido), la distancia con otras secciones, color de fondo y si deseas que sea visible solo en móviles, escritorio o ambos.
Paso 11. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior derecha para aplicar los cambios en la tienda en vivo.
Agregar sección Bento (Grilla 5 imágenes)
La sección Bento (Grilla 5 imágenes) permite crear una composición visual de alto impacto mediante tres columnas verticales. La primera y segunda columna alternan tamaños (grande y pequeña), mientras que la tercera columna presenta una imagen de altura completa, permitiendo destacar un producto principal y cuatro complementarios con enlaces directos.
- Imagen 1 e Imagen 4: 370px ancho x 450px alto
- Imagen 2 e Imagen 3: 370px ancho x 260px alto
- Imagen 5: 370px ancho x 700px alto
Para agregar una sección Bento (Grilla 5 imágenes), realiza los siguientes pasos:
Paso 1. Desde el menú lateral ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona el botón Personalizar sobre el tema a editar.
Paso 3. Presiona la opción Añadir sección.
Paso 4. Selecciona la opción Bento (Grilla 5 imágenes) y presiona el botón + Añadir.
Paso 5. Ingresa a la sección recién creada. La misma se compone de dos partes: Contenido y Configuraciones.
Contenido:
Paso 6. Presiona + Añadir imagen (o ítem) hasta completar los 5 bloques de la grilla.
Paso 7. Presiona en + Imagen y carga el archivo desde tu ordenador o selecciona uno del banco de imágenes, respetando las dimensiones sugeridas para cada posición (del 1 al 5).
Paso 8. Personaliza cada bloque asignando un enlace (interno o externo), texto descriptivo y estilo de botón si lo deseas.
Repite el proceso para cada uno de los 5 banners.
Configuración:
Paso 9. Presiona la opción Estilo para ajustar el espacio entre las imágenes (gap), el redondeo de las esquinas y la alineación de los textos sobre las imágenes.
Paso 10. Presiona la opción Sección para definir el ancho total, márgenes de separación con otras secciones de la tienda, color de fondo y reglas de visibilidad por dispositivo.
Paso 11. Presiona Guardar y luego el botón Publicar en la esquina superior derecha para que los cambios se reflejen en tu tienda.
Agregar sección Bento (Grilla 6 imágenes)
La sección Bento (Grilla 6 imágenes) ofrece una estructura de mosaico distribuida en dos filas. Cada fila combina imágenes de distintos anchos (grande, pequeña y mediana) manteniendo una altura uniforme, lo que permite un recorrido visual equilibrado para destacar múltiples categorías o marcas en un solo bloque.
- Imagen 1 e Imagen 6: 450px ancho x 350px alto
- Imagen 2 e Imagen 5: 170px ancho x 350px alto
- Imagen 3 e Imagen 4: 370px ancho x 350px alto
Para agregar una sección Bento (Grilla 6 imágenes), realiza los siguientes pasos:
Paso 1. Desde el menú lateral ingresa a Tienda online > Personalizar diseño.
Paso 2. Presiona el botón Personalizar sobre el tema a editar.
Paso 3. Presiona la opción Añadir sección.
Paso 4. Selecciona la opción Bento (Grilla 6 imágenes) y presiona el botón + Añadir.
Paso 5. Ingresa a la sección recién creada. La misma se compone de dos partes: Contenido y Configuraciones.
Contenido:
Paso 6. Presiona + Añadir banner y haz clic en Ítem hasta completar los 6 espacios disponibles.
Paso 7. Presiona en + Imagen y carga el archivo desde tu ordenador o selecciona uno del banco de imágenes. Asegúrate de revisar qué posición ocupa cada imagen (1 a 6) para usar el ancho correcto.
Paso 8. Personaliza el contenido aplicando un estilo visual y asignando el texto, botón y el enlace de redirección correspondiente.
Repite los pasos para cada uno de los 6 banners.
Configuración:
Paso 9. Presiona la opción Estilo para definir el espacio entre los bloques, el redondeo de bordes y la alineación de los textos.
Paso 10. Presiona la opción Sección para configurar el ancho de la grilla, la separación con otras secciones de la página, el color de fondo y la visibilidad según el dispositivo (móvil o escritorio).
Paso 11. Presiona Guardar y luego el botón Publicar que se encuentran en la parte superior derecha.