Centro de ayuda

Diseño

Personalizá el aspecto de tu tienda para que refleje tu marca. Los cambios se aplican en tiempo real y podés previsualizar el resultado antes de guardar.

Modos de color

Paleta automática

Elegís un color principal y el sistema genera automáticamente toda la paleta: header, footer, botones, fondos y texto. Es la opción más rápida. El color que se sugiere al registrarte (o el que elige la IA si usaste el asistente de "Otros") se aplica en este modo.

Preset de diseño

Más de 70 paletas prediseñadas con combinaciones de colores y tipografías curadas. Explorá los presets y aplicá el que mejor se adapte a tu marca con un clic.

Personalizado

Control total: elegís cada color por separado. Header, footer, fondo, botones, texto de botones, links, bordes y más.

Colores personalizados

En el modo personalizado podés definir cada color de tu tienda. Cada campo incluye una descripción de dónde se aplica ese color para que sepas exactamente qué estás cambiando.

Header

Barra de navegación superior

Texto header

Íconos y texto de la barra superior

Fondo

Fondo de todas las páginas

Botón

Agregar al carrito y acciones principales

Texto botón

Texto sobre los botones de acción

Footer

Pie de página de la tienda

Texto footer

Texto e íconos del footer

Color principal

Precio, badges, tabs y acentos de marca

Vista previa en tiempo real

La vista previa del panel muestra exactamente cómo va a verse tu tienda: gradientes del header y footer, estilo de los botones, bordes de las tarjetas de producto y el patrón de fondo. Lo que ves en la preview es lo que verán tus compradores.

Otras opciones de diseño

Logo y portada

Subí el logo de tu tienda y una imagen de portada para el header, desde Mi tienda → Logo y portada. Si todavía no tenés uno propio, elegí un ícono prediseñado de la galería o generá uno con IA.

Layout del catálogo

Elegí entre tabs, sidebar o dropdown para mostrar las categorías.

Layout de productos

Grilla o lista. También podés elegir 2, 3 o 4 columnas.

Estilo de botones

Plano, sutil, medio o fuerte. Controla la intensidad del gradiente en los botones y el header.

  • Header fijo (sticky) — el header se queda visible al hacer scroll.
  • Barra de navegación inferior en mobile — muestra Inicio, Cuenta y Carrito fijos abajo de la pantalla en celulares (activada por defecto).
  • Banners en slider — mostrá hasta 5 imágenes rotativas en la portada (plan Básico+).
  • Ancho del contenido — elegí entre angosto, normal, ancho o pantalla completa.
  • Posición del widget de envío — arriba o abajo del filtro de categorías.
  • Bordes de tarjetas: cuadrado, redondeado o muy redondeado.
  • Patrón de fondo: ninguno, puntos, cuadrícula, ondas y más.

Layout del header

En Mi tienda → Diseño elegís cómo se organiza el header: logo + buscador + carrito en una fila, logo centrado con el menú de categorías debajo, "Centrado con buscador" — con cuenta/carrito a la izquierda, logo centrado y buscador completo a la derecha, todo en una fila en pantallas grandes (en mobile pasa a 2 filas porque no entran los tres juntos) — o el más nuevo, "Minimalista con buscador debajo": en desktop el logo va a la izquierda y el buscador + cuenta/carrito agrupados a la derecha, todo en una sola fila; en mobile el buscador colapsa a un ícono que, al tocarlo, abre una segunda fila con el buscador completo, sin taparte el logo.

Debajo del layout elegido hay opciones más para el logo:

Logo del header

Mostrar el logo junto con el nombre, solo el logo, o solo el nombre de la tienda.

Posición del nombre

Cuando mostrás logo + nombre, elegís si el nombre va a la derecha, izquierda, arriba o abajo del logo. Arriba/abajo puede verse apretado en headers de una sola fila si el nombre es largo.

Logo más chico en celular

Viene apagado por defecto (el logo se ve igual de grande que en desktop). Si lo activás, el logo se achica solo en mobile para ganar espacio — en desktop no cambia nada.

Tagline y descripción con IA (Plan Básico+)

En Mi tienda → Información, arriba de los campos Tagline y Descripción hay un botón "Crear con IA" que completa los dos a la vez según el nombre y rubro de tu tienda. Si ya tenés algo escrito, el botón dice "Mejorar con IA" y parte de tu texto actual en vez de ignorarlo. Comparte el mismo cupo mensual que la descripción de producto.

Logo con IA (todos los planes)

En Mi tienda → Logo y portada, la pestaña "Generar con IA" crea 3 variantes de ícono (sin texto, el nombre de tu tienda se muestra al lado como con cualquier logo) según tu rubro y una descripción opcional que escribas. Elegís el fondo: transparente, el color principal de tu tienda, u otro color a elección. Las 3 variantes quedan guardadas para que puedas volver más tarde y cambiar cuál usás, sin gastar cupo de nuevo — solo se gasta cupo al generar una tanda nueva.

Cupo mensual: 1 generación en el plan Gratis (y en Pro mientras estás en período de prueba), 3 en el plan Básico y 5 en el plan Pro.

Encabezado de tu tienda

Si no subís una imagen de portada, podés activar un encabezado por defecto que muestra tu logo, el nombre de tu tienda y tu tagline sobre un fondo de color — se activa con el toggle "Mostrar encabezado por defecto" en Mi tienda → Logo y portada (viene apagado por defecto).

Si en cambio sí subís una portada, podés superponerle el nombre, el tagline y/o la descripción de tu tienda con el toggle "Mostrar nombre y texto sobre la imagen" — se aplica un degradado automático detrás del texto para que se lea bien sin importar la foto, y podés elegir el color del texto (los colores claros suelen contrastar mejor). El toggle "Recuadro alrededor del texto", justo debajo, agrega un borde fino rodeando el título y subtítulo.

Efecto del logo

En Mi tienda → Logo y portada, debajo del logo, podés elegir un efecto visual para que se destaque en el header. Sombra e Iluminación usan el color principal de tu tienda, así que se adaptan automáticamente a tu paleta.

Ninguno

El logo se muestra tal cual, sin efecto.

Sombra

Una sombra sutil debajo del logo, para darle profundidad.

Iluminación

Un resplandor suave alrededor del logo con el color principal de tu tienda.

Borde

Un contorno fino (1px) con el color principal, para separar el logo del fondo del header.

Efectos visuales

Desde Mi tienda → Diseño podés activar o desactivar pequeñas animaciones que hacen la experiencia de compra más viva. Vienen todas activadas por defecto.

  • Vuelo al carrito — el producto 'vuela' hacia el ícono del carrito cuando el comprador lo agrega.
  • Pulso al marcar favorito — el corazón hace un pequeño rebote al marcar un producto como favorito.
  • Confeti al confirmar el pedido — se muestra en la pantalla de 'pedido confirmado' del checkout, con los colores del tema de tu tienda.