Status Page Designer
El Status Page Designer es un editor de panel dividido donde configuras tu página de estado a la izquierda y ves una vista previa en vivo a la derecha.
Getting started
- Ve a Status Pages en la barra lateral.
- Haz clic en Create Status Page (o selecciona una existente y haz clic en Edit).
- El diseñador se abre con dos pestañas: Settings y Components.
Settings tab
La pestaña Settings controla la apariencia y el comportamiento general de tu página de estado.
General
| Setting | Description |
|---|---|
| Name | Título de tu página de estado. |
| Slug | Identificador amigable para URL. Aparece en la URL de la página de estado. |
| Description | Breve descripción mostrada debajo del título. |
| Public | Alternar para hacer la página visible para todos. |
Privacidad
Hacer una página privada (desmarcando Make this status page public) la oculta de la URL pública. Los visitantes que lleguen a una página privada verán una pantalla de acceso donde pueden:
- Introducir la contraseña de acceso que hayas definido, o
- Iniciar sesión con una cuenta de isthisthing.online que sea miembro del workspace de la página.
Los miembros del workspace siempre pueden ver una página privada mientras tengan sesión iniciada. Las páginas privadas funcionan igual en un dominio personalizado.
| Configuración | Descripción |
|---|---|
| Contraseña de acceso | Las páginas de estado privadas siempre requieren una contraseña de acceso. Usa Establecer nueva contraseña para renovarla en cualquier momento sin introducir la anterior. Hacer la página pública elimina la contraseña. |
Branding
| Setting | Description |
|---|---|
| Logo URL | URL de una imagen mostrada en el encabezado de la página. |
| Brand Color | Color de acento principal (valor hexadecimal). |
| Contact Email | Correo electrónico mostrado a los visitantes para consultas de soporte. |
Theme
Elige entre siete temas integrados:
| Theme | Style |
|---|---|
| Dark | Diseño limpio de modo oscuro. Predeterminado del plan Free. |
| Corporate | Tema claro profesional con diseño estructurado. |
| Aurora | Acentos degradados con un toque moderno. |
| Minimal | Diseño minimalista centrado en la legibilidad. |
| Terminal | Estética monospace inspirada en terminal. |
| Timeline | Historial de incidents mostrado como línea de tiempo cronológica. |
| Grid | Diseño basado en tarjetas para componentes. |
El plan Free incluye solo Dark. Starter y superiores desbloquean todos los temas.
SEO
| Setting | Description |
|---|---|
| Meta Title | Etiqueta <title> personalizada para motores de búsqueda. |
| Meta Description | <meta description> personalizada para resultados de búsqueda. |
Déjalos vacíos para usar el nombre y la descripción de la página automáticamente.
Announcement
Un banner opcional mostrado en la parte superior de tu página de estado. Úsalo para avisos de mantenimiento o actualizaciones importantes.
Advanced
| Setting | Description |
|---|---|
| Custom Domain | Aloja en tu propio dominio (Pro/Enterprise). Consulta Custom Domains. |
| Show Powered By | Alternar la atribución "Powered by isthisthing.online". |
| Show Subscribe Button | Permite que los visitantes se suscriban a actualizaciones por correo (Pro/Enterprise). |
Components tab
Los componentes representan los servicios o sistemas que deseas rastrear en tu página de estado.
Adding a component
- Cambia a la pestaña Components.
- Haz clic en Add Component.
- Ingresa un nombre (ej., "Website", "API", "Database").
- Opcionalmente, vincúlalo a un monitor para actualizaciones automáticas de estado.
- Haz clic en Save.
Component statuses
| Status | Meaning |
|---|---|
| Operational | Todo funciona con normalidad. |
| Degraded Performance | Más lento de lo habitual pero aún funcional. |
| Partial Outage | Algunos usuarios o funciones están afectados. |
| Major Outage | El servicio está completamente caído. |
| Under Maintenance | Mantenimiento programado en curso. |
Linked vs. manual components
- Linked — el estado del componente se actualiza automáticamente según la salud del monitor vinculado.
- Manual — tú estableces el estado desde el Dashboard.
Reordering
Arrastra los componentes hacia arriba o hacia abajo en la lista para cambiar su orden de visualización en la página pública.
Visibility
Alterna la visibilidad de un componente para mostrarlo u ocultarlo de la página pública sin eliminarlo.
Live preview
El lado derecho del diseñador muestra una vista previa en tiempo real de tu página de estado. Los cambios en la configuración, el tema, la marca o los componentes aparecen al instante.
La vista previa también muestra cómo:
- Los incidents activos aparecen.
- Los incidents pasados se muestran en el historial.
- Las próximas ventanas de mantenimiento se enumeran.
Publishing
Haz clic en Save en el diseñador para publicar tus cambios. Tu página de estado está disponible inmediatamente en:
https://statuspage.isthisthing.online/{workspace-slug}/{page-slug}