Раздел попапов

В этой статье мы расскажем, что такое попап, а также покажем, как добавить его на лендинг.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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