Thêm widget vào website của bạn

Nếu bạn muốn truyền đạt trạng thái tới khách truy cập, bạn có thể thêm một widget trạng thái vào website của mình.

Để thêm widget Instatus vào website, hãy vào dashboard.instatus.com, rồi chọn trang trạng thái của bạn.

Vào Widget, chọn loại widget, sao chép đoạn mã, và thế là xong!


Thêm widget nổi vào website của bạn

  1. Đăng nhập vào Instatus tại instatus.com/login rồi chọn trang trạng thái của bạn.

  2. Vào Widget → Floating.

  3. Tùy chỉnh widget theo ý bạn bằng cách chọn:

  • Màu nền
  • Màu chữ
  • Vị trí của widget trên trang
  1. Sao chép script widget và dán vào phần body của trang HTML.
Widget sẽ bật lên khi có sự cố mới 🙀

Thêm huy hiệu vào chân trang website của bạn

  1. Đăng nhập vào Instatus tại instatus.com/login rồi chọn trang trạng thái của bạn.

  2. Vào Widget → Badge.

  3. Chọn chế độ sáng hoặc tối

  4. Chọn kích thước (nhỏ, vừa hoặc lớn) 🤏

  5. Nhúng đoạn mã vào trang HTML của bạn

Bạn sẽ thấy một huy hiệu ở chân trang 🥳

Thêm widget tùy chỉnh vào website của bạn.

Tự phát triển widget của riêng bạn bằng dữ liệu trực tiếp từ trang trạng thái.

Lấy trạng thái hiện tại, các sự cố & đợt bảo trì đang diễn ra bằng endpoint này:

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

Phản hồi mẫu:

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

Các trạng thái trang có thể có:

  • UP
  • HASISSUES
  • UNDERMAINTENANCE

Các trạng thái sự cố có thể có:

  • INVESTIGATING
  • IDENTIFIED
  • MONITORING
  • RESOLVED

Các trạng thái bảo trì có thể có:

  • NOTSTARTEDYET
  • INPROGRESS
  • COMPLETED
Giờ bạn có thể có widget tùy chỉnh của riêng mình! 🥳