Ajouter un widget à votre site web

Si vous souhaitez communiquer votre statut à vos visiteurs, vous pouvez ajouter un widget de statut à votre site web.

Pour ajouter un widget Instatus à votre site web, allez sur dashboard.instatus.com, puis choisissez votre page de statut.

Allez dans Widget, sélectionnez le type de widget, copiez le code et c’est prêt !


Ajouter un widget flottant à votre site web

  1. Connectez-vous à Instatus sur instatus.com/login puis choisissez votre page de statut.

  2. Allez dans Widget → Flottant.

  3. Personnalisez votre widget en choisissant :

  • La couleur d’arrière-plan
  • La couleur de premier plan
  • La position du widget sur la page
  1. Copiez le script du widget et collez-le dans le body de votre page HTML.
Le widget apparaîtra en cas de nouvel incident 🙀

Ajouter un badge dans le pied de page de votre site

  1. Connectez-vous à Instatus sur instatus.com/login puis choisissez votre page de statut.

  2. Allez dans Widget → Badge.

  3. Choisissez le thème clair ou sombre.

  4. Choisissez la taille (petite, moyenne ou grande) 🤏

  5. Intégrez le code dans votre page HTML.

Un badge devrait apparaître dans votre pied de page 🥳

Ajouter un widget personnalisé à votre site web.

Développez votre propre widget à partir des données en direct de votre page de statut.

Récupérez votre statut actuel, vos incidents et maintenances en cours via ce point de terminaison :

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

Exemple de réponse :

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

Statuts de page possibles :

  • UP
  • HASISSUES
  • UNDERMAINTENANCE

Statuts d’incident possibles :

  • INVESTIGATING
  • IDENTIFIED
  • MONITORING
  • RESOLVED

Statuts de maintenance possibles :

  • NOTSTARTEDYET
  • INPROGRESS
  • COMPLETED
Vous avez maintenant un widget personnalisé ! 🥳