Конструктор форм
Конструктор форм — визуальный редактор для попапов, встроенных блоков и форм in-app. Форму собирают из готовых элементов: текста, картинок, кнопок, полей ввода, чекбоксов, выпадающих списков и таймера. Вид каждого элемента настраивают в его настройках, верстать HTML не нужно. Например, в конструкторе можно собрать попап из двух экранов: на первом клиент оставляет email, на втором видит промокод и копирует его кнопкой.
Какие формы можно собрать в конструкторе
- Попап — всплывающее окно на сайте.
- Встроенный блок — форма внутри страницы сайта, например в карточке продукта.
- In-app — всплывающее окно в мобильном приложении.
Набор элементов и настроек зависит от формата формы. Например, у попапа и встроенного блока есть отдельные десктопная и мобильная версии, а у формы in-app — только мобильная.
Как открыть конструктор и собрать форму, читайте в статьях:
Из чего состоит форма
Форма в конструкторе состоит из вложенных друг в друга частей, и у каждой свои настройки:
- Форма — все экраны, для которых на странице кампании заданы общие таргетинг, условия показа и действия после заполнения. В настройках формы задают ее размеры, расположение на экране, крестик закрытия, тень и затемнение фона.
- Экран — то, что клиент видит в форме в конкретный момент: например, экран с полями ввода, экран «Спасибо» или экран с промокодом. Форма может состоять из одного или нескольких экранов. Между экранами клиент переходит по кнопкам.
- Блок — содержимое экрана. На каждом экране один блок. В настройках блока задают фон экрана, обводку, скругления и отступы — так у каждого экрана может быть свой фон.
- Строка — горизонтальный ряд внутри блока. Строку можно разделить на колонки.
- Элемент — текст, картинка, кнопка, поле ввода и другой контент внутри колонки.
Логика сборки такая же, как в конструкторе писем: строки добавляют в блок, в колонки строк перетаскивают элементы, а к строке или блоку переходят через навигационную цепочку, например «Блок › Строка › Кнопка». Главное отличие — в форме на каждом экране ровно один блок, а в письме блоков может быть сколько угодно.
Где настроить показ формы и запись данных
Конструктор отвечает только за внешний вид формы и переходы между ее экранами. Остальное настраивается на странице кампании, так же как для форм на шаблонах:
- кому и на каких страницах показывать форму — таргетинг;
- когда и как часто показывать форму — общие настройки и условия всплывания;
- куда записать данные из полей ввода и чекбоксов — действия после заполнения формы;
- варианты формы для АБ-теста.
Например, чтобы email из формы записался в карточку клиента, недостаточно добавить поле ввода в конструкторе. Нужно еще сопоставить это поле с полем Mindbox в действиях после заполнения формы.
Почему форму не получается сохранить или запустить
Перед сохранением и запуском Mindbox проверяет форму, чтобы она работала у клиента и не теряла данные. Например, форму с полями ввода не получится запустить, пока в ней нет кнопки, которая отправляет данные.
Ошибки бывают двух видов:
- предупреждение — форму можно сохранить, но нельзя запустить;
- блокирующая ошибка — форму нельзя даже сохранить.
Ошибки в дизайне отмечаются в конструкторе рядом с названием экрана. Ошибки в действиях после заполнения формы видны на странице кампании, в чек-листе «Готовность к запуску».
Список ошибок и что с ними делать: