Mini-sitios — Guía del usuario completa

¿Qué son los Mini-sitios?

Los mini-sitios te permiten construir y publicar tu propio sitio web directamente dentro de OrbitingFox — sin necesidad de codificación. Cada sitio obtiene su propia URL pública, páginas personalizadas, imágenes y un formulario de contacto. Puedes navegar por todos los sitios publicados en /sites/.

Creando tu primer sitio

1. Ve al Panel de Mini-sitios  haz clic en + Nuevo Sitio.
2. Completa un título, un slug interno (apodo seguro para URL) y una descripción opcional.
3. Haz clic en Crear — aterrizarás en el Constructor.

El Constructor

El Constructor tiene dos áreas principales:

• Barra lateral izquierda — tu lista de páginas. Haz clic en una página para editarla. Usa el icono del ojo de visibilidad para controlar quién ve cada página.
• Lienzo (derecha) — tu editor de bloques. Cada bloque es una pieza de contenido (texto, imagen, botón, etc.).

La barra superior tiene botones de acceso rápido:

• Vista previa — ver la vista pública de tu página
• Configuraciones — configuraciones a nivel de sitio (colores, logo, SEO, estilo de navegación)
•  Exportar ZIP — descarga el sitio completo como un archivo portátil
• Revisiones — navegar y restaurar instantáneas anteriores

Páginas y secciones

Cada sitio está compuesto de páginas (llamadas secciones). Las páginas aparecen automáticamente en la navegación de tu sitio.

• Haz clic en + Añadir Página en la barra lateral para crear una nueva página.
• Asigna un etiqueta (lo que aparece en la navegación) y un slug (nombre corto seguro para URL, por ejemplo, servicios).
• Arrastra las páginas hacia arriba/abajo para reordenar la navegación.
• Visibilidad por página: Público (todos), Sólo propietario (sólo tú), Oculto (no mostrado en la navegación).

Sub-páginas

Puedes anidar páginas hasta 4 niveles de profundidad. Para hacer que una página sea hija de otra, establece su Página padre al agregar/editando. Las sub-páginas aparecen como elementos desplegables en la navegación.

Tipos de bloques

Haz clic en + Añadir Bloque dentro de una página para insertar contenido. Tipos de bloques disponibles:

Asistente de mensajes de IA (bloques de HTML en bruto)

Cuando agregas un bloque de HTML en bruto, aparece un panel púrpura de Personalizar con IA. Haz clic en él para expandirlo — muestra un mensaje de IA listo para ese tipo de sección.

1. Desplázate hasta el [EDITA ESTA PARTE] en la parte inferior del mensaje y reemplaza el ejemplo con tu propio contenido.
2. Haz clic en Copiar Mensaje.
3. Pégalo en ChatGPT o Gemini (ambos gratuitos).
4. Copia el HTML que la IA devuelve  pégalo en el cuadro de código  haz clic en Guardar.

Consejo — vinculando botones a secciones: Si la IA te da un botón como <a href="#">Aprender más</a>, reemplaza # con #tu-slug-de-pagina. Ejemplo: <a href="#servicios">Nuestros Servicios</a> se desplaza a la página con slug servicios.

Un panel verde de Consejos debajo del asistente de IA explica esto y te recuerda usar el bloque de Formulario incorporado para formularios de contacto (no formularios HTML generados por IA).

Pestaña de Configuraciones

Abre la pestaña de Configuraciones en el constructor para configurar opciones a nivel de sitio:

• Básicos — título, slug, descripción, título/descripción/palabras clave SEO, título del banner
• Marca — imagen de encabezado, logo, favicon, logo animado
• Colores — fondo, área del logo, encabezado, pie de página (selectores de color hex)
• Carrousel de logo — subir múltiples logos para una franja desplazante; controlar intervalo de deslizamiento, alineación
• Navegación — diseño (Barra lateral izquierda / Barra superior / Barra lateral derecha), tema (Claro / Oscuro / Transparente)
• Formulario de contacto — mostrar el campo de teléfono, hacer teléfono/correo electrónico obligatorios
• Insignia de OrbitingFox — mostrar u ocultar la insignia de atribución del sitio
• Publicación — establecer tu URL Pública, modo de visibilidad y botones de Publicar/No publicar

Publicando tu sitio

1. En la sección Configuraciones  Publicación, ingresa una URL Pública (un slug único, por ejemplo, mi-panaderia). Tu sitio estará disponible en /sites/mi-panaderia/.
2. Elige Visibilidad de Publicación:
   • Público — listado en el directorio /sites/, cualquier persona puede encontrarlo
   • No listado — accesible solo por URL directa, no listado en el directorio
   • Grupo — accesible solo para miembros de un grupo de contacto seleccionado
3. Haz clic en Publicar. Se guarda una instantánea de revisión automáticamente.
4. Para llevar tu sitio fuera de línea, haz clic en No publicar.

Mensajes de contacto

Cuando alguien envía tu formulario de contacto, el mensaje aparece en Panel  tu sitio  Mensajes.

Cada mensaje tiene un estado que puedes actualizar:

• Nuevo  Leído  Respondido  Archivado

Responde haciendo clic en el correo electrónico del remitente (abre tu cliente de correo con una dirección pre-rellena).

Historia de revisiones

Cada vez que haces clic en Publicar, OrbitingFox guarda una instantánea de tu sitio completo. Visita Revisiones (botón de la barra superior) para navegar por las instantáneas.

• Cada tarjeta muestra la fecha, la hora y un resumen de páginas y bloques en ese momento.
• Haz clic en Restaurar esta versión para retroceder. Un diálogo de confirmación te advierte que el cambio es inmediato.
• Importar un ZIP en un sitio existente también crea un par de revisión antes/después.

Duplicar un sitio

En el Panel, haz clic en el menú  junto a un sitio  Duplicar. Se crea una copia completa (todas las páginas, bloques, configuraciones, imágenes) con un nuevo slug interno. La URL pública no se copia — debes establecer una nueva.

Exportación, importación de ZIP & flujo de trabajo de VSCode

Exportar tu sitio existente

Barra superior del constructor   Exportar ZIP. El ZIP contiene:

• site.json — todas tus páginas, bloques y configuraciones en un formato legible
• images/ y files/ — todos los medios subidos
• README.md — guía paso a paso para usuarios y asistentes de IA
• AI_CONTEXT.md — referencia técnica completa para agentes de IA y desarrolladores

Descargar una plantilla de inicio en blanco

Panel   Plantilla de Inicio. Mismo formato ZIP, pre-relleno con una página de Inicio (bloque de héroe) y una página de Contacto (bloque de formulario). Comienza aquí si deseas diseñar desde cero en VSCode.

Editar en VSCode con IA

1. Descomprimir  abrir la carpeta en VSCode.
2. Dile a un asistente de IA: "Lee AI_CONTEXT.md primero, luego ayúdame con mi sitio web."
3. Describe cambios en inglés simple. La IA edita site.json por ti.
4. Re-comprime y sube.

Re-subir (importar)

Panel   Importar ZIP.

• Deja el desplegable en blanco  crea un nuevo borrador.
• Elige un sitio existente en el desplegable  reemplaza el contenido de ese sitio y guarda una revisión automáticamente para que puedas retroceder.

Lo que NO se importa

• URL pública — debes establecer la tuya
• Estado publicado — siempre comienza como un borrador privado
• Mensajes de contacto — permanecen en el servidor original
• Restricciones de grupo — los grupos son específicos del servidor

Seguridad

OrbitingFox analiza cada ZIP subido en busca de contenido no seguro. Los ZIP rechazados incluyen una explicación en inglés simple de por qué fueron bloqueados (por ejemplo, "HTML no seguro detectado", "tipo de archivo no permitido").

Nota (2026-08-17) — no es lo mismo que el sistema de diseño de la plataforma. Los ajustes de color descritos anteriormente son por sitio (o por ítem) configuraciones propiedad del usuario que creó ese sitio. No son el estándar visual de toda la plataforma. Los colores, tamaños de texto y componentes de la plataforma viven en el sistema de diseño — ver Admin → Sistema de Diseño y docs/design/DESIGN.md — y se establecen globalmente en Apariencia.