# Раздел pop-up

Попап — это окно, которое появляется поверх веб-страницы, обычно при действии пользователя на посадочной странице. Оно может содержать форму сбора данных, текстовый блок, галерею или любой другой тип секции, доступный в конструкторе MaviBot.

<figure><img src="/files/7312fe51b3be7bbdbe1cbf225771b5588dfb3246" alt="" width="563"><figcaption></figcaption></figure>

Целевое действие для попапа в конструкторе MaviBot — нажать на кнопку, содержащую значение секции.

Читайте, как настроить секцию и открыть окно с помощью кнопки.

## Настройки попапа

Чтобы создать секцию попапа, нажмите на "+", чтобы открыть меню с секциями. Затем найдите в открывшемся меню секцию Pop-up. И нажмите на pop-up, чтобы добавить секцию на ваш сайт:

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

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

Чтобы добавить секцию поп-апа, нажмите на **«Заполнить попап»** кнопку. Откроется модальное окно с секциями, которые можно встроить внутрь попапа:

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

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

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

## Настройки кнопки

Попап откроется на вашем сайте, когда будет нажата кнопка. Вы можете использовать либо **"Меню"** секцию, либо **"Кнопки"** секцию, чтобы создать эту триггерную кнопку.

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

### Как добавить попап в секцию «Меню»

Чтобы добавить поп-ап в блок Меню, скопируйте значение секции окна попапа:

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

Затем перейдите к настройкам секции «Меню»:

Шаг 1. Добавьте секцию меню и добавьте кнопку в настройках содержимого секции Меню:

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

Шаг 2. Выберите действие для кнопки «В текущем окне»:

<figure><img src="/files/0b0616a50b460da2d4951a44b9b897d78444ec56" alt=""><figcaption></figcaption></figure>

Шаг 3. Добавьте значение ID попапа в поле ссылки:

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

Шаг 4. Сохраните настройки сайта.

Шаг 5. Тестирование

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

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

Как видите, попап открывается только при нажатии на кнопку, и вы можете задать целевое действие для клиента: например, записаться на приём, читать далее и т. д.

### Как добавить попап в секцию «Кнопки»

Чтобы добавить поп-ап в блок Меню, скопируйте значение секции окна попапа:

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

Затем перейдите к настройкам секции «Кнопки»:

Шаг 1. Добавьте блок «Кнопки» на сайт:

<figure><img src="/files/125fdd683b370b31ba108ca5d758189eb1af8078" alt=""><figcaption></figcaption></figure>

Шаг 2. Добавьте кнопку в настройках содержимого блока:

<figure><img src="/files/88a68dff4b1a542d47994469b64e1d9fef204750" alt=""><figcaption></figcaption></figure>

Шаг 3. Настройте функцию ссылки кнопки:

<figure><img src="/files/20265cc3f2800586b54b0283b95eea68ab00a62c" alt=""><figcaption></figcaption></figure>

Шаг 4. Введите значение из секции попапа в ссылку кнопки:

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

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

Шаг 5. Нажмите на кнопку сохранения, чтобы добавить кнопку со ссылкой на попап

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

Шаг 6. Тестирование

Сохраните настройки сайта. Чтобы увидеть, как попап открывается в меню сайта, перейдите на страницу сайта:

<figure><img src="/files/67a5a20a61b2188a6b99adb719e500e6b92dba2c" alt=""><figcaption></figcaption></figure>

Далее нажмите на созданную вами кнопку с функцией открытия попапа:

<figure><img src="/files/70edabf06b2c9b030387ca0e4118050419ebfa38" 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/popup.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.