El logo, los colores, las tipografías, el banner y la forma en que se ven los productos. Todo se edita en vivo sobre tu propia tienda, con el editor.
Paso a paso
- Tocá el botón EDITAR TIENDA, arriba a la derecha del panel. Se abre tu tienda en una pestaña nueva, con el panel del editor encima.
- Elegí el grupo de arriba del panel: Estilo para la identidad visual, Contenido para el banner y los textos, Pantallas para la tarjeta de producto y el resto de las pantallas.
- Editá. El cambio se ve en la tienda al instante, todavía sin publicarse.
- Tocá Guardar. Recién ahí lo ven tus compradores.
Estilo: la identidad visual
- Diseños listos: combinaciones completas hechas por diseñadores. Elegís una y toda la tienda cambia de una vez. Hay 39, entre ellos Clásico, Minimal, Editorial, Bento, Lujo, Brutalist, Y2K, Eco, Magazine, Quiet luxury, Hype, Viral, Technical, Apothecary, Cottagecore, Resale, Academia, Coastal, Chrome, Noir, Coquette, Boho, Art déco, Solarpunk, Storyteller, Boutique, Marketplace, Drop shop, Atelier, Pop-up, Mayorista, Café, Galería, Distribuidor, Reposición, Club privado, Lookbook, Fiesta y Outlet.
- Paleta y tipografías: los colores y las letras de tu tienda, ajustables uno por uno, con buscador de fuentes por estilo.
- Forma: el redondeo de las esquinas en botones, tarjetas y campos de toda la tienda.
Lo más rápido es empezar por un Diseño listo y después ajustar la paleta.
El logo, el nombre, el eslogan, las redes y los enlaces del pie están aparte, en Contenido → Marca.
El banner: qué medida usar
El banner es un bloque, no una pantalla fija. Se agrega en Contenido → Páginas → Inicio, eligiendo el bloque Banner / carrusel.
No hay una medida obligatoria. En vez de píxeles sueltos, elegís una forma con nombre y la tienda se encarga del resto:
- Alto, para escritorio: Ajustar a la imagen, Compacto, Medio, Alto, 21:9 (cine), 16:9 (panorámica), 3:1 (franja), 3:2, 4:3 o 1:1 (cuadrada). Por defecto viene en Medio.
- Alto (celular): Ajustar a la imagen, Compacto, Medio, Alto, 16:9 (panorámica), 1:1 (cuadrada), 4:5 (vertical), 3:4 (vertical) o 9:16 (historia). Por defecto Medio.
Ajustar a la imagen toma la altura de la primera imagen del carrusel: ni recorta ni deja bandas. Es la opción para cuando no querés pelearte con las medidas.
Los dos altos son independientes: la forma que elegís para escritorio no manda en el celular.
Con qué proporción exportar las imágenes
Cuando subís la imagen de un slide, la herramienta de recorte se abre ya encuadrada en la forma del banner: aproximadamente 12:5 en escritorio y 4:5 en celular. Ésas son las proporciones de referencia si querés preparar los archivos de antemano. Igual podés elegir otra proporción en el recorte.
Cada slide acepta una Imagen/video (escritorio) y una Imagen/video (celular) distinta.
Cuando la foto se corta o quedan bandas
El control es Ajuste de imagen:
- Rellenar: la imagen cubre todo el espacio y se recorta lo que sobra.
- Contener: se ve la foto entera y el marco sobrante se rellena con un desenfoque de la misma imagen. También podés elegir rellenarlo con un color liso.
Además, cada slide tiene Foco de la imagen, que decide qué parte se conserva cuando hay recorte.
Velocidad y comportamiento del carrusel
- Reproducción automática: encendida por defecto.
- Intervalo: de 3 a 10 segundos, por defecto 5. Es del carrusel entero, no de cada banner: no se puede hacer que un slide dure más que los otros.
- Transición: deslizar o fundido.
- Barra de progreso, Flechas y Puntos.
Programar un banner por fechas
Cada slide tiene Mostrar desde y Ocultar después de. Cargás las fechas y el banner entra y sale solo. También tiene un interruptor de visibilidad para apagarlo a mano, y Enlace de la diapositiva para que lleve a algún lado.
Sobre la imagen podés poner Antetítulo, Título, Subtítulo y hasta dos botones con su enlace, más el color del texto y una capa de opacidad para que se lea sobre la foto.
Cuántos productos por fila
En el bloque Grilla de productos, dentro de la página donde lo pusiste:
- Columnas: de 2 a 5. Por defecto 4.
- Columnas (celular): de 1 a 3. Por defecto 2.
- El espacio entre productos va de 8 a 48 px, por defecto 24.
El mismo bloque tiene Mostrar filtros y Mostrar ordenamiento, que aparecen sólo cuando el bloque muestra todo el catálogo.
Si querés un mosaico irregular estilo Pinterest en vez de una cuadrícula pareja, usá el bloque Muro de productos.
Cuando los productos se ven de distinto tamaño
La causa es la proporción de las fotos. Andá a Pantallas → Tarjeta y buscá Aspecto de imagen, con estas opciones:
- Natural (sin recorte): cada foto conserva su forma, así que las tarjetas quedan desparejas.
- Cuadrada, 3:4, 4:5, 2:3 o 16:9: todas las fotos se recortan a esa misma forma y las tarjetas quedan idénticas.
Elegir cualquier proporción distinta de Natural es lo que empareja la grilla.
En esa misma pantalla configurás el borde de la tarjeta, el efecto al pasar el mouse, la segunda foto al pasar, y el tamaño, peso y alineación del nombre y del precio. Arriba de todo elegís la variante de tarjeta, que cambia su estructura entera.
La barra de anuncio del encabezado
El texto está en Contenido → Marca, campo Anuncio. Soporta dos cosas útiles:
- Varios mensajes rotativos, separándolos con una barra vertical:
Envío gratis | Nueva colección. La barra los va alternando. - Un enlace por mensaje, con el sufijo
=>:Envío gratis => /envios.
El aspecto de la franja se configura en Pantallas → Encabezado, y depende de la variante que tengas elegida:
- Todas tienen el interruptor Mostrar anuncio.
- La variante estándar agrega Color del anuncio, el fondo de la franja.
- La variante Brutalist agrega además Color del texto, el grosor del borde y la tipografía monoespaciada.
- La variante Editorial agrega un Prefijo (Issue) con su color.
- La variante Luxury agrega el Tono dorado.
Imágenes y banners de categoría
Las imágenes y los banners de cada categoría se cargan desde el panel, no desde el editor: en el menú lateral, Catálogo → Categorías, abrís la categoría y ahí tenés Imagen título, Imagen fondo y el bloque Banner Promocional con banner de escritorio, banner mobile, enlace, margen y redondeo.
Para armar accesos visuales a las categorías en la portada, usá los bloques Categorías o Categorías cinemáticas.
Probar antes de publicar
- Arriba del panel hay tres botones con íconos de monitor, tablet y celular: cambian el tamaño de la vista previa sin salir del editor.
- Debajo del botón Guardar hay una fila con Anónimo y Cliente: con ella mirás tu tienda como la ve un visitante sin cuenta o un cliente con su lista de precios.
- Deshacer y Rehacer están en el panel. Y cada guardado queda en el Historial, así que si algo se rompe volvés a una versión anterior con un clic.
Lo que no se puede hacer
No hay pop-up ni cartel modal al entrar a la tienda. No existe esa función. Lo más parecido es poner arriba de todo en la portada un bloque Manifiesto o Promoción, o usar la barra de anuncio del encabezado.
Si algo no aparece
- No podés entrar al editor: hace falta ser administrador del negocio o un manager con el permiso de diseño. Si no lo tenés, la tienda avisa "No tenés permiso para editar la tienda". Se habilita en Configuración → Manager, grupo de permisos Tienda.
- Buscás una sección Banner y no está: el banner es un bloque de la portada. Se agrega en Contenido → Páginas → Inicio.
- No ves la barra de anuncio: en las variantes de encabezado Minimal y Cinematic el interruptor Mostrar anuncio viene apagado de fábrica. Encendelo en Pantallas → Encabezado.
- La barra de anuncio no aparece en ninguna variante: el campo Anuncio de Marca está vacío. Sin texto no se dibuja la franja.
- Buscás el grupo "Página": se llama Pantallas.
- El editor avisa que el diseño está cerca del límite de tamaño: acortá textos o quitá bloques antes de guardar.