# Настройка дизайна

На странице "Настройки сайта" - раздел "Дизайн" возможно установить логотип и иконку для сайта, а также логотип для письма.&#x20;

<figure><img src="/files/CtYXBHWpUQbJrXCzkYOM" alt=""><figcaption></figcaption></figure>

## Логотип сайта

{% hint style="info" %}
Логотип сайта должен быть не менее чем: 400 x 55 px и иметь формат: SVG,PNG,JPG,JPEG
{% endhint %}

{% hint style="info" %}
По умолчанию скрипт ожидает логотип в формате PNG,JPG,JPEG. В случае, если ваш логотип в формате SVG, то перед загрузкой логотипа - обратитесь к поддержке BoxExchanger для изменения конфигурации проекта.&#x20;
{% endhint %}

Для того чтобы загрузить логотип для сайта, необходимо нажать "[**Загрузить изображение**](#user-content-fn-1)[^1]" в блоке "Загрузить логотип сайта" -> выбрать необходимое изображение -> если необходимо, то вы можете изменить масштаб и размер логотипа во встроенном редакторе после загрузки (для логотипов в формате PNG,JPG,JPEG) -> нажать "[**Save**](#user-content-fn-2)[^2]" в правом нижнем углу редактора (для логотипов в формате PNG,JPG,JPEG). После того как логотип будет успешно загружен - отобразится всплывающее окно с надписью "[**Success**](#user-content-fn-3)[^3]".

{% hint style="info" %}
При загрузке логотипа в формате SVG, встроенный редактор недоступен и логотип загружается без необходимости нажатия "Save".&#x20;
{% endhint %}

В стандартном дизайне, логотип будет отображаться в левом верхнем углу - [**скриншот**](#user-content-fn-4)[^4]. При нажатии на логотип, пользователя будет перенаправлять на главную страницу.&#x20;

## Иконка сайта

{% hint style="info" %}
Иконка сайта (favicon) должна быть не менее чем: 512 x 512 px и иметь формат: PNG,JPG,JPEG
{% endhint %}

Для того чтобы загрузить иконку сайта, необходимо нажать "[**Загрузить изображение**](#user-content-fn-5)[^5]" в блоке "Загрузить иконку сайта" -> выбрать необходимое изображение -> если необходимо, то вы можете изменить масштаб и размер логотипа во встроенном редакторе после загрузки -> нажать "[**Save**](#user-content-fn-2)[^2]" в правом нижнем углу редактора. После того как логотип будет успешно загружен - отобразится всплывающее окно с надписью "[**Success**](#user-content-fn-3)[^3]".

Иконка сайта (favicon) будет отображаться во вкладке браузера - [**скриншот**](#user-content-fn-6)[^6].

## Логотип для письма

{% hint style="info" %}
Логотип для письма должен быть не менее чем: 300 x 60 px и иметь формат: PNG,JPG,JPEG
{% endhint %}

Для того чтобы загрузить иконку сайта, необходимо нажать "[**Загрузить изображение**](#user-content-fn-7)[^7]" в блоке "Upload logo for email" -> выбрать необходимое изображение -> если необходимо, то вы можете изменить масштаб и размер логотипа во встроенном редакторе после загрузки -> нажать "[**Save**](#user-content-fn-2)[^2]" в правом нижнем углу редактора. После того как логотип будет успешно загружен - отобразится всплывающее окно с надписью "[**Success**](#user-content-fn-3)[^3]".

Логотип для письма будет отображаться в шаблоне письма с левом верхнем углу - [**скриншот**](#user-content-fn-8)[^8].

## Верстка сайта

Верстку сайта возможно изменять через код client-web. Подробнее о разработке: [Разработка client-web](/dlya-razrabotchikov/razrabotka-client-web.md)

[^1]: ![](/files/Pey5QhfighwVB3xYJvxU)

[^2]: ![](/files/F8YaFH0WI8hroxze2NbX)

[^3]: ![](/files/R9HeNUnbQguDvTECV1Wt)

[^4]: ![](/files/S0sbDcwUF8uxgpgVGvM1)

[^5]: ![](/files/02tTtwtpoPSmA42py22a)

[^6]: ![](/files/MECkIFJeV5TjUcPDs9f3)

[^7]: ![](/files/n6LrmrWMGmRGknvkmExY)

[^8]: ![](/files/kl6dRibi0jLDgoiAM633)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://manual.boxexchanger.net/nachalo-raboty/nastroika-dizaina.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
