Свободные окна — это всплывающие окна со свободным позиционированием элементов. Такие окна можно полностью кастомизировать: менять позиционирование окна, передвигать и вращать элементы в любом направлении, добавлять новые элементы 
из расширенного списка.

Для создания свободного окна зайдите в раздел Окна → Свободные окна → Создать

Для добавления свободного окна на страницу в настройках элемента выберите действие при клике Показать всплывающее окно.

Для настройки свободного окна нажмите кнопку Редактировать.

После этого откроется свободное окно — в нем нет фиксированной сетки, передвигайте и переворачивайте элементы в любом направлении.

В свободные окна добавляются свободные элементы. Их список шире, чем в стандартных окнах.

В Настройках окна находятся дополнительные возможности для редактирования.

Без фона свободное окно будет появляться на переднем плане секции.

У окна есть дополнительные настройки. Цвет текста будет подстраиваться автоматически: белый или черный.

Цвет. В этой вкладке можно выбрать цвет для окна, настроить обводку, закруглить края и добавить тень.

Тени также можно присвоить индивидуальные параметры.

Изображение. Здесь вы можете загрузить изображение или выбрать из бесплатной встроенной галереи Unsplash.

Помимо настройки окна можно настроить вид подложки: это фон, на котором располагается окно.

Цвет. Можно выбрать цвет фона подложки и настроить цвет текста.

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

Видео. Вы можете добавить видео формата MP4, ссылку на YouTube или Vimeo.

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

Растянуть по высоте — при любом разрешении экрана окно будет автоматически растянуто по высоте. Вы можете задать ширину и минимальную высоту, эти пропорции сохраняются.

Важно! В редакторе окно будет отображаться с минимальной заданной высотой. Зачем это нужно — даже если у посетителя экран окажется меньше вашего, минимальная высота позволит зарезервировать достаточно места, чтобы все элементы остались на своих местах и окно выглядело таким же, каким вы его настроили изначально.

Растянуть по ширине — означает, что окно при любом разрешении экрана будет автоматически растянуто по ширине.

Если вы активируете оба тогла, то вы также можете задать только минимальную высоту экрана.

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