# Секции (блоки)

В разделе Контент в каждой секции добавлено поле ID секции:

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

{% hint style="warning" %}
ID секции задаётся самостоятельно! \
Использовать можно только латиницу, числа и нижнее подчеркивание вместо пробелов.
{% endhint %}

ID секции блока можно использовать для настройки навигации по странице (меню сайта) и в своих скриптах для обращения к нужному блоку.

Изображения можно загружать файлом или ссылкой на облачное хранилище.&#x20;

Видео загружается ссылкой на размещенное в YouTube или Vimeo видео.

#### Рекомендации для изображений.

В блоках в настройках контента можно самостоятельно задавать размер и отображение изображений, добавленных на страницу сайта. Поэтому для блоков Обложка и Изображение и медиа нет строгих ограничений по размеру. Ниже таблица с рекомендованными размерами.

<table><thead><tr><th width="156.33333333333331">блок</th><th width="195">Размер</th><th>Размер</th><th>Формат файла</th></tr></thead><tbody><tr><td>Обложка</td><td>Рекомендуемый размер фото - 1920px x 1080px. </td><td>до 5 Мб</td><td> jpeg, jpg, png, gif, raw, tiff</td></tr><tr><td>Изображение и видео</td><td>Рекомендуемый размер фото - 1920px x 1080px. </td><td>до 5 Мб</td><td> jpeg, jpg, png, gif, raw, tiff</td></tr><tr><td>Галерея</td><td>Рекомендуемый размер фото - 1920px x 1080px. Рекомендуемое количество - не более 9. </td><td>Фото для галереи Не более 20 изображений общим объемом до 10 Мб</td><td> jpeg, jpg, png, gif, raw, tiff</td></tr></tbody></table>

## Основные типы секций (блоков)

Настройки Контента определяют тип блока:

* [Универсальный блок](broken://pages/xyl8etc4OH0St6lV8bto): в данном блоке можно добавлять изображения, галерею, видео и т.п. Является визитной карточкой вашего сайта и помогает адаптировать вашу страницу под любой удобный формат отображения: экран компьютера, телефона, планшета.&#x20;
* [Обложка](broken://pages/6F6YkiC6UrTpAwH9GNwn): блок для добавления изображение и видео, заголовок.  Доступны шаблоны для добавления обложки страницы.&#x20;
* [Заголовок и текс](broken://pages/dW4g0qINOoCqxI8pfqOv)т: текстовый блок с заголовком.&#x20;
* [HTML](broken://pages/dW4g0qINOoCqxI8pfqOv): блок позволяет добавить на страницу HTML и CSS коды
* [Форма заявки с кнопками на мессенджеры](broken://pages/NerUbzyC1sCXVvSoTA2e): блок для добавления кнопок мессенджеров, вопросов, политики конфиденциальности.&#x20;
* [Изображение или видео](broken://pages/dW4g0qINOoCqxI8pfqOv): блок для добавления картинки или видео
* [Кнопки](broken://pages/S4na9bSPZM4yI29COt4q): блок для добавления кнопок с функцией Ссылка, Телефон, email, Оплата
* [Цитата](broken://pages/dW4g0qINOoCqxI8pfqOv): блок для добавления цитаты
* [Список](broken://pages/dW4g0qINOoCqxI8pfqOv): блок с возможностью вставить нумерованные и маркированные списки
* [Выпадающий текст](broken://pages/dW4g0qINOoCqxI8pfqOv): блок для добавления выпадающего текста
* [Галерея](broken://pages/dW4g0qINOoCqxI8pfqOv): блок для добавления галереи изображений.&#x20;
* [Таймер](broken://pages/dW4g0qINOoCqxI8pfqOv): блок для добавления таймера обратного отсчета.&#x20;
* Аккордеон: блок с добавлением текстовой информации
* [Формы](broken://pages/YOzidl4HYJaWmkPXnuYY): блок для сбора данных, добавления анкетирования на курс
* [Виджеты онлайн-записи](broken://pages/nRFzu0WTeKaztnvBy4Vw#vidzhet-onlain-zapisi-na-sait): блок для записи клиента на ваши услуги или бронирования объектов (например, столики в рестораны)
* [Блок поп-ап](broken://pages/hxO6OwzOdQPIjJgFHJXc): блок-всплывающее окно&#x20;


---

# 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.salebot.pro/websites/builder/sekcii-bloki.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.