Aggiungere un widget al tuo sito web

Se vuoi comunicare il tuo stato ai visitatori, puoi aggiungere un widget di stato al tuo sito web.

Per aggiungere un widget Instatus al tuo sito, vai su dashboard.instatus.com e scegli la tua status page.

Vai su Widget, scegli il tipo di widget, copia il codice e sei a posto!


Aggiungere un widget fluttuante al tuo sito web

  1. Accedi a Instatus da instatus.com/login e scegli la tua status page.

  2. Vai su Widget → Fluttuante.

  3. Personalizza il widget come preferisci scegliendo:

  • Il colore di sfondo
  • Il colore del testo
  • La posizione del widget rispetto alla pagina
  1. Copia lo script del widget e incollalo nel body della tua pagina HTML.
Il widget comparirà quando c'è un nuovo incidente 🙀

Aggiungere un badge nel piè di pagina del tuo sito

  1. Accedi a Instatus da instatus.com/login e scegli la tua status page.

  2. Vai su Widget → Badge.

  3. Scegli la modalità chiara o scura

  4. Scegli la dimensione (piccola, media o grande) 🤏

  5. Incorpora il codice nella tua pagina HTML

Dovresti vedere un badge nel tuo piè di pagina 🥳

Aggiungere un widget personalizzato al tuo sito web.

Sviluppa il tuo widget usando i dati in tempo reale della tua status page.

Ottieni lo stato attuale, gli incidenti e le manutenzioni attive usando questo endpoint:

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

Esempio di risposta:

{
"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"
}
]
}

Stati possibili della pagina:

  • UP
  • HASISSUES
  • UNDERMAINTENANCE

Stati possibili degli incidenti:

  • INVESTIGATING
  • IDENTIFIED
  • MONITORING
  • RESOLVED

Stati possibili delle manutenzioni:

  • NOTSTARTEDYET
  • INPROGRESS
  • COMPLETED
Ora puoi avere un widget personalizzato! 🥳