Páginas y secciones
Crea páginas nuevas, ordena, oculta o elimina las secciones de cada página y parte de una de las 12 plantillas de Nimlio.
Se está habilitando de forma gradual; puede que aún no esté activo en tu negocio
Las páginas están disponibles en el editor. Secciones requiere además que el equipo de Nimlio la habilite para tu negocio.
Páginas y secciones en el editor
En el editor, el panel lateral tiene las pestañas Páginas, Secciones, Capas y Recursos. Esta guía cubre las dos primeras: Páginas es la lista de rutas de tu sitio y Secciones son los bloques que componen la página que estás viendo, como una portada, una galería o una lista de precios.
- Una página es una ruta de tu sitio (por ejemplo
/contacto) con su propio archivo de código. - Una sección es un bloque dentro de una página que el editor puede ocultar, mover o quitar sin que tengas que tocar el código.
Crea una página
- Abre el diálogo
En la pestaña Páginas del editor pulsa Nueva página.
- Completa los campos
Escribe el Nombre de la página. El Slug y el Título se rellenan solos a partir del nombre, y puedes cambiarlos. El slug admite solo minúsculas, números y guiones.
- Describe la página con IA (opcional)
Si escribes algo en Describir con IA, al crear la página se abre el agente con esa descripción para que construya el contenido.
- Crea la página
Pulsa Crear página. Nimlio añade la página a tu sitio con la ruta
/seguida del slug.
Si falta el nombre, el título o el slug es inválido, verás Agrega nombre, slug válido y título. Si ya existe una página con ese slug o una ruta con ese path, el diálogo te lo dice (Ya existe una página con ese slug. Elige otro. o Ya existe una ruta con ese path. Elige otro slug.) y no escribe nada.
Qué se crea
Cada página nueva son dos archivos de tu sitio de código, más el registro de su ruta:
| Elemento | Ubicación |
|---|---|
| Código de la página | src/pages/<slug>.tsx |
| Estilos de la página (CSS Modules) | src/pages/<slug>.module.css |
| Registro de la ruta | src/site.config.tsx |
Los archivos se escriben primero y la ruta se registra después. Si el segundo paso falla, el diálogo muestra el error y Los archivos fueron creados. La ruta aún debe registrarse. Pulsa Pedir al agente (Registrar ruta) para que el agente registre la ruta por ti; no vuelvas a crear la página.
Elimina una página
Desde la lista de Páginas puedes eliminar una página. Antes de confirmar, Nimlio te avisa de lo que hará: quita la ruta de src/site.config.tsx y elimina los archivos de la página. Confirma con Eliminar archivos.
Límite de páginas por plan
Cada plan tiene un tope de páginas por sitio. El tope cuenta las rutas de tu sitio, no los archivos de estilos ni los componentes.
| Plan | Páginas por sitio |
|---|---|
| Starter | 4 |
| Pro | 10 |
| Enterprise | 20 |
El detalle de cada plan está en Planes y créditos.
Organiza las secciones de una página
La pestaña Secciones lista las secciones de la página que tienes abierta (Secciones de esta página), con su contador y la ruta, por ejemplo Ruta /. Cada fila tiene estas acciones:
- Ocultar / Mostrar: la sección oculta queda marcada como Oculta y no aparece en tu sitio.
- Subir / Bajar: cambia el orden. La primera no puede subir (Ya es la primera de la página.) ni la última bajar (Ya es la última de la página.).
- Eliminar: pide confirmación con ¿Eliminar sección? y recuerda que *puedes deshacerlo justo después*.
Tras cada cambio la vista previa se actualiza. Si algo sale mal, el editor te lo indica y puedes pulsar Reconstruir vista previa. Para revertir el último cambio usa Deshacer último cambio.
Ajustes de una sección
Algunas secciones exponen Ajustes con opciones como alineación (Izquierda, Centro, Derecha) o tamaño (Pequeño, Mediano, Grande). Lo que ves depende de cómo esté definida cada sección. Si un ajuste no se puede cambiar desde aquí, la fila ofrece Editar en el código.
Cuándo una sección no se deja editar
| Lo que ves | Qué significa | Qué hacer |
|---|---|---|
| La visibilidad se controla en el código | El código decide cuándo se muestra la sección; no puedes ocultarla desde el panel. | Edítala en Código o pídeselo a la IA. |
| Código personalizado. | Ese bloque no está registrado como sección, así que el panel lo muestra como una fila bloqueada: no puedes ocultarlo, moverlo ni quitarlo desde aquí. | Edítalo en Capas o pídeselo a la IA. |
| Generado desde una lista. | La sección se genera a partir de una lista en el código, así que el panel la muestra como una fila bloqueada y no la edita. | Edítalo en el código. |
| Bloqueada | El icono de candado de las filas de código personalizado y de lista. Estas filas aparecen en el panel en el orden de la página, pero no tienen acciones. | Edítala en el código o pídeselo a la IA. |
| Necesitas acceso de edición para cambiar secciones. | Tu rol no permite editar el sitio. | Pide acceso a quien administra el negocio (ver Equipo). |
Una página que solo tiene bloques de código personalizado o generados desde una lista los sigue mostrando como filas bloqueadas. No hay secciones en esta página significa que el editor no detectó bloques en la plantilla de la página: normalmente es una página vacía, pero también puede aparecer cuando el código de la página está construido de una forma que el editor no puede analizar (por ejemplo, un componente que se devuelve a través de una llamada a función). Las secciones registradas (defineSection) son las que puedes editar; puedes pedirle al agente de IA que convierta un bloque en sección.
Secciones necesita dos cosas a la vez: que la función esté habilitada para tu negocio y que tu plan la incluya (los tres planes la incluyen). En producción la habilitación es gradual: por defecto solo la tienen los negocios que el equipo de Nimlio activa. Si no ves la pestaña o el panel no carga, es lo primero que debes revisar; consulta Solución de problemas.
Parte de una plantilla
Nimlio ofrece 12 plantillas públicas con marca propia. Al elegir una, Nimlio crea tu negocio con una copia de la plantilla y te lleva al editor; la pantalla de preparación muestra Preparando tu espacio de trabajo, Copiando la plantilla, Generando la vista previa y Listo para editar, y indica 0 créditos · plantilla. Después la editas como cualquier otro sitio, con las mismas páginas y secciones de arriba.
| Plantilla | Categoría |
|---|---|
| Cardinal Barbería | Barbería y belleza |
| Madero Cocina | Restaurante |
| Atlas Estudio | Estudio y portafolio |
| Alba Panadería & Café | Café y panadería |
| Estudio Cifra | Servicios profesionales |
| Foco Fotografía | Eventos y fotografía |
| Forja Fitness | Fitness y entrenamiento |
| Lumen Belleza | Barbería y belleza |
| Pliego Portafolio | Estudio y portafolio |
| Raíz Inmobiliaria | Inmobiliaria |
| Savia Clínica | Salud y consultorio |
| Tienda Solar | Tienda |
Si prefieres partir de una descripción en vez de una plantilla, mira Generación en vivo.