El Wizard de creación de sitio es el primer flujo que un MYPE atraviesa en MYPES.pe. En menos de 30 segundos te lleva de cero a un sitio web profesional publicado en mypes.pe/{tu-slug} con plantilla pre-cargada, plan gratuito activado, paleta de colores generada automáticamente del logo (si lo subes) y contenido demo de tu rubro.

El flujo tiene 3 pasos visibles:

1. ¿Qué tipo de negocio tienes? — eliges el rubro/grupo (Salud, Educación, Belleza, Restauración, Servicios al hogar, Tienda online, etc.). El wizard mapea tu rubro a 1 de las 12 plantillas curadas (panadería → negocio-local, peluquería → valentina-salon, taller → taller-rpm, etc.).
2. Identidad básica — nombre del negocio, slug (URL), WhatsApp, distrito. Opcional: logo (con sugerencia automática de paleta desde el logo entre 8 paletas curadas) o eliges una de las 8 a mano, o personalizas los 4 colores manualmente.
3. Datos adicionales (opcional) — email, dirección, horario, redes sociales (Facebook, Instagram, TikTok, web). Toggle de catálogo online (para tiendas).

Al confirmar, el sistema:

• Crea el Site con tu plantilla pre-asignada.
• Asigna plan gratuito automáticamente.
• Pobla contenido demo de tu rubro (servicios, productos placeholder, descripciones, fotos del banco de 6,300 imágenes).
• Te lleva al panel del nuevo sitio (Página Web → Marca) para que termines de personalizarlo.

A diferencia de otros constructores tipo Wix, el resultado YA está listo para mostrar al cliente — no necesitas tocarlo si no quieres.

Manual completo

Paso 1 — ¿Qué tipo de negocio tienes?

Eliges un grupo de rubro desde una lista de cards visuales. Cada grupo agrupa rubros similares. El grupo determina:

Grupo de rubro	Plantilla asignada	Tipo
Belleza / Estética	valentina-salon	Servicios
Salud / Consultorio	reserva-salud	Servicios
Taller mecánico / Repuestos	taller-rpm	Servicios + Productos opcional
Restaurante / Cafetería	negocio-local	Híbrido
Boutique / Joyería	boutique-online	Híbrido premium
Tienda minorista	tienda-moderna	Productos
Estudio creativo / Agencia	norte-studio	Servicios + Portfolio
Educación / Instituto	instituto-amauta	Cursos/servicios
Servicios al hogar (gasfitería, etc.)	casa-lista	Servicios
Tours / Turismo	ruta-sur	Servicios
Consultoría / Lead-gen	landing-conversion	Servicios
Legacy migrado de Drupal	mypes-clasica	Universal

💡 Si tu rubro no calza exacto en ninguno de estos grupos, elige el más cercano. Después del wizard puedes cambiar de plantilla desde Página Web → Diseño si te das cuenta que prefieres otra.

Paso 2 — Identidad básica

Campo	Validación	Notas
Nombre del negocio	Requerido, máx 120 chars	El título visible al público. Ej. "Salón Valentina".
Slug (URL)	Requerido, 3-60 chars, solo [a-z0-9-], no puede ser palabra reservada	La URL será mypes.pe/{slug}. Se sugiere automáticamente desde el título pero puedes editarlo. NO se puede cambiar después de crear.
WhatsApp	Requerido, máx 20 chars	Número con código país (9 dígitos peruanos sin el +51). Es el canal principal de venta.
Distrito	Opcional	Selector autocomplete con los 1,800+ distritos del Perú. Sirve para SEO local.
Logo (subir)	Opcional, formatos jpg/png/svg/webp/avif/heic/heif, máx 5 MB	Si subes logo, el sistema extrae los 4 colores y te sugiere automáticamente una de las 8 paletas curadas (la más cercana al logo).
Paleta sugerida	Una de 8 (minimalista, cálido, profesional, boutique, tech, natural, vibrante, monocromo)	Aparece pre-seleccionada después de subir el logo. Puedes aceptarla o elegir otra del grid con un click.
Color principal	Hex (#RRGGBB)	Personalización manual (al editar a mano, la paleta sugerida queda como «custom»). Default: azul corporativo.
Color acento	Hex	Idem. Pinta badges, precios, highlights.
Color de fondo	Hex	El fondo del body y secciones neutras.
Color de texto	Hex	Texto principal sobre el fondo. El sistema valida contraste WCAG AA.

Sobre la sugerencia automática de paleta

Al subir el logo, el sistema:

1. Extrae los 4 colores dominantes del logo (principal, acento, fondo y texto con contraste WCAG AA).
2. Compara esos 4 colores contra las 8 paletas curadas usando distancia HSL ponderada (60% peso al principal + 20% acento + 15% fondo + 5% texto).
3. Te pre-selecciona la paleta más cercana visualmente.

Tienes 3 caminos:

• Aceptar la sugerida — un click más y listo, paleta consistente con tu logo.
• Elegir otra paleta del grid de 8 — un click setea los 4 colores.
• Personalizar a mano — abres la zona «Personalizar» y ajustas cada uno de los 4 colores con un picker. Al hacerlo, la paleta sugerida queda marcada como «custom» (sin perder los valores).

💡 ¿Por qué paletas curadas y no los colores crudos del logo? Porque los colores RGB que extrae un algoritmo desde un logo PNG/JPG no siempre quedan bien aplicados a UI (un naranja del logo puede chocar contra el texto, un gris puede ser ilegible). Las 8 paletas curadas están validadas para legibilidad y armonía visual.

Sobre el slug

El slug es permanente. SUNAT preserva los comprobantes emitidos con el slug original, los pedidos tienen tracking tokens vinculados, y Google indexa la URL. Por eso no se puede cambiar después. Si necesitas un slug distinto al inicial, sale más barato crear un sitio nuevo (que cambiar el slug + reindexar SEO + actualizar links externos).

Reglas del slug:

• Solo letras minúsculas, números y guiones (-).
• Empieza y termina con letra/número (no guion).
• 3-60 caracteres.
• No puede ser palabra reservada del sistema: reserva, pedido, directorio, noticias, preview, panel, admin, sitemap, robots, register, login, password, profile, api, feedback.

Paso 3 — Datos adicionales (opcional)

Campo	Validación	Notas
Email	Email válido	Para recibir consultas formales y notificaciones del sistema.
Dirección	Texto libre	Calle y número (sin distrito, ya lo elegiste).
Horario	Texto libre, máx 255	Ej. "Lun-Sáb 9am-7pm".
Facebook / Instagram / TikTok / Web	URLs opcionales	Aparecen como íconos en header y footer del sitio.
Catálogo activo	Toggle	Si lo activas, el bucket Catálogo queda habilitado + URL mypes.pe/{slug}/catalogo. Plantillas product-driven lo activan automáticamente.

⚠️ Si tu plantilla es product-driven (tienda-moderna, negocio-local, norte-studio, boutique-online), el toggle de catálogo se fuerza a ON y queda bloqueado — esas plantillas REQUIEREN catálogo para funcionar.

Qué hace el wizard al confirmar

1. Crea tu sitio con una URL única, en estado publicado, con el plan gratuito y la plantilla que corresponde a tu grupo de rubro.
2. Sube el logo (si lo subiste) y extrae la paleta de colores.
3. Crea tu ficha de contacto con WhatsApp, email, dirección, horario y distrito.
4. Registra cada red social que hayas activado.
5. Pobla contenido demo: 3-5 servicios genéricos, 1-2 miembros del equipo, la descripción del negocio y los textos del hero — todo en base al rubro elegido.
6. Asigna fotos del banco: fotos profesionales de Unsplash/Pexels/Pixabay etiquetadas con IA que encajan con tu rubro.
7. Vincula tu sitio al grupo de rubro elegido (para el directorio MYPES.pe).
8. Descarta el borrador temporal (el wizard guarda lo que llevas escrito por si cierras la pestaña a medias).
9. Te lleva al panel del nuevo sitio → Página Web → Marca con un mensaje de bienvenida.

Borrador automático

Mientras llenas el wizard, todo lo que escribes se guarda automáticamente. Si cierras la pestaña por accidente o pierdes conexión, vuelves a entrar y el wizard te muestra lo que llevabas hasta donde llegaste — no pierdes el trabajo. El borrador se descarta solo al confirmar la creación exitosa.

Casos comunes

«Me equivoqué de plantilla, ¿cómo cambio?» Crea el sitio normalmente y entra a Página Web → Diseño. Ahí cambias la plantilla. El contenido (servicios, productos, fotos) se preserva — solo cambia el aspecto visual.

«Subí un logo de 6 MB y me rechaza» El máximo es 5 MB. Comprime tu logo con TinyPNG o exporta más chico desde Photoshop/Canva. Para un logo, 200-500 KB sobra.

«El slug que quiero ya está tomado» Los slugs son únicos en todo el sistema. Si "panaderia" ya existe, prueba con variaciones: "panaderia-lopez", "panaderia-san-isidro", "panaderia-don-juan". Elige uno descriptivo de tu marca específica.

«Tengo logo pero quiero colores distintos a los que sugirió» Después de subir el logo el wizard te sugiere una de las 8 paletas curadas. Puedes elegir otra paleta del grid con un click, o abrir la zona «Personalizar» y ajustar los 4 colores a mano antes de avanzar.

«¿Por qué el sitio recién creado ya tiene servicios y fotos que yo no puse?» Es contenido demo generado automáticamente según tu rubro. La idea es que tengas algo visible al instante para mostrar. Edita los textos en Página Web → Servicios (o el manager correspondiente) y reemplaza las fotos cuando tengas las tuyas reales.

«El distrito no aparece en el autocompletado» Tenemos 1,800+ distritos del Perú. Si no aparece el tuyo, contacta soporte para que lo agreguemos. Mientras tanto, deja el campo vacío y rellénalo después desde Página Web → Contacto.

Cosas que NO puedes hacer

• Crear sitio sin elegir grupo de rubro — paso 1 es obligatorio.
• Cambiar el slug después de crear el sitio.
• Crear más sitios de los que tu plan permite (gratuito = típicamente 1).
• Saltar el paso 2 — los datos básicos (nombre, slug, WhatsApp) son obligatorios.
• Crear sitio con plantilla custom que no esté en las 12 curadas. Si tu rubro no calza, elige el más cercano y personaliza desde Marca/Diseño.
• Importar contenido de otro CMS desde el wizard. Para esto contacta soporte (migración asistida).