# Секция "Pop-up"

Pop-up - это всплывающее окошко, которое появляется на сайте после выполнения целевого действия на лендинге. Внутри окна может лежать форма сбора данных, текстовый блок, галерея и любые другие секции, существующие в конструкторе Salebot:

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

Целевым действием для pop-up в конструкторе сайтов Salebot является нажатие на кнопку, в которой лежит значение секции.

Как настроить секцию и открытие окошка по кнопке, читайте далее.

## Настройка Pop-up

Чтобы создать секцию pop-up, необходимо кликнуть на "+" для открытия меню с секциями:

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

Далее в открывшемся меню найдите секцию Pop-up:

<figure><img src="/files/KmyhqSgzYRbhz7tCh6Rv" alt="" width="453"><figcaption></figcaption></figure>

И далее кликните на поп-ап, чтобы секция добавилась на ваш сайт:

<figure><img src="/files/7cwP92u2jhiTCmIUpNQ9" alt="" width="563"><figcaption></figcaption></figure>

В pop-up можно добавить любое количество секций, сделав, например, информационное окошко на лендинге.&#x20;

Чтобы добавить в поп-ап секцию, кликните по кнопке "Заполнить поп-ап":

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

Откроется модальное окно с секциями, которые можно вложить внутрь pop-up:

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

Для примера добавим несколько секций сайта внутрь поп-апа:&#x20;

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

Внутри pop-up можно сделать второй минилендинг, поскольку в окне может находится неограниченное количество секций.&#x20;

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

Секции внутри pop-up настраиваются так же, как и секции, из которых вы будете конструировать свой сайт.&#x20;

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

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

<figure><img src="/files/GE5ysS8p8Lb8hOA1Bva9" alt="" width="441"><figcaption></figcaption></figure>

### Как добавить pop-up в секцию "Меню"

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

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

Далее перейдите к настройкам секции "Меню":

Шаг 1. Добавьте секцию меню:

<figure><img src="/files/6D2iFYIc3FIBNCsGH601" alt="" width="292"><figcaption></figcaption></figure>

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

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

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

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

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

<div><figure><img src="/files/5BJfoEohyB8A1oJMiWfq" alt="" width="563"><figcaption><p>ID pop-up в поле "ссылка" в настройках кнопки</p></figcaption></figure> <figure><img src="/files/BW8Qy9cMfMTSF5A7sN3H" alt="" width="563"><figcaption><p>где найти значение pop-up</p></figcaption></figure></div>

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

<figure><img src="/files/d95WCPi0a3qw7P051du6" alt="" width="509"><figcaption></figcaption></figure>

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

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

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

Далее кликните по своей созданной кнопке в меню:

<figure><img src="/files/Q1H9hINeZnf5VRDiYmAh" alt="" width="375"><figcaption></figcaption></figure>

Как видно, pop-up открывается только при клике на кнопку, в которой вы можете прописать целевое действие для клиента: например, записаться на прием, читать подробнее и т.д.&#x20;

### Как добавить pop-up в секцию "Кнопки"

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

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

Далее перейдите к настройкам секции "Кнопки":

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

<figure><img src="/files/eKDrbSRmqkxjGKIkhlmW" alt="" width="294"><figcaption></figcaption></figure>

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

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

Шаг 3. Установите функцию кнопки - ссылка:

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

Шаг 4. Укажите значение из секции pop-up в ссылку кнопки:

<div><figure><img src="/files/spwDJFHM2fuCZPXb2IRF" alt="" width="563"><figcaption></figcaption></figure> <figure><img src="/files/Se1KEZweAboUE5iMmEwC" alt="" width="563"><figcaption></figcaption></figure></div>

Шаг 5. Нажмите "Сохранить", чтобы добавить кнопку:

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

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

Сохраните настройки сайта:

<figure><img src="/files/d95WCPi0a3qw7P051du6" alt="" width="509"><figcaption></figcaption></figure>

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

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

Далее кликните по своей созданной кнопке с функцией открытия pop-up:

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

{% hint style="success" %}
Всплывающее окошко поможет разгрузить ваш сайт, сделать его более подвижным и гибким, а также добавить дополнительную информацию, не нарушая основную логику и дизайн сайта.
{% 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.salebot.pro/websites/builder/sekcii-bloki/sekciya-pop-up.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.