# Налаштування вигляду сторінки статусу

Source: https://instatus.com/help/uk/status-page/customize

Ви можете змінити логотип, кольори, дизайн шапки, темну тему, мову, формати дати та попередній перегляд у соцмережах своєї сторінки статусу, а також додати власні HTML, CSS і JavaScript — усе в налаштуваннях **Сторінка статусу**.

| At a glance | Details |
| :-- | :-- |
| [Бренд](https://instatus.com/help/uk/status-page/customize#як-додати-логотип-і-кольори) | Логотип, логотип для темної теми, фавікон, кольори |
| [Дизайн](https://instatus.com/help/uk/status-page/customize#як-змінити-дизайн-або-темну-тему) | 3 дизайни шапки, темна або світла тема, компоненти |
| [Власний код](https://instatus.com/help/uk/status-page/customize#чи-можна-додати-власні-html-css-або-javascript) | HTML, CSS і JavaScript у 5 областях |
| [Мова](https://instatus.com/help/uk/status-page/customize#як-змінити-мову-сторінки-статусу) | Мова за замовчуванням, кілька мов на плані Pro |
| [Хронологія](https://instatus.com/help/uk/status-page/customize#як-змінити-формати-дати-часу-й-часовий-пояс) | Формати дати й часу, часовий пояс, дата запуску |
| [Пошук і соцмережі](https://instatus.com/help/uk/status-page/customize#як-керувати-попереднім-переглядом-у-google-і-соцмережах) | Заголовок, опис і зображення для попереднього перегляду |

## Як додати логотип і кольори?

Увійдіть на [instatus.com/login](https://dashboard.instatus.com/login), виберіть свою сторінку статусу, а потім перейдіть до розділу **Сторінка статусу → Вигляд**.

У блоці бренду можна змінити:

- Логотип бренду, зокрема окремий логотип для темної теми.
- Фавікон.
- Колір бренду, щоб він пасував до логотипа.
- Кольори статусів.

Налаштувавши сторінку статусу, натисніть **SAVE** — і сторінка оновиться.

![Налаштування бренду](https://instatus.com/help/customize/1.png)

## Як змінити дизайн або темну тему?

У блоці дизайну розділу **Вигляд** можна змінити:

- Оформлення шапки — на вибір є 3 варіанти.
- Чи має сторінка статусу відображатися в темній темі, у світлій, чи перемикатися кнопкою.
- Як мають показуватися компоненти.

Змінивши дизайн, натисніть **SAVE** — і сторінка оновиться.

![Налаштування вигляду](https://instatus.com/help/customize/2.png)

## Чи можна додати власні HTML, CSS або JavaScript?

Так. У розділі **Сторінка статусу → HTML** можна вставити власні HTML, CSS і JavaScript у пʼять областей:

- над шапкою сторінки статусу;
- під шапкою;
- під компонентами сторінки статусу;
- над футером сторінки статусу;
- під футером.

Додавши власний HTML, натисніть **SAVE** — і сторінка оновиться.

![Налаштування власного HTML](https://instatus.com/help/customize/3.png)

## Як змінити мову сторінки статусу?

У розділі **Сторінка статусу → Мова** можна змінити:

- мову за замовчуванням для вашої сторінки статусу.

**Можливості плану Pro:**

- багатомовна сторінка статусу;
- власні формулювання.

Покроковий посібник із налаштування кількох мов читайте у статті
[Підтримка кількох мов](https://instatus.com/help/uk/status-page/multi-language).

![Налаштування мови](https://instatus.com/help/customize/4.png)

Змінивши мову сторінки статусу, натисніть **SAVE** — і сторінка оновиться.

## Як змінити формати дати, часу й часовий пояс?

У розділі **Сторінка статусу → Хронологія** можна змінити:

- формати дати й часу — [докладніше про формати дати й часу тут](https://date-fns.org/v2.16.1/docs/format);
- часовий пояс;
- дату запуску сервісу.

Змінивши дату й час на сторінці статусу, натисніть **SAVE** — і сторінка оновиться.

![Налаштування формату дати й часу](https://instatus.com/help/customize/5.png)

## Як керувати попереднім переглядом у Google і соцмережах?

У розділі **Сторінка статусу → Пошук і соцмережі** можна задати:

- змінити заголовок;
- додати власний опис для Google і соцмереж;
- завантажити зображення.

Налаштувавши параметри пошуку й соцмереж, натисніть **SAVE**, щоб зміни набули чинності.

![Налаштування пошуку і соцмереж](https://instatus.com/help/customize/6.png)

- [Підтримка кількох мов](https://instatus.com/help/uk/status-page/multi-language): Дізнайтеся, як показувати сторінку статусу кількома мовами.