Capítulo 3: Proyectos y AI Generate

Cómo crear, gestionar, duplicar y eliminar proyectos. Cómo usar la IA para generar sitios completos en segundos.

---

3.1 Qué es un Proyecto

Un proyecto = un sitio web completo.

Ejemplos:

• "Taller Mecánico Miami" (tiene Home, About, Services, Contact)
• "Clínica Dental Mendoza" (tiene Home, Tratamientos, Equipo, Contacto)
• "Techados Tampa" (tiene Home, Emergency, Gallery, Reviews, Contact)

Cada proyecto tiene:

• Nombre (para vos)
• Slug (para la URL: slug.mypagegenius.com)
• Páginas (home, about, services, contact, etc.)
• Configuración (SEO global, idioma, branding)
• Dominios (opcional: tu propio dominio personalizado)

Ejemplo de sitio publicado:

---

3.2 Crear un Proyecto con IA

La forma más rápida. La IA escribe el contenido, elige los widgets, y arma la estructura.

Paso a paso

1. Andá a Proyectos → "Nuevo Proyecto"
2. Seleccioná "Generar con IA"
3. Completá el formulario:

1. Clic en "Generar"

Qué hace la IA detrás

En ~30-90 segundos, la IA:

1. Detecta tu industria (automotriz, dental, techados, etc.)
2. Detecta tu ciudad (para SEO local)
3. Selecciona widgets relevantes para esa industria
4. Genera textos específicos (headlines, descripciones de servicios, CTAs)
5. Arma la estructura de páginas (home + páginas secundarias)
6. Inyecta Schema.org invisible para Google
7. Aplica colores y tipografía coherentes

Resultado típico

Un proyecto nuevo con 4-5 páginas:

• Home: Hero, Features, Services, Testimonials, Contact Form, Footer
• About: Story, Team, Stats
• Services: Service list con descripciones detalladas
• Contact: Mapa, formulario, teléfono, horarios
• (Opcional) Emergency, Gallery, FAQ — según la industria

---

3.3 Crear un Proyecto en Blanco

Si preferís armar todo vos mismo.

1. Andá a Proyectos → "Nuevo Proyecto"
2. Seleccioná "Proyecto en blanco"
3. Escribí el nombre y elegí el idioma
4. Clic en "Crear"

Te deja en el builder con una página Home vacía. Desde ahí arrastrás widgets y los configurás.

---

3.4 Usar una Plantilla

1. Andá a Plantillas (desde el sidebar)
2. Hacé clic en una plantilla para previsualizarla
3. Si te gusta, clic en "Usar esta plantilla"
4. Escribí el nombre de tu proyecto
5. La plantilla se clona como proyecto nuevo, listo para editar

Plantillas disponibles

---

3.5 Lista de Proyectos

Andá a Proyectos en el sidebar. Ves una grilla o lista:

+----------------------------------------------------------+
|  MIS PROYECTOS                              [+ Nuevo]     |
+----------------------------------------------------------+
|  ┌─────────────┐ ┌─────────────┐ ┌─────────────┐        |
|  │ [Thumbnail] │ │ [Thumbnail] │ │ [Thumbnail] │        |
|  │ Taller Mec  │ │ Clínica Den │ │ Roofing Tampa│       |
|  │ 4 páginas   │ │ 5 páginas   │ │ 3 páginas   │        |
|  │ ✅ Publicado│ │ 📝 Borrador │ │ ✅ Publicado│        |
|  │ [Editar]    │ │ [Editar]    │ │ [Editar]    │        |
|  │ [Eliminar]  │ │ [Eliminar]  │ │ [Eliminar]  │        |
|  └─────────────┘ └─────────────┘ └─────────────┘        |
+----------------------------------------------------------+

Acciones por proyecto

---

3.6 Duplicar un Proyecto

Útil para:

• Crear una variante de un sitio existente
• Usar un proyecto como "plantilla base"
• Hacer A/B tests

1. En la lista de proyectos, clic en el menú "..." del proyecto
2. Seleccioná "Duplicar"
3. Escribí el nuevo nombre
4. Se crea una copia exacta con slug diferente

Qué se copia:

• ✅ Todas las páginas y contenido
• ✅ Configuración de SEO
• ✅ Branding (colores, logo)
• ❌ Dominios personalizados (tenés que reconectarlos)
• ❌ Leads/submissions

---

3.7 Eliminar un Proyecto

Advertencia: Esta acción es irreversible.

1. Menú "..." → "Eliminar"
2. Te pedimos confirmación: "¿Eliminar 'Taller Mecánico' y todas sus 4 páginas?"
3. Clic en "Eliminar permanentemente"

Qué se borra:

• Todas las páginas del proyecto
• El HTML publicado (el sitio en vivo deja de funcionar)
• Los dominios personalizados vinculados

Qué NO se borra:

• Las imágenes subidas a Media (son tuyas)
• Los leads recibidos (quedan en la tabla global)

---

3.8 Media Library (Biblioteca de Medios)

Andá a Media en el sidebar.

Subir imágenes

1. Arrastrá imágenes al área de drop
2. O clic en "Examinar" para elegir archivos
3. Formatos soportados: JPG, PNG, WebP, GIF
4. Tamaño máximo: 5MB por archivo

Qué pasa al subir

• La imagen se redimensiona automáticamente a máximo 1920px de ancho
• JPG/PNG se convierten a WebP (más liviano, carga más rápido)
• Se guardan en public/uploads/ con nombre único

Usar una imagen

• En el builder, arrastrá el widget "Image"
• Clic en "Seleccionar de Media"
• Elegí la imagen de tu biblioteca

Problema común: "Mi imagen se ve borrosa"

• Causa: Subiste una imagen muy chica y la estiraste.
• Solución: Subí imágenes de al menos 1200px de ancho. El builder las adapta.

---

3.9 Límites por Plan

---

3.10 Problemas y Soluciones de Proyectos

"No puedo crear más proyectos"

• Causa: Llegaste al límite de tu plan.
• Solución: Eliminá proyectos viejos o upgradéá en Billing.

"La IA no entiende mi negocio"

• Causa: Descripción muy vaga.
• Solución: Incluí: ciudad, industria específica, 3 servicios principales, y algo que te diferencie. Ej: "Clínica dental en Houston que acepta seguros Aetna, ofrece implantes same-day, y atiende emergencias dentales 24h".

"La IA tardó mucho y falló"

• Causa: Timeout de la API de IA (Groq/Gemini) o rate limit alcanzado.
• Solución: Esperá 1 minuto y reintentá. Si persiste, contactá soporte.

"Mi proyecto se quedó en 'Generando...'"

• Causa: Proceso de IA interrumpido.
• Solución: Refrescá la página. Si el proyecto aparece incompleto, eliminalo y volvé a generar.

"Quiero cambiar el slug de mi proyecto"

• Causa: Elegiste un slug feo o con typo.
• Solución: Andá al builder → Configuración → Slug. Cambialo. Nota: La URL anterior deja de funcionar.

"Quiero clonar un proyecto de otro usuario"

• Causa: No se puede.
• Solución: PageGenius no tiene "proyectos públicos" para clonar. Tenés que usar plantillas oficiales o generar con IA.

---

Resumen del Capítulo 3

---

Próximo capítulo: Capítulo 4: El Builder — Editor Visual