Inicio/Guías/Mobile/Mobile Configuración

Diseño y tamaño de imágenes mobile

julio 2, 2020

Este es un tutorial guía para la versión mobile 📱, donde centralizamos los principales tutoriales de Batitienda relacionados con diseño y tamaño de imágenes, para que puedas realizar tus diseños de forma rápida y sencilla 🤓

Personalizar el diseño de tu tienda sirve para mostrarles a tus clientes la imagen de tu marca y también para mejorar su experiencia de compra. Por eso, es importante que el diseño de tu tienda esté alineado con el rubro que trabajes y la identidad del logo de tu marca. En este tutorial, te compartimos una guía para que puedas elegir que tamaño de imagen se adapta mejor a tu diseño.

Ahora sí a  trabajar! 💪

1. Ingresar a Diseño > Diseñador dentro del administrador de tu tienda.

2. Lo primero es elegir la sección que vas a querer usar

 

Vamos a empezar subiendo una imagen de 1500 ancho x 400 alto pixeles en la sección “Imagen 1” versión Mobile (celular).  Para la versión desktop el ancho recomendado es 2000 ancho por el alto que quieras usar en tu diseño. Tranquilo/a te dejamos también un tutorial 👉 Diseño y tamaño de imágenes recomendadas

Vas a elegir la opción “Imagen 1”

 

🧨 Importante: Para cargar la imagen vas a tener 2 opciones, es importante 🚨 que la subas donde dice “Imagen versión mobile” 

Vamos a usar uma imagen de tamaño 1500 ancho x 1000 de alto px 

Otra buena opción es elegir una foto de formato cuadrado 1500 x 1500 px 

 

 

 

💡 Aclaración importante: Recorda que podes usar imágenes de la medida que quieras, ya que el diseñador las adapta sin problema. De todas formas te dejamos algunas muestras con medidas puntuales para que veas como quedan, somos así de geniales! 😎

 

Te dejamos más tips 💡

👉  Dentro de Imagen > Layout vas a poder cambiar los márgenes. Esta opción te va a ayudar mucho si tenés que acomodar 2 o más imágenes. De todas formas te mostramos como queda con 1 imagen.

Margen 30 px  a la izquierda. Vas a notar que la imagen queda desplazada.

 

🎇 Aclaración importante: Recorda que para hacer esto tenés que hacer clic en “mobile”

 

👉 Otro tip es cambiar el color de fondo, esto lo vas a poder hacer desde Estilos > Fondo de sección 🎨 

Ejemplo de como queda:

 

👉 Otro tip es cambiar el color de fondo, esto lo vas a poder hacer desde Estilos > Fondo de sección 🎨 > Texturas  vas a poder darle más onda a tus diseños.

 

 

Buen trabajo! 💪

 

 

¿Te fue útil?

Sí  No
Artículos relacionados
  • Medida recomendadas para un slider versión mobile
  • Agregar un BoxContent en mi Batitienda versión mobile
  • Agregar una galería de imágenes versión mobile
  • Estilo a tu galería de imágenes versión mobile
  • Call to Action versión mobile
  • Sección texto 1 version mobile
Mobile Configuración
  • Diseño y tamaño de imágenes mobile
  • Medida recomendadas para un slider versión mobile
  • Agregar un BoxContent en mi Batitienda versión mobile
  • Agregar una galería de imágenes versión mobile
  • Estilo a tu galería de imágenes versión mobile
  • Call to Action versión mobile
View All 10  
Artículos populares
  • ¿Cómo agregar el botón de continuar con Google en mi Batitienda?
  • Primeros pasos de tu batitienda
  • ¿Cómo configurar mi sistema de fidelización FidelyNet?
  • ¿Cómo activar Instagram Shopping con mi Batitienda?
  • ¿Cómo verificar mi catálogo para Instagram Shopping?
Categorías
  • Mobile
    • Configuración
    • Mobile Configuración
  • Primeros pasos
    • Preparación
  • Productos
    • Descuentos
    • Agregar un nuevo producto
  • Diseño
    • Personalizar tu diseño
  • Configuraciones
    • Medios de pago
    • Fidelización
  • Información general
    • Conocé lo que podés hacer con Batitienda
  • Envíos
    • Todo sobre envíos
  • Canales de ventas
    • Mercado Libre / Instagram Shop / Facebook
  • Pedidos
    • Mis Ventas

© 2020 Batitienda - Todos los derechos reservados.