# Другие разделы сайта

## Раздел заголовка и текста

Этот блок используется для добавления текста на ваш сайт.

Вы можете использовать готовый шаблон или создать свой собственный (пустой), а затем настроить его в соответствии со своими предпочтениями.

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

Вы можете заполнить поле «Заголовок» или оставить его пустым.

<figure><img src="/files/009f6fb6c1ed38f6f89ccc4d4efcbde2cc4de1a6" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Основные поля для форматирования текста заголовка и основного текста такие же, как и в [разделе «Обложка».](/doc/ru/websites/saity/blocks/cover.md)
{% endhint %}

Вы можете форматировать текст, применяя стили (**Жирный**, *Курсив*, \~\~Зачёркнутый\~\~, \<u>Подчёркнутый\</u>), изменяя цвет выделенного текста и настраивая выравнивание (по левому краю, по центру, по правому краю или по ширине).

Вы также можете добавлять списки (нумерованные или маркированные) или вставлять в текст гиперссылки.

Кроме того, переменные можно вставлять в оба **Заголовок** и **Текст** поля.

<figure><img src="/files/72827f8a4c6603b7b474938235b84ec95c14b8d4" alt=""><figcaption></figcaption></figure>

При нажатии на кнопку открывается меню с доступными стандартными и проектными переменными. Вы можете скопировать и вставить любую переменную в выбранное поле.

<figure><img src="/files/24629210512ecfb090937d5bdf66e4db5a15c2bd" alt=""><figcaption></figcaption></figure>

## Раздел HTML

Этот раздел можно использовать для добавления элементов на созданный сайт с помощью кода HTML и CSS.

<figure><img src="/files/9216ee33a27320dc4c05d5e26bc8db3f0c594a4f" alt=""><figcaption></figcaption></figure>

Код CSS работает для всего сайта, а не только для текущего раздела!

Не рекомендуется вставлять в блок HTML-код с тегами \<script>.

Этот HTML-код выполняется сразу же, здесь, в предпросмотре.

Чтобы добавить \<script>, используйте раздел CSS и JS в настройках сайта.

<figure><img src="/files/4bad73cfd7c8a3e84cd4548fad5579c7dfb7203f" alt=""><figcaption></figcaption></figure>

## Раздел галереи

Раздел «Галерея» позволяет значительно повысить привлекательность и информативность вашего сайта, добавляя изображения, которые наглядно демонстрируют клиентам ваши товары или услуги. Это помогает создавать более вовлекающий и убедительный контент, что может повысить доверие пользователей и, в конечном итоге, увеличить конверсию сайта.

Обычно раздел «Галерея» отображает коллекцию изображений в формате слайд-шоу или карусели. Это могут быть разные типы визуального контента, такие как фотографии, скриншоты, диаграммы и многое другое.

<figure><img src="/files/81b1bd60c5755aae0785ca44c0993f40e03e4721" alt=""><figcaption></figcaption></figure>

**Как добавить изображения в раздел «Галерея»**

Перейдите на вкладку **Контент** меню и загрузите туда свои изображения.

<figure><img src="/files/681442e1bef77f9e2323d8f8df699f03124aff8b" alt=""><figcaption></figcaption></figure>

Вы можете загрузить до 20 изображений общим размером не более 10 МБ.

После выбора изображения вы можете настроить текст, который будет отображаться при наведении на него.

<figure><img src="/files/022a8cc23b409edf552a13bf1a840b2542b352f3" alt=""><figcaption></figcaption></figure>

Чтобы выбрать стиль галереи, перейдите в настройки:

<figure><img src="/files/2baf9f6d2fe6b1d079990b648f345c47f742625c" alt=""><figcaption></figcaption></figure>

По умолчанию галерея имеет вид «Полосы». Однако вы можете изменить его на стиль «Плитки», «Многоугольники (на всю ширину)» или «Плитки (на всю ширину)».

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

## Раздел медиа

Этот раздел позволяет добавить любой медиафайл (изображение или видео) на ваш сайт отдельно от универсального блока. Вы можете использовать готовый шаблон или создать свой собственный, пустой, а затем настроить его по своему усмотрению.

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

Основное отличие этого блока от галереи в том, что добавленное в блок изображение/видео остаётся статичным (то есть не прокручивается, как в галерее):

<figure><img src="/files/68ca95fe899b1cf8177c0f1ba19e62f70f89bddd" alt=""><figcaption></figcaption></figure>

### Как загрузить вложение

После нажатия на кнопку «Добавить блок» откроется дополнительное окно с параметрами выбранного медиафайла. В этом окне вы можете настроить параметры отображения файла на сайте.

<figure><img src="/files/6a6cd787bcd9a03be9a0122a23f5ef5f7f4c68b4" alt=""><figcaption></figcaption></figure>

Вы можете добавить видеофайлы любого типа, указав ссылку на них. Также можно загрузить изображения с компьютера или ввести ссылку в поле URL.

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

Вы можете добавить ссылку к изображению, по которой пользователь сможет перейти, нажав на изображение. Вы можете добавлять переменные и настраивать ширину и высоту файла.

<figure><img src="/files/7b0e9c6983db01cf2cdce2cb51ba7ab664f552dd" alt=""><figcaption></figcaption></figure>

После выбора медиафайла вы можете отображать текст и заголовок в блоке:

<figure><img src="/files/392f950ca686e87c63407645c9d92a3ff11c7318" alt=""><figcaption></figcaption></figure>

Вы можете форматировать текст с помощью стандартных инструментов редактора, как и в других блоках. Вы можете применять **жирный**, *курсив*, \<u>подчёркивание\</u>, изменять размер шрифта, цвет и многое другое.

## Раздел цитаты

Этот тип блока нужен, если вы хотите выделить цитату отдельно на сайте. Вы можете использовать готовый шаблон или создать свой собственный, а затем настроить его по своему усмотрению.

<figure><img src="/files/9bf329544df5e4cd8d08b04576868d6df4968880" alt=""><figcaption></figcaption></figure>

Тип #1

<figure><img src="/files/40ed7c12e243d7b31aca31f9da22f723a1f7a215" alt=""><figcaption></figcaption></figure>

Тип #2

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

Этот блок довольно легко настроить, и он содержит одно текстовое поле для цитаты:

<figure><img src="/files/9257e3e9f8bc285cda92dfcbc6a8664a2250bb24" alt=""><figcaption></figcaption></figure>

Текстовое поле включает все стандартные функции форматирования: изменение регистра, *курсив*, **жирный**, \<u>подчёркивание\</u> и многое другое. Также можно настроить цвет текста и подсветку.

Во вкладке **Настройки содержимого**, вы можете выбрать стиль отображения цитаты, выбрать другой шрифт для блока, настроить фон и изменить его внешний вид.

<figure><img src="/files/32c96744ca47fe57c53c6aeeb38c1fdd38da70bc" alt=""><figcaption></figcaption></figure>

## Раздел таймера

Блок таймера — это самое интересное решение для вашего сайта, позволяющее в анимационном режиме отображать время от и до нужной даты:

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

В блоке есть два типа таймера:

* Реальное время

<figure><img src="/files/4c85e574e7cb9210f4791ed3353d0d2775f849c1" alt=""><figcaption></figcaption></figure>

Как следует из названия, таймер типа «реальное» начинает обратный отсчёт до заданной даты и времени определённого события.

Например, сегодня 22.12.2025 (вторник), а событие — конференция 30 декабря в 15:00.

Мы задаём дату в календаре — 30 апреля, а в поле времени — 15:00.

<figure><img src="/files/9cf6040184e0e67d8d50154816dd5f8ffc5971ef" alt=""><figcaption></figcaption></figure>

Таким образом, таймер начнёт отсчёт времени, оставшегося до события:

<figure><img src="/files/2b425bffb92aa398b2faedb9e8f4845acea5c03c" alt=""><figcaption></figcaption></figure>

* Циклический

Таймер с циклическим типом не рассчитывает время автоматически: вы сами задаёте дни и часы в доступных полях, и таймер начинает обратный отсчёт:

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

Например, скидка на вашу подписку действует неделю: вы можете установить в таймере дату окончания акции через 7 дней. Система автоматически будет отсчитывать время до этой даты, начиная с момента настройки.

Также в этом типе таймера можно перезапустить таймер после истечения времени:

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

Разница между таймерами типов «реальное» и «циклическое» в том, что в первом случае отсчёт идёт до определённой даты и времени (до 30.04.2025 15:00), а во втором — по заданным значениям времени (истекает через 7 дней).

Кроме того, вы можете выбрать настройки цвета для цифр и фона таймера. Для этого перейдите в настройки:

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

Здесь можно настроить отображение миллисекунд, цвет цифр, текста и фона таймера.

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

## Раздел списка

Этот блок поможет вам отображать необходимую информацию в виде нумерованного или другого списка.

Для этого нажмите «Добавить элемент списка» в настройках блока:

<figure><img src="/files/00f3c08b7c0bc660ae7c2d885cbe7132a25c73bc" alt=""><figcaption></figcaption></figure>

Здесь можно добавить любое количество строк в список, а также добавить переменную вместо текста, нажав на фигурные скобки слева:

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

Стиль текста и списка можно изменить в настройках:

<figure><img src="/files/962b909dcc6a7dbc14f64f76765a9d23b9a94cf3" alt=""><figcaption></figcaption></figure>

Стиль списка можно выбрать из предложенных: «Без стиля», «Точка», «Круг», «Квадрат», «Нумерованный список».

<figure><img src="/files/9c51a60ce2c846e0a47714add93603c311322138" alt=""><figcaption></figcaption></figure>

Стиль текста можно изменить в настройках шрифта:

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

## Раздел выпадающего текста

Блок выпадающего текста сэкономит место на сайте, и если ваш клиент захочет прочитать более подробную информацию, он сможет развернуть её и ознакомиться с ней:

<figure><img src="/files/1a9e00bb2eb2d925af19d427aa32e11488da23d5" alt=""><figcaption></figcaption></figure>

Вы можете указать заголовок и подсказки, а полный текст откроется только после нажатия на кнопку:

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

В конструкторе есть поля для заголовка, текста, подсказки и полного текста, где для каждого поля можно задать обводку шрифта, цвет и другие настройки, аналогичные текстовому редактору:

<figure><img src="/files/778606454c32abbb6cc6d2967817bff6bc8edd3c" alt=""><figcaption></figcaption></figure>

Затем следует выбрать анимацию для текста: мгновенную или плавную. Для этого перейдите в настройки:

<figure><img src="/files/881b1ec4667a1f8c1edf6b1ccdb69bd1f438c9bb" alt=""><figcaption></figcaption></figure>

После этого вы можете настроить стиль шрифта в настройках шрифта.

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

## Раздел таймлайна

Этот раздел позволяет наглядно отображать последовательные шаги на вашем сайте, будь то онлайн-курс или любой другой процесс.

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

Чтобы добавить блок на страницу, нажмите **"+"** кнопку. Затем выберите **«Таймлайн»** из списка разделов. Вы можете создать блок с нуля или использовать готовый шаблон.

<figure><img src="/files/6f7cd56f2ea24940ddc38a411d7a39bbd0b88c6b" alt=""><figcaption></figcaption></figure>

Чтобы добавить точку этапа в настройках блока, нажмите на кнопку с тем же названием:

<figure><img src="/files/8cdfc0b75b3a1e0f8b84c16e55427d8abbd4c4d6" alt=""><figcaption></figcaption></figure>

Затем при нажатии на саму точку этапа откроются поля для ввода **name**, **title**, и **description** для этого этапа.

<figure><img src="/files/7908b8bf60c8504c83f3f370af95ffc48789daab" alt=""><figcaption></figcaption></figure>

Здесь вы можете применить индивидуальные настройки форматирования к каждому элементу текста, как в стандартном текстовом редакторе (курсив, подчёркивание, цвет текста, выравнивание и т. д.).

Затем выберите стиль (с рамкой или без). Для этого перейдите в настройки:

<figure><img src="/files/575311f50fe3525d5dde40952475202b1decd975" alt=""><figcaption></figcaption></figure>

Вы также можете настроить цвет для каждого отдельного элемента в разделе таймлайна.

<figure><img src="/files/9bb67d2d0cc455783134ddc8abf04f71cac84679" alt=""><figcaption></figcaption></figure>

## Раздел файлов

Этот блок понадобится вам, чтобы делиться с пользователями нужными данными.

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

Вы можете разрешить пользователям скачивать файлы со следующими ограничениями: не более 5 файлов всего, с общим размером не более 20 мегабайт.

Перейдите в настройки и выберите файлы, которые вы хотите сделать доступными для скачивания.

<figure><img src="/files/4028d0d69f41b98e83068210b7705a3452d54053" alt=""><figcaption></figcaption></figure>

После загрузки аудиофайла вы можете включить функцию **«Воспроизвести аудио»** при желании. Это позволит аудио воспроизводиться автоматически при посещении пользователем страницы. Также можно включить **«Запретить скачивание аудио»** и **«Показать предпросмотр»** опции.

<figure><img src="/files/498bb639e34039cc5ae030b9d51a48a33c71be1d" alt=""><figcaption></figcaption></figure>


---

# 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://docs.mavibot.ai/doc/ru/websites/saity/blocks/other.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.