Блоки: из чего собирается окно

Содержимое окна собирается из блоков в разделе «Блоки» вкладки «Контент». Блоки перетаскиваются мышью; в пустой области подсказка «Перетаскивайте блоки сюда». У каждого блока есть кнопки «Редактировать», «Удалить» и «Отменить» (закрыть редактирование).

Раздел «Блоки»: структурные блоки, блоки содержимого и список блоков окна

Структурные блоки

Они задают «каркас» окна, содержимое кладётся внутрь.

Блок	Для чего
Контейнер	Ограничивает размер блоков и центрирует их
Ряд	Выстраивает блоки в один ряд (колонки). Настраиваются выравнивание по горизонтали и вертикали и направление оси: ряд или столбец

Блоки содержимого

Текст. Текстовый редактор. Задаются ширина и высота, показ блока и собственный CSS.

Изображение. Загрузка файла: GIF, JPG, JPEG, PNG, WEBP или SVG. В параметрах — атрибуты изображения, ссылка при нажатии и атрибуты ссылки. Загруженный файл можно удалить ссылкой «Удалить».

Видео. Загрузка файла: MP4, WEBM, MKV, OGV, OGG, OGA или OGX. Видео утяжеляет страницу: берите короткие ролики небольшого размера.

Кнопка. Задаются текст кнопки, цвет текста, цвет фона, ширина и высота. Действие при нажатии:

Перейти по ссылке — адрес указывается в поле «Ссылка»; параметры и атрибуты ссылки настраиваются отдельно;
Закрыть — закрывает окно;
Открыть другой поп-ап — укажите ID нужного окна. Доступно только на премиум-лицензии.

Таймер. Обратный отсчёт до заданных даты и времени. Доступен только на премиум-лицензии.

Форма. Собирает данные посетителя и отправляет их на вашу почту. Подробно — Форма и заявки.

HTML. Произвольный HTML-код. Используйте, если знаете HTML.

Разделительная линия. Горизонтальная линия между блоками.

Закрыть (иконка). Иконка закрытия окна. Задаются размер и цвет иконки. Оставляйте посетителю возможность закрыть окно: иконку или кнопку с действием «Закрыть».

Общие настройки блоков

У большинства блоков есть:

Стили для устройства — размеры отдельно для десктопа и мобильных;
Показывать / Не показывать — скрыть блок на выбранном устройстве, например большую картинку на телефоне;
Дополнительные опции → Редактировать CSS — собственные стили блока;
Атрибуты HTML-тега — для продвинутой настройки.

Если не уверены, оставляйте значения по умолчанию.