Всплывающее окно — это окно, которое появляется поверх веб-страницы, обычно вызываемое действием пользователя на целевой странице. Оно может содержать форму сбора данных, текстовый блок, галерею или любой другой тип раздела, доступный в конструкторе MaviBot.
Целевым действием для всплывающего окна в конструкторе MaviBot является нажатие на кнопку, содержащую значение раздела.
Читайте далее о том, как настроить раздел и открыть окно с помощью кнопки.
Настройки всплывающего окна
Чтобы создать раздел всплывающего окна, нажмите на «+», чтобы открыть меню с разделами. Затем найдите раздел «Всплывающее окно» в открывшемся меню. И нажмите на всплывающее окно, чтобы добавить раздел на ваш сайт:
Вы можете добавить любое количество разделов во всплывающее окно, создав, например, информационное окно на целевой странице.
Чтобы добавить раздел всплывающего окна, нажмите на кнопку «Заполнить всплывающее окно». Откроется модальное окно с разделами, которые можно встроить внутрь всплывающего окна:
Вы можете добавить несколько разделов сайта внутрь всплывающего окна, фактически создав второстепенную мини-целевую страницу. Окно поддерживает неограниченное количество разделов, что позволяет создавать гибкие и комплексные макеты.
Разделы внутри всплывающего окна настраиваются так же, как и те, которые вы используете для оформления основного сайта.
Настройки кнопки
Всплывающее окно будет открываться на вашем сайте при нажатии на кнопку. Вы можете использовать либо раздел «Меню», либо раздел «Кнопки» для создания этой триггерной кнопки.
Как добавить всплывающее окно в раздел «Меню»
Чтобы добавить всплывающее окно в блок «Меню», скопируйте значение раздела всплывающего окна:
Затем перейдите в настройки раздела «Меню»:
Шаг 1. Добавьте раздел меню и добавьте кнопку в настройках содержимого раздела «Меню»:
Шаг 2. Выберите действие для кнопки «В текущем окне»:
Шаг 3. Добавьте значение ID всплывающего окна в поле ссылки:
Шаг 4. Сохраните настройки сайта.
Шаг 5. Тестирование
Чтобы увидеть, как всплывающее окно открывается в меню сайта, перейдите на страницу сайта и нажмите на созданную кнопку в меню.
Как видите, всплывающее окно открывается только при нажатии на кнопку, и вы можете указать целевое действие для клиента: например, записаться на прием, узнать больше и т.д.
Как добавить всплывающее окно в раздел «Кнопки»
Чтобы добавить всплывающее окно в блок «Меню», скопируйте значение раздела всплывающего окна:
Затем перейдите в настройки раздела «Кнопки»:
Шаг 1. Добавьте блок «Кнопки» на сайт:
Шаг 2. Добавьте кнопку в настройках содержимого блока:
Шаг 3. Установите функцию кнопки-ссылки:
Шаг 4. Введите значение из раздела всплывающего окна в ссылку кнопки:
Шаг 5. Нажмите на кнопку сохранения, чтобы добавить кнопку со ссылкой на всплывающее окно
Шаг 6. Тестирование
Сохраните настройки сайта. Чтобы увидеть, как всплывающее окно открывается в меню сайта, перейдите на страницу сайта:
Затем нажмите на созданную кнопку с функцией открытия всплывающего окна:
Всплывающее окно поможет разгрузить ваш сайт, сделать его более мобильным и гибким, а также добавить дополнительную информацию, не нарушая основную логику и дизайн сайта.