# Настройка внешнего вида страницы статуса

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

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

| At a glance | Details |
| :-- | :-- |
| [Бренд](https://instatus.com/help/ru/status-page/customize#как-добавить-логотип-и-цвета) | Логотип, логотип для тёмной темы, фавикон, цвета |
| [Оформление](https://instatus.com/help/ru/status-page/customize#как-изменить-оформление-или-тёмную-тему) | 3 варианта шапки, тёмная или светлая тема, компоненты |
| [Свой код](https://instatus.com/help/ru/status-page/customize#можно-ли-добавить-свои-html-css-или-javascript) | HTML, CSS и JavaScript в 5 областях |
| [Язык](https://instatus.com/help/ru/status-page/customize#как-изменить-язык-страницы-статуса) | Язык по умолчанию, многоязычность на Pro |
| [Хронология](https://instatus.com/help/ru/status-page/customize#как-изменить-форматы-даты-времени-и-часовой-пояс) | Форматы даты и времени, часовой пояс, дата запуска |
| [Поиск и соцсети](https://instatus.com/help/ru/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/ru/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/ru/status-page/multi-language): Узнайте, как показывать страницу статуса на нескольких языках.