Minisitios: Manual de Usuario — Crear y Configurar tu Tienda en Línea

Introducción

El objetivo de este manual es proporcionar una guía clara y concisa para la utilización efectiva del sistema de Minisitios de SYSCOM. Aquí encontrarás información detallada sobre las funcionalidades principales y soluciones a problemas comunes.

Los Minisitios son tiendas en línea personalizadas que puedes crear para ofrecer tus productos a clientes finales. Cada minisitio cuenta con su propia URL pública, catálogo configurable, carrito de compras y proceso de pago integrado.

1. Dashboard "Mis Tiendas"

Al acceder a la sección de Minisitios, verás el panel "Mis tiendas" con un resumen de tu actividad:

• Órdenes: total de pedidos recibidos.
• Pendientes: órdenes que aún no han sido pagadas.
• Pagadas: órdenes completadas.
• Ventas: monto total facturado.

Cada pedido genera automáticamente un link de pago seguro. Puedes seguir el estado de tus ventas en la sección de Órdenes.

Para crear una nueva tienda, haz clic en "+ Nueva tienda" en la esquina superior derecha.

2. Crear un Minisitio

Al hacer clic en "+ Nueva tienda", aparece un modal con los 5 pasos del proceso de configuración:

1. Nombre — Define el nombre y enlace público de tu tienda.
2. Logo — Sube el logotipo de tu marca.
3. Tema — Elige el estilo visual base.
4. Margen — Configura el porcentaje de ganancia sobre precios base.
5. Catálogo — Selecciona qué productos o categorías mostrar.

Haz clic en "Empezar ahora" para iniciar el flujo de configuración.

3. Configuración de Mi Tienda

Una vez iniciado el flujo, accedes al panel "Configuración de Mi Tienda". En el lado izquierdo encontrarás un sidebar con todas las secciones disponibles, cada una con un indicador de completado. La barra de progreso superior muestra el porcentaje de completado general.

3.1 Información Básica

Es lo primero que verán tus clientes. Configura:

• Nombre de la tienda: el que verán tus clientes en el header y las redes.
• Slug (URL): la dirección de tu tienda (ej. mi-tienda → …/tienda/mi-tienda). Solo minúsculas, números y guiones. No puede contener "syscom".
• Descripción corta: una frase que resume qué vendes (máximo 500 caracteres).

💡 Tip: Si el slug aparece con ✅ verde, está disponible. Si sale ❌, elige otro.

3.2 Estilo y Marca

Define cómo se ve tu tienda: tema, colores, logo y favicon.

• Tema base: elige entre tres estilos pre-hechos:
  • Moderno: limpio, con sombras sutiles.
  • Clásico: editorial, confiable.
  • Minimalista: espacios amplios, tipografía ligera.
• Colores: cambia primario, secundario y acento. Usa el botón "Restablecer tema" para volver a los del tema.
• Logo: PNG con fondo transparente (se ajusta a 400px de ancho).
• Favicon: el ícono que aparece en la pestaña del navegador (128×128 px).

💡 Tip: Si no tienes logo, puedes subir uno provisional desde el botón "Subir archivo".

3.3 Portada Principal

La primera pantalla que ven los visitantes.

• Paso 1 — Tipo de portada: Imagen única o Carousel.
• Paso 2 — Estilo de portada:
  • Clásico: texto sobre imagen de fondo.
  • Dividido: texto e imagen en columnas.
  • Impacto: fondo oscuro premium con acento (NUEVO).
• Paso 3 — Ancho completo: actívalo si quieres que la portada ocupe todo el ancho de pantalla sin márgenes.
• Opciones Carousel: cada slide tiene imagen, título, subtítulo, texto del botón y enlace del botón. Se rotan solas cada 6 segundos en la tienda pública.

3.4 Ventas y Precios

Configura cómo se muestran los precios y si aceptas pagos online.

• Moneda: MXN o USD.
• Margen de precio (%): porcentaje que se suma al precio base de Syscom (0–100). Este margen es general.
• Opciones de visibilidad:
  • Mostrar precios: los clientes podrán ver el precio de los productos.
  • Mostrar modelos: los clientes podrán ver el número de modelo de los productos.
  • Permitir compras: habilita pagos con tarjeta/Stripe.

💡 Tip: Muchos distribuidores dejan "Mostrar precios" encendido pero "Permitir compras" apagado al principio, y luego lo activan cuando configuran Stripe.

3.4.1 Dominios Personalizados

🚧 Próximamente. Podrás conectar tu propio dominio personalizado (ej. tienda.midominio.com) a tu minisitio para una experiencia de marca completa, reemplazando la URL por defecto de SYSCOM.

3.5 Catálogo

Define qué productos aparecen en tu tienda.

• Tres modos:
  • Por productos: eligiendo uno por uno.
  • Por categorías: mostrando todas las categorías Syscom que elijas.
  • Por marcas: filtrando por marca.

💡 Tip: Solo se guarda la lista del modo activo. Si cambias de modo, lo anterior se limpia.

3.6 Contacto

Los datos para que los clientes te escriban.

• Email: correo electrónico de contacto.
• Teléfono: número con código de país (ej. +52 6140000000).
• WhatsApp: número con código de país.
• Dirección: opcional.

💡 Tip: El WhatsApp aparece en la portada y en el footer como botón verde.

3.7 Redes Sociales

Enlaces a tus perfiles públicos.

• Facebook: URL completa de tu página.
• Instagram: URL completa de tu perfil.

💡 Tip: Los íconos aparecen en el footer de la tienda.

3.8 SEO

Cómo aparece tu tienda en Google.

• Meta título: hasta 60 caracteres.
• Meta descripción: hasta 160 caracteres.

💡 Tip: Incluye tu nombre + tu principal categoría (ej. "Tienda Profesional CCTV — MiTienda").

3.9 Quiénes Somos

La historia de tu empresa.

• Contenido: texto libre contando quién eres, desde cuándo operas, qué te diferencia.
• Mostrar: si lo enciendes, aparece una página dedicada + link en menú y footer.

3.10 Política de Privacidad

Cómo tratas los datos de tus clientes.

• Contenido: explica qué datos guardas y para qué.
• Mostrar: si lo enciendes, aparece una página legal.

💡 Tip: Si cobras online, es muy recomendable habilitarlo.

3.11 Control de Acceso

Si tu tienda es pública o solo para clientes invitados.

• Acceso restringido: apagado = cualquiera con la URL entra.
• Emails autorizados: si está encendido, pega una lista de correos (uno por línea). Solo esas personas podrán ver la tienda.

4. Flujo Recomendado para tu Primera Tienda

1. Básica → nombre + slug.
2. Estilo → tema + logo.
3. Portada → imagen o carousel.
4. Contacto → al menos email o WhatsApp.
5. Catálogo → elige modo y carga productos/categorías.
6. Ventas → decide si activas pagos.
7. SEO + Quiénes somos → antes de publicar.
8. Dale clic a Publicar arriba a la derecha.

5. Publicar tu Tienda

Una vez completada la configuración, tu tienda estará en estado Borrador. Desde la tarjeta de tu tienda en el dashboard, tienes tres opciones:

• Editar: vuelve al panel de configuración para hacer cambios.
• Publicar: hace visible tu tienda en la URL pública.
• Eliminar: elimina permanentemente la tienda.

También puedes Despublicar una tienda ya publicada para ocultarla temporalmente sin eliminarla.

Recordatorio Importante

Todos los cambios se guardan con el botón "Guardar cambios" al final. El toggle "Publicar" solo activa/desactiva la visibilidad — no reemplaza al guardado.