QuetzaLink Docs
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.

  1. Ve a Tienda en línea > Ajustes > Diseño
  2. En Logo, haz clic en subir
  3. Selecciona tu imagen

Especificaciones

AspectoRecomendación
FormatoPNG (transparente) o JPG
Tamaño400×200 píxeles
Peso máximo2 MB
FondoTransparente 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:

  1. Sube imagen cuadrada
  2. Recomendado: 32×32 o 64×64 píxeles
  3. 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

  1. Haz clic en el selector de color
  2. Elige de la paleta o ingresa código HEX
  3. Vista previa en tiempo real
  4. Guarda cambios

Usa colores que contrasten bien con blanco para legibilidad. Herramientas como Coolors ayudan a crear paletas.

Banners

Imagen destacada en la página de inicio:

AspectoRecomendación
Tamaño1920×600 píxeles
FormatoJPG (menor peso)
ContenidoPromociones, temporadas

Configurar Banner

  1. Ve a Tienda en línea > Catálogo > Personalizar inicio
  2. Haz clic en + Nuevo Banner
  3. Sube la imagen
  4. 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:

UsoOpciones
TítulosInter, Poppins, Roboto, Open Sans
CuerpoInter, Roboto, Lato, Open Sans

Redes Sociales

Agrega enlaces a tus redes:

RedCampo
FacebookURL de tu página
InstagramURL de tu perfil
WhatsAppNúmero con código de país
TikTokURL de tu perfil

Los íconos aparecen en el footer de la tienda.

Configura las secciones del pie de página:

Sobre Nosotros

Texto breve sobre tu negocio.

Contacto

  • Dirección
  • Teléfono
  • Email
  • 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:

  1. Ve a Apariencia > Páginas
  2. Edita cada página:
    • Política de Privacidad
    • Términos y Condiciones
    • Política de Devoluciones
  3. Usa el editor de texto
  4. 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:

  1. Haz clic en Vista Previa
  2. Verás cómo se ve la tienda
  3. Prueba en diferentes tamaños (móvil, tablet, desktop)
  4. Si está bien, guarda

Mejores Prácticas

  1. Consistencia: Usa los mismos colores de tu marca
  2. Legibilidad: Buen contraste texto/fondo
  3. Imágenes de calidad: Fotos profesionales
  4. Menos es más: No sobrecargues de elementos
  5. Mobile first: Prueba siempre en móvil

On this page