# افزودن ابزارک به وب‌سایت شما

Source: https://instatus.com/help/fa/status-page/widgets

Instatus سه راه برای نمایش وضعیتتان در وب‌سایت خودتان ارائه می‌دهد: ابزارک شناوری که هنگام حوادث ظاهر می‌شود، نشانی برای پاورقی، و نقطه پایانی `summary.json` برای ساخت ابزارک سفارشی.

برای افزودن، به [dashboard.instatus.com](https://dashboard.instatus.com) بروید، صفحه وضعیتتان را انتخاب کنید، **ابزارک** را باز کنید، نوع ابزارک را برگزینید و کد را کپی کنید.

| At a glance | Details |
| :-- | :-- |
| [ابزارک شناور](https://instatus.com/help/fa/status-page/widgets#چگونه-ابزارک-شناور-اضافه-کنم) | رنگ‌ها و موقعیت، اسکریپت در بدنه صفحه شما |
| [نشان](https://instatus.com/help/fa/status-page/widgets#چگونه-نشان-وضعیت-به-پاورقیام-اضافه-کنم) | روشن یا تیره، سه اندازه، جاسازی در پاورقی |
| [ابزارک سفارشی](https://instatus.com/help/fa/status-page/widgets#چگونه-ابزارک-سفارشی-بسازم) | summary.json با وضعیت، حوادث، تعمیرات |

---

## چگونه ابزارک شناور اضافه کنم؟

۱. از [instatus.com/login](https://dashboard.instatus.com/login) وارد Instatus شوید و سپس صفحه وضعیت خود را انتخاب کنید.

۲. به **ابزارک ← Floating** بروید.

۳. ابزارک را به سلیقه خود سفارشی کنید و این‌ها را انتخاب کنید:

- رنگ پس‌زمینه
- رنگ پیش‌زمینه
- موقعیت ابزارک نسبت به صفحه

۴. اسکریپت ابزارک را کپی کنید و در بدنه صفحه HTML خود جای‌گذاری کنید.

![](https://instatus.com/help/widget-floating-1.png)

ابزارک هنگام بروز حادثه جدید ظاهر می‌شود 🙀

---

## چگونه نشان وضعیت به پاورقی‌ام اضافه کنم؟

۱. از [instatus.com/login](https://dashboard.instatus.com/login) وارد Instatus شوید و سپس صفحه وضعیت خود را انتخاب کنید.

۲. به **ابزارک ← Badge** بروید.

۳. حالت روشن یا تیره را انتخاب کنید

۴. اندازه را انتخاب کنید (کوچک، متوسط یا بزرگ) <span className="text-lg">🤏</span>

۵. کد را در صفحه HTML خود جاسازی کنید

![](https://instatus.com/help/widget-badge-1.png)

باید یک نشان در پاورقی خود ببینید 🥳

---

## چگونه ابزارک سفارشی بسازم؟

`summary.json` را از صفحه وضعیتتان دریافت کنید تا وضعیت فعلی، حوادث فعال و تعمیرات را به‌صورت داده زنده برای ابزارک خودتان داشته باشید:

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

**نمونه پاسخ:**

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

وضعیت‌های ممکن صفحه:

- `UP`
- `HASISSUES`
- `UNDERMAINTENANCE`

وضعیت‌های ممکن حادثه:

- `INVESTIGATING`
- `IDENTIFIED`
- `MONITORING`
- `RESOLVED`

وضعیت‌های ممکن تعمیرات:

- `NOTSTARTEDYET`
- `INPROGRESS`
- `COMPLETED`

حالا می‌توانید یک ابزارک سفارشی داشته باشید! 🥳

- [استفاده از دامنه اختصاصی برای صفحه Instatus](https://instatus.com/help/fa/status-page/custom-domain): یاد بگیرید چگونه برای صفحه وضعیتتان از دامنه اختصاصی استفاده کنید.