Tu tienda debe verse como parte de tu negocio, no como una plantilla genérica. Todo se cambia sin tocar código.
Dónde
Ve a Operaciones → Tienda en línea → Ajustes → pestaña Diseño web. Dentro tienes cuatro sub-pestañas: Colores, Tipografía y estilo, Catálogo y Barra de anuncios. Al final de la pantalla, Guardar cambios guarda todo junto.
Colores
Plantillas de color
Arriba tienes más de 20 presets ya armados. Elige uno y se aplica al instante en la vista previa. Si te gusta, guarda.
Paleta manual
Puedes ajustar cada color a mano:
- Principal
- Secundario
- Fondo
- Texto
- Texto suave
- Texto botones
Y tienes tres atajos para no pelearte con los colores:
| Atajo | Qué hace |
|---|---|
| Generar con Mindy | La IA te propone una paleta completa |
| Desde mi logo | Extrae la paleta de los colores de tu logo |
| A partir de un color | Eliges un color base y Mindy deriva el resto |
Tipografía y estilo
| Control | Opciones |
|---|---|
| Tipografía | Outfit, Inter, Poppins, Plus Jakarta Sans, DM Sans, Nunito, Lato, Open Sans, Roboto, Montserrat |
| Tamaño base de texto | Compacto / Normal / Amplio |
| Esquinas | Ninguno (0px) / Suave (8px) / Medio (12px) / Redondeado (16px) |
| Estilo de tarjetas de producto | Elevadas (con sombra) / Con borde fino / Planas (minimalista) |
| Ancho del contenedor | 1200px / 1400px / 1600px |
| Header sticky | Mantener el header visible al hacer scroll |
Catálogo
Aquí decides cómo se ven los productos y los botones:
| Control | Opciones | Para qué |
|---|---|---|
| Productos por fila | 3 (más grandes) · 4 (recomendado) · 5 (más productos) | Cuántas tarjetas se muestran por fila |
| Forma de la imagen | Cuadrada (1:1) · Vertical (3:4) · Horizontal (4:3) | Vertical para ropa y moda; horizontal para comida y paisajes |
| Estilo de botones | Sólido (relleno) · Contorno (borde) · Píldora (redondeado) | La forma de "Agregar", "Comprar", etc. |
Tip: si tienes pocos productos, usa 3 por fila con imagen grande: se ve más cuidado que una cuadrícula medio vacía.
Barra de anuncios
Es la franja que aparece arriba de toda la tienda, para promos y avisos.
- Activa Mostrar la barra de anuncios en la tienda.
- Escribe el Texto del anuncio (ej. "Envío GRATIS en compras mayores a Q300").
- Opcional: pon un Enlace para que al hacer clic lleve a una categoría, producto o página.
- Elige los Colores de la barra: Fondo y Texto.
La vista previa de arriba te muestra cómo se verá, con los colores aplicados, mientras escribes.
Tip: úsala para una sola cosa a la vez —la promo del mes, el horario especial, el envío gratis—. Una barra con tres mensajes no la lee nadie.
Logo
Sube el logo de tu tienda en Ajustes → Configuración del Negocio. Ese mismo logo se usa como imagen por defecto al compartir tu tienda en redes.
Tip: empieza por un preset o por Desde mi logo, y de ahí ajusta. Salir de cero suele terminar en una tienda que no combina.
Lo demás
El dominio se maneja en la pestaña Configuración (ver Conecta o compra tu dominio propio), y los banners de portada en la pestaña Portada (ver Banners de portada).
¿Tienes preguntas? Escríbenos por WhatsApp 5650 1381, llama al PBX 2490 1711 o envíanos un correo a hola@mindy.gt (L-V 8:00–17:00).