Añade un widget a tu sitio web

Si quieres comunicar tu estado a tus visitantes, puedes añadir un widget de estado a tu sitio web.

Para añadir un widget de Instatus a tu sitio web, ve a dashboard.instatus.com y elige tu página de estado.

Ve a Widget, selecciona el tipo de widget, copia el código y listo.


Añade un widget flotante a tu sitio web

  1. Inicia sesión en Instatus desde instatus.com/login y elige tu página de estado.

  2. Ve a Widget → Flotante.

  3. Personaliza tu widget a tu gusto eligiendo:

  • El color de fondo
  • El color de primer plano
  • La posición del widget en la página
  1. Copia el script del widget y pégalo en el body de tu página HTML.
El widget aparecerá cuando haya una incidencia nueva 🙀

Añade un distintivo al pie de tu sitio web

  1. Inicia sesión en Instatus desde instatus.com/login y elige tu página de estado.

  2. Ve a Widget → Distintivo.

  3. Elige el modo claro u oscuro

  4. Elige el tamaño (pequeño, mediano o grande) 🤏

  5. Inserta el código en tu página HTML

Deberías ver un distintivo en tu pie de página 🥳

Añade un widget propio a tu sitio web.

Desarrolla tu propio widget con datos en vivo de tu página de estado.

Obtén tu estado actual y tus incidencias y mantenimientos activos con este endpoint:

https://[YOUR-STATUS-PAGE]/summary.json

Respuesta de ejemplo:

{
"page": {
"name": "Instatus",
"url": "https://instat.us",
"status": "HASISSUES"
},
"activeIncidents": [
{
"name": "We're facing an issue with our API",
"started": "Sat Jun 11 2022 18:55:50 (Coordinated Universal Time)",
"status": "INVESTIGATING",
"impact": "MAJOROUTAGE",
"url": "https://testing-widget.instatus.com/incident/cl4a"
}
],
"activeMaintenances": [
{
"name": "Database maintenance",
"start": "Sat Jun 11 2022 18:55:54 (Coordinated Universal Time)",
"status": "NOTSTARTEDYET",
"duration": "60",
"url": "https://testing-widget.instatus.com/maintenance/cl4"
}
]
}

Estados posibles de la página:

  • UP
  • HASISSUES
  • UNDERMAINTENANCE

Estados posibles de una incidencia:

  • INVESTIGATING
  • IDENTIFIED
  • MONITORING
  • RESOLVED

Estados posibles de un mantenimiento:

  • NOTSTARTEDYET
  • INPROGRESS
  • COMPLETED
¡Ya puedes tener tu propio widget! 🥳