# Страницы сайта Любой сайт — будь то многостраничный сайт или лендинг — состоит из одной или нескольких **страниц**, каждая из которых содержит определённый контент. Как мы уже обсуждали, содержимое страницы делится на **блоки (секции)**, которые определяют структуру и тип контента на сайте. {% hint style="success" %} В конструкторе MaviBot есть различные типы блоков (секций), каждый из которых добавляется на сайт со своими индивидуальными настройками. * [**Zero block**](/doc/ru/websites/saity/blocks/zero.md)\ Это блок без каких-либо предустановленных настроек — он позволяет размещать любой контент и широкий набор элементов сайта в соответствии с вашим уникальным дизайном. В отличие от других блоков, элементы в Zero Block можно располагать в любом количестве и в любом порядке. Zero Block может служить любой секцией сайта — например, меню, футером, формой захвата лидов, галереей и многим другим. * [**Обложка**](/doc/ru/websites/saity/blocks/cover.md)\ Блок, предназначенный для добавления изображения или видео вместе с заголовком.\ Традиционно обложка используется как **визуальное вступление** или **визитная карточка** сайта — это обычно первое, что видят посетители, когда заходят на ваш сайт. * [**Заголовок и текст**](/doc/ru/websites/saity/blocks/other.md#title-and-text-section)\ Текстовый блок, который включает заголовок и основной текст. Этот блок часто используется для представления ключевой информации, описаний или пояснений на вашем сайте. * [**Меню**](/doc/ru/websites/saity/blocks/menu.md)\ Используется для создания хедера или футера с навигационными кнопками (также может быть настроен как плавающее меню). * [**Онлайн-бронирование**](/doc/ru/booking/settings.md)\ Позволяет добавить форму онлайн-бронирования для клиентов (подключённую к заранее настроенным филиалам) с автоматической интеграцией в CRM. * [**Таймлайн**](/doc/ru/websites/saity/blocks/other.md#stages-section)\ Блок для создания уникальной структуры сайта с хронологической последовательностью событий. * [**Аккордеон**](/doc/ru/websites/saity/blocks/accordion.md)\ Используется для отображения информации в сворачиваемом формате вопросов и ответов или раскрывающегося контента. * [**Поля ввода HTML**](/doc/ru/websites/saity/blocks/other.md#html-section)\ Этот блок позволяет вставлять на страницу собственный HTML- и CSS-код напрямую. * [**Форма**](/doc/ru/websites/saity/blocks/forms.md)\ Блок для добавления кнопок мессенджеров, вопросов, соглашений с политикой конфиденциальности и многого другого. * [**Формы викторин**](/doc/ru/websites/saity/blocks/razdel-formy-kviza.md)\ Блок для создания многошаговых викторин или опросов на сайте. * [**Медиа**](/doc/ru/websites/saity/blocks/other.md#media-section)\ Используется для вставки изображений или видеоконтента на ваш сайт. * [**Кнопки**](/doc/ru/websites/saity/blocks/buttons.md)\ Блок для добавления кнопок, ведущих на URL-адреса, номера телефонов, электронную почту или страницы оплаты. * [**Цитата**](/doc/ru/websites/saity/blocks/other.md#quote-section)\ Блок для выделения цитаты или отзыва. * [**Список**](/doc/ru/websites/saity/blocks/other.md#list-section)\ Позволяет создавать упорядоченные (нумерованные) и неупорядоченные (маркированные) списки. * [**Текст с выпадающим раскрытием**](/doc/ru/websites/saity/blocks/other.md#drop-down-text-section)\ Блок для добавления текста, который раскрывается и сворачивается при нажатии. * [**Галерея**](/doc/ru/websites/saity/blocks/other.md#gallery-section)\ Используется для отображения коллекции изображений в формате галереи. * [**Попап**](/doc/ru/websites/saity/blocks/popup.md)\ Позволяет создавать модальные всплывающие окна на сайте. * [**Карточки с произвольным содержимым**](/doc/ru/websites/saity/blocks/cards.md)\ Отлично подходит для отображения отзывов клиентов или информации о товарах в формате карточек. * [**Карточки курса**](/doc/ru/websites/saity/blocks/course.md#how-to-add-the-course-cards-section)\ Используется для продажи онлайн-курсов прямо на вашем сайте — ручная настройка не требуется, так как данные курса автоматически подтягиваются из раздела «Онлайн-курсы». * [**Список уроков**](/doc/ru/websites/saity/blocks/course.md#how-to-add-the-lesson-lists-block)\ Выберите курс в настройках блока, и все уроки из этого курса будут отображаться автоматически. * [**Таймер обратного отсчёта**](/doc/ru/websites/saity/blocks/other.md#timer-section)\ Блок для добавления таймера обратного отсчёта, полезный для ограниченных по времени предложений или запусков. * [**Таблицы**](/doc/ru/websites/saity/blocks/sheets.md)\ Позволяет организовывать и отображать структурированные данные в табличном формате. * [**Согласие на использование cookie**](/doc/ru/websites/saity/blocks/cookies.md)\ Блок соответствия требованиям, который отображает информацию о политике cookie — сообщает пользователям, какие данные сохраняются и как это улучшает их опыт. {% endhint %} Чтобы войти в режим редактирования страницы сайта, нажмите на плитку нужного сайта, чтобы открыть его настройки.
{% hint style="info" %} Если вы только что создали новый многостраничный сайт, никуда переходить не нужно — вы уже будете на вкладке с настройками и страницами сайта. {% endhint %} Затем нажмите на нужную страницу сайта, которую хотите редактировать.
После этого откроется форма редактирования страницы, где вы сможете добавлять или удалять блоки сайта (секции), изменять шрифты, фон страницы и многое другое.
{% hint style="success" %} Вот сочетания клавиш для входа в режим полноэкранного редактирования: `Ctrl+shift+X` или `Cmd+shit+X` {% endhint %} ## Как добавить новый блок Чтобы добавить новый блок, наведите курсор на любое пустое место в рабочей области. Нажмите появившуюся **"+"** кнопку. Затем справа на экране откроется меню, где вы сможете выбрать нужный тип блока.
{% hint style="info" %} Подробные настройки каждого блока рассмотрены в [«Блоки сайта»](/doc/ru/websites/saity/blocks.md) . {% endhint %} ## Как удалить блок Чтобы удалить ненужный блок, наведите на него курсор и найдите соответствующую **«Удалить»** .
Нажмите **«Удалить»** чтобы навсегда удалить секцию. {% hint style="danger" %} #### **Обратите внимание!** Это действие нельзя отменить. {% endhint %} ## Как скрыть блок Если вы не хотите удалять блок или вам нужно временно скрыть его, наведите курсор на блок и нажмите **«Выкл.»** .
Нажмите кнопку, чтобы скрыть секцию. Нажмите её ещё раз, чтобы показать её. ## Как копировать блок Чтобы дублировать секцию, наведите на неё курсор и нажмите **«Копировать»** кнопку. Копия будет автоматически добавлена на ту же страницу. Это удобно для создания вариантов с разными настройками (например, для отдельных устройств).
Нажмите кнопку **«Копировать»** кнопку, чтобы продублировать секцию. Копия появится сразу под оригиналом. ## Как редактировать содержимое блока Чтобы редактировать секцию, наведите на неё курсор и нажмите **«Содержимое»** .
Справа откроется меню редактирования содержимого для всех типов блоков, кроме Zero block.
Zero Block, однако, редактируется в отдельном окне.
{% hint style="success" %} Чтобы узнать, как редактировать любой блок и понять назначение различных функций и настроек, пожалуйста, обратитесь к **«**[**Блоки сайта**](/doc/ru/websites/saity/blocks.md)**»** . {% endhint %} ## Настройки блока
Используйте **«Редактировать»** кнопку для содержимого. Для всех остальных настроек оформления и видимости нажмите **«Настройки»** кнопку (применяется ко всем блокам, кроме Zero block).
Настройки шрифтов, фона и отображения являются универсальными и работают схожим образом во всех блоках. {% hint style="success" %} Подробнее об этих универсальных настройках читайте в **«Блоки сайта»** статье, в соответствующем разделе. {% endhint %} ### Настройки отображения Это меню позволяет настроить отображение блока для текущей страницы и виджета подписки Facebook. Также вы можете оптимизировать его внешний вид для разных устройств, управляя видимостью в зависимости от размера экрана.
{% hint style="warning" %} Блок подписки Facebook имеет фиксированные размеры. Поэтому **Ширина секции** и **Ширина контента** параметры недоступны, и любые заданные значения не будут применяться. {% endhint %} ### Диапазон видимости Вы можете настроить, чтобы блок был виден только в определённом диапазоне размеров экрана, используя настройки отображения.
Используйте это для создания мобильной версии контента, предназначенной для смартфонов и других портативных устройств.
Вы можете создать одну секцию, продублировать её и адаптировать каждую копию под разный размер экрана.
--- # 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/pages.md?ask= ``` 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.