# הוספת ווידג׳ט לאתר שלכם

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

Instatus מציעה שלוש דרכים להציג את הסטטוס שלכם באתר שלכם: ווידג׳ט צף שקופץ בזמן תקריות, תג לכותרת התחתונה ונקודת קצה `summary.json` לבניית ווידג׳ט מותאם.

כדי להוסיף אחד, עברו אל [dashboard.instatus.com](https://dashboard.instatus.com), בחרו את דף הסטטוס שלכם, פתחו את **ווידג׳ט**, בחרו את סוג הווידג׳ט והעתיקו את הקוד.

| At a glance | Details |
| :-- | :-- |
| [ווידג׳ט צף](https://instatus.com/help/he/status-page/widgets#איך-מוסיפים-ווידגט-צף) | צבעים ומיקום, סקריפט בגוף הדף שלכם |
| [תג](https://instatus.com/help/he/status-page/widgets#איך-מוסיפים-תג-סטטוס-לכותרת-התחתונה) | בהיר או כהה, שלושה גדלים, הטמעה בכותרת התחתונה |
| [ווידג׳ט מותאם](https://instatus.com/help/he/status-page/widgets#איך-בונים-ווידגט-מותאם) | summary.json עם סטטוס, תקריות, תחזוקות |

---

## איך מוסיפים ווידג׳ט צף?

1. התחברו ל‑Instatus מ[instatus.com/login](https://dashboard.instatus.com/login) ובחרו את דף הסטטוס שלכם.

2. עברו אל **ווידג׳ט ← Floating**.

3. התאימו את הווידג׳ט לטעמכם על ידי בחירת:

- צבע רקע
- צבע חזית
- מיקום הווידג׳ט ביחס לדף

4. העתיקו את סקריפט הווידג׳ט והדביקו אותו בגוף דף ה‑HTML שלכם.

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

הווידג׳ט יקפוץ כשתהיה תקרית חדשה 🙀

---

## איך מוסיפים תג סטטוס לכותרת התחתונה?

1. התחברו ל‑Instatus מ[instatus.com/login](https://dashboard.instatus.com/login) ובחרו את דף הסטטוס שלכם.

2. עברו אל **ווידג׳ט ← Badge**.

3. בחרו מצב בהיר או כהה

4. בחרו את הגודל (קטן, בינוני או גדול) <span className="text-lg">🤏</span>

5. הטמיעו את הקוד בדף ה‑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/he/status-page/custom-domain): למדו איך להשתמש בדומיין מותאם עבור דף הסטטוס שלכם.