Tienda en líneaConfiguración
Apariencia de la Tienda
Personaliza el diseño de tu tienda en línea
Personaliza la apariencia visual de tu tienda para reflejar tu marca.
Logo
Subir Logo
- Ve a Tienda en línea > Ajustes > Diseño
- En Logo, haz clic en subir
- Selecciona tu imagen
Especificaciones
| Aspecto | Recomendación |
|---|---|
| Formato | PNG (transparente) o JPG |
| Tamaño | 400×200 píxeles |
| Peso máximo | 2 MB |
| Fondo | Transparente preferido |
Donde aparece
- Header de la tienda
- Emails de confirmación
- Facturas y recibos
Favicon
El ícono pequeño que aparece en la pestaña del navegador:
- Sube imagen cuadrada
- Recomendado: 32×32 o 64×64 píxeles
- Formato: PNG o ICO
Colores
Color Primario
Usado en:
- Botones principales
- Enlaces
- Elementos de acción
Color Secundario
Usado en:
- Acentos
- Botones secundarios
- Hover effects
Configurar Colores
- Haz clic en el selector de color
- Elige de la paleta o ingresa código HEX
- Vista previa en tiempo real
- Guarda cambios
Usa colores que contrasten bien con blanco para legibilidad. Herramientas como Coolors ayudan a crear paletas.
Banners
Banner Principal
Imagen destacada en la página de inicio:
| Aspecto | Recomendación |
|---|---|
| Tamaño | 1920×600 píxeles |
| Formato | JPG (menor peso) |
| Contenido | Promociones, temporadas |
Configurar Banner
- Ve a Tienda en línea > Catálogo > Personalizar inicio
- Haz clic en + Nuevo Banner
- Sube la imagen
- Configura:
- Título (opcional)
- Subtítulo (opcional)
- Enlace (a dónde lleva)
- Orden (si hay varios)
Carrusel de Banners
Si tienes múltiples banners:
- Se muestran en carrusel automático
- Puedes configurar el tiempo entre slides
- Ordena arrastrando
Tipografía
Selecciona las fuentes para tu tienda:
| Uso | Opciones |
|---|---|
| Títulos | Inter, Poppins, Roboto, Open Sans |
| Cuerpo | Inter, Roboto, Lato, Open Sans |
Redes Sociales
Agrega enlaces a tus redes:
| Red | Campo |
|---|---|
| URL de tu página | |
| URL de tu perfil | |
| Número con código de país | |
| TikTok | URL de tu perfil |
Los íconos aparecen en el footer de la tienda.
Información del Footer
Configura las secciones del pie de página:
Sobre Nosotros
Texto breve sobre tu negocio.
Contacto
- Dirección
- Teléfono
- Horario de atención
Enlaces Útiles
- Política de privacidad
- Términos y condiciones
- Política de devoluciones
- Preguntas frecuentes
Páginas Legales
Agrega contenido a las páginas requeridas:
- Ve a Apariencia > Páginas
- Edita cada página:
- Política de Privacidad
- Términos y Condiciones
- Política de Devoluciones
- Usa el editor de texto
- Guarda
Las páginas legales son importantes para cumplimiento normativo. Consulta con un abogado para contenido adecuado a tu negocio.
Vista Previa
Antes de publicar cambios:
- Haz clic en Vista Previa
- Verás cómo se ve la tienda
- Prueba en diferentes tamaños (móvil, tablet, desktop)
- Si está bien, guarda
Mejores Prácticas
- Consistencia: Usa los mismos colores de tu marca
- Legibilidad: Buen contraste texto/fondo
- Imágenes de calidad: Fotos profesionales
- Menos es más: No sobrecargues de elementos
- Mobile first: Prueba siempre en móvil