Menambahkan widget ke situs web Anda

Jika Anda ingin mengomunikasikan status kepada pengunjung, Anda bisa menambahkan widget status ke situs web Anda.

Untuk menambahkan widget Instatus ke situs web Anda, buka dashboard.instatus.com, lalu pilih halaman status Anda.

Buka Widget, lalu pilih jenis widget, salin sedikit kode, dan Anda siap!


Menambahkan widget mengambang ke situs web Anda

  1. Masuk ke Instatus dari instatus.com/login lalu pilih halaman status Anda.

  2. Buka Widget → Floating.

  3. Sesuaikan widget Anda sesuai selera dengan memilih:

  • Warna latar
  • Warna depan
  • Posisi widget Anda relatif terhadap halaman
  1. Salin skrip widget Anda lalu tempelkan di body halaman HTML Anda.
Widget akan muncul saat ada insiden baru 🙀

Menambahkan lencana ke footer situs web Anda

  1. Masuk ke Instatus dari instatus.com/login lalu pilih halaman status Anda.

  2. Buka Widget → Badge.

  3. Pilih mode terang atau gelap

  4. Pilih ukuran Anda (kecil, sedang, atau besar) 🤏

  5. Sematkan kodenya di halaman HTML Anda

Anda akan melihat sebuah lencana di footer Anda 🥳

Menambahkan widget khusus ke situs web Anda.

Kembangkan widget Anda sendiri memakai data langsung dari halaman status Anda.

Dapatkan status Anda saat ini, insiden aktif & pemeliharaan dengan memakai endpoint ini:

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

Contoh respons:

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

Status halaman yang mungkin:

  • UP
  • HASISSUES
  • UNDERMAINTENANCE

Status insiden yang mungkin:

  • INVESTIGATING
  • IDENTIFIED
  • MONITORING
  • RESOLVED

Status pemeliharaan yang mungkin:

  • NOTSTARTEDYET
  • INPROGRESS
  • COMPLETED
Sekarang Anda bisa punya widget khusus! 🥳