Bienvenido a la guía completa de Stella AI. Este documento proporciona instrucciones detalladas sobre las funciones instaladas, las opciones de personalización y la estructura completa de menús tanto para el tema gratuito como para el complemento Premium Pro.

1. Instalación y Configuración

Instalación del Tema (Gratis)

Vaya a Apariencia > Temas > Añadir nuevo.
Suba stella-ai.zip y haga clic en Instalar ahora.
Active el tema.

Instalación del Complemento Pro (Premium)

Vaya a Plugins > Añadir nuevo > Subir plugin.
Seleccione stella-ai-pro.zip y haga clic en Instalar ahora.
Active el plugin.

2. Funciones Principales del Tema (Gratis)

Todos los ajustes principales se encuentran en Apariencia > Personalizar > Página de inicio.

🔹 Sección Hero

La primera impresión de su página de destino.

Ajustes: Activar/Desactivar sección, Título, Subtítulo.
CTAs: Botón primario (Texto y enlace), Botón secundario (Texto y enlace).

🔹 Sección de Características

Muestre lo que hace su producto.

Ajustes: Activar/Desactivar sección, Título, Subtítulo.
Elementos: Hasta 6 tarjetas de características (Icono/Emoji, Título, Descripción).

🔹 Sección de Precios

Precios flexibles para su SaaS.

Ajustes: Activar/Desactivar sección, Título, Subtítulo.
Planes: Hasta 3 planes. Cada plan incluye:
- Nombre del plan, precio mensual, periodo (ej. /mes).
- Lema, características (una por línea).
- Botón CTA (Texto y enlace).
- Destacar: Interruptor para que el plan destaque como "Recomendado".

🔹 Sección de Testimonios

Genere confianza con prueba social.

Ajustes: Activar/Desactivar sección, Título, Subtítulo.
Elementos: 3 tarjetas de testimonios (Cita, nombre del autor, cargo/empresa, iniciales).

🔹 Sección de Blog (Página de inicio)

Mantenga a sus usuarios actualizados.

Ajustes: Activar/Desactivar sección, Título, Subtítulo.
Lógica: Elija el número de entradas (1–12) y el texto del botón "Ver todo".

3. Funciones Premium Pro (Mejora)

Al activar Stella AI Pro se desbloquea el Panel Stella AI Pro en el Personalizador con un control ultra detallado.

🌟 Diseño y General

Diseño de cabecera: Alterne entre Predeterminado, Centrado o Superposición transparente.
Cabecera fija: Mantenga el menú visible al desplazarse con un Color de fondo fijo personalizado.
Modo oscuro: Interruptor global para forzar una estética oscura premium.
Identidad del sitio: Cambie el Color de acento, Color secundario y Color de fondo global.
Utilidades: Active/Desactive el Pre-cargador y el botón Volver arriba.

🌟 Tipografía Avanzada

Integración con Google Fonts: Elija fuentes profesionales (Inter, Outfit, Roboto, etc.) para los Encabezados y el Cuerpo de texto de forma independiente.

🌟 Opciones Pro de Precios

Selector Mensual/Anual: Añade un interruptor profesional a su sección de precios.
Precios Anuales: Añade un campo específico de "Precio anual" a cada plan.
Descuento automático: Establezca un porcentaje de descuento global y un texto de insignia personalizado (ej. "Ahorra un 25%").

🌟 Editor de Menú Inteligente

Anulación de menú: Reemplace el menú estándar de WordPress con un editor JSON clasificable y ultrarrápido.
Estilo: Colores personalizados, estados hover, peso y tamaño de fuente para los elementos del menú.

🌟 Reordenación de Secciones

Arrastrar y soltar: Una interfaz sencilla para reorganizar las secciones de su página de inicio (Hero, Precios, FAQ, etc.) en el orden que prefiera.

🌟 Secciones Pro (Contenido nuevo)

Sección de FAQ: Sección dinámica de preguntas y respuestas con contenido desplegable.
Logotipos de clientes: Un carrusel profesional de desplazamiento automático para logotipos de marcas.

🌟 Diseño de Sección Dinámico

Cada sección de la página de inicio tiene ahora su propio panel de estilo:

Fondos: Elija entre Colores sólidos o Degradados CSS.
Controles detallados: Cambie los colores de Títulos, Subtítulos, Botones CTA (Normal/Hover) y bordes de tarjetas específicamente para esa sección.

🌟 Páginas y Entradas

Controles de Meta: Muestre u oculte la fecha de la entrada, la categoría y el autor.
Diseño: Establezca un Ancho máximo de contenido personalizado (600px–1200px).
Cabeceras Pro: Colores de fondo y texto personalizados para las cabeceras de entradas individuales.

4. Herramientas de Administración

Sobre Stella AI

Se encuentra en Apariencia > Stella AI Info. Esta página ofrece enlaces rápidos a la documentación, ajustes del personalizador y un resumen del estado de sus funciones Pro.

Scripts personalizados (Pro)

Se encuentra en Pro Panel > Custom Scripts.

CSS personalizado: Añada anulaciones de CSS para todo el sitio.
JS en Cabecera/Pie: Añada de forma segura Google Analytics, Facebook Pixel o scripts personalizados sin editar los archivos del tema.

Etiqueta Blanca (White Labeling)

Elimine "By Maria Stella Tech" y reemplácelo con su propio crédito de pie de página para una experiencia totalmente personalizada.

¡Gracias por elegir Stella AI! Por favor, contacte con nosotros si tiene alguna duda.