Для настройки параметров формы нажмите кнопку «Настройки» в шапке.

Доступные параметры:

• Навигация — включение/отключение стрелок между шагами (тумблер);
• Индикатор выполнения — отображение прогресса заполнения (тумблер);
• Свободная навигация — разрешение возврата к предыдущим шагам (тумблер);
• Основной цвет — выбор из 8 цветовых вариантов;
• Анимация — выбор типа анимации перехода между шагами (вертикальная/горизонтальная);
• Размер элементов — настройка размера элементов формы (маленький/средний/большой);
• Закругление элементов — настройка радиуса скругления.

Работа с шагами формы

Добавление шагов:

Для создания формы необходимо последовательно добавлять шаги:

• Нажмите «Добавить стартовый шаг» — вступительный экран с приветствием и описанием формы;
• Добавьте основные шаги через кнопку «Добавить шаг»: доступно 13 типов шагов;
• «Спасибо» — завершающий экран с подтверждением отправки данных.

Доступные типы шагов для добавления:

• Текст — поле для ввода одной текстовой строки;
• Длинный текст — многострочное текстовое поле;
• Телефон — поле для ввода номера телефона с валидацией формата;
• Email — поле для ввода электронной почты с проверкой формата;
• Дата — поле выбора даты с календарем;
• Адрес — поле для ввода почтового адреса;
• Да/Нет — поле с двумя вариантами ответа;
• Одиночный выбор — выбор одного варианта из предложенных;
• Множественный выбор — выбор нескольких вариантов;
• Выпадающий список — выбор одного варианта из раскрывающегося списка;
• Число — поле для ввода числовых значений;
• Слайдер — визуальный выбор значения на шкале;
• Загрузка файлов — поле для прикрепления файлов.

Управление шагами в области предварительного просмотра

В правой части интерфейса доступны функции управления:

• Редактирование – нажатие на иконку настроек переводит к соответствующему шагу в редакторе;
• Дублирование – создание копии шага со всеми настройками;
• Удаление – удаление выбранного шага из формы.

Настройка шагов в редакторе

В левой части интерфейса доступны расширенные настройки для каждого шага. Для доступа к расширенным настройкам конкретного шага:

1. В правой части рабочей области (область предварительного просмотра) найдите нужный шаг;
2. Нажмите на значок шестеренки в верхней части шага;
3. В левой части интерфейса откроется окно с настройками выбранного шага:

Описание доступных параметров настройки для каждого типа шага

Для каждого типа шага доступен уникальный набор параметров, которые можно гибко настроить под ваши задачи. Порядок шагов можно изменить. Для этого в левой части редактора, в списке всех шагов, зажмите иконку «шесть точками»  рядом с названием нужного шага и, не отпуская кнопку мыши, перетащите его на нужную позицию в списке ():

• Заголовок — основной текст шага;
• Описание — дополнительный поясняющий текст;
• Выравнивание — положение текста (влево, по центру, вправо);
• Изображение — загрузка с компьютера или вставка по ссылке;
• Кнопка — надпись на кнопке (например, «Начать» или «Приступить»);
• Удалить — удаление шага.

Текст и длинный текст:

• Заголовок — название поля;
• Описание — дополнительный поясняющий текст;
• Выравнивание — положение текста;
• Изображение — загрузка с компьютера или вставка по ссылке;
• Обязательное поле — включение/выключение обязательности заполнения;
• Плейсхолдер (текст-подсказка) — вспомогательный текст в поле ввода;
• Ограничения — настройка минимального/максимального количества символов;
• Удалить — удаление шага.

Телефон, Email:

• Заголовок — название поля;
• Описание — дополнительный поясняющий текст;
• Выравнивание — положение текста;
• Изображение — загрузка с компьютера или вставка по ссылке;
• Обязательное поле — включение/выключение обязательности заполнения;
• Плейсхолдер (текст-подсказка) — вспомогательный текст в поле ввода;
• Удалить — удаление шага.

Дата:

• Заголовок — название поля;
• Описание — дополнительный поясняющий текст;
• Выравнивание — положение текста;
• Изображение — загрузка с компьютера или вставка по ссылке;
• Обязательное поле — включение/выключение обязательности заполнения;
• Плейсхолдер (текст-подсказка) — вспомогательный текст в поле ввода;
• Минимальная дата — ограничение выбора даты (не ранее указанной);
• Максимальная дата — ограничение выбора даты (не позднее указанной);
• Удалить — удаление шага.

Да/Нет:

• Заголовок — название поля;
• Описание — дополнительный поясняющий текст;
• Выравнивание — положение текста;
• Изображение — загрузка с компьютера или вставка по ссылке;
• Обязательное поле — включение/выключение обязательности заполнения;
• Настройка вариантов ответа — возможность переименовать варианты «Да» и «Нет» (например, «Верно»/«Неверно»);
• Удалить — удаление шага.

Одиночный выбор:

• Заголовок — название поля;
• Описание — дополнительный поясняющий текст;
• Выравнивание — положение текста;
• Изображение — загрузка с компьютера или вставка по ссылке;
• Обязательное поле — включение/выключение обязательности заполнения;
• Показать input — визуальный параметр, который определяет отображение индикатора выбора. При активации тумблера рядом с каждым вариантом ответа появляется круглый маркер;
• Варианты ответа — список вариантов для выбора (редактируются);
• Удалить — удаление шага.

Множественный выбор:

• Заголовок — название поля;
• Описание — дополнительный поясняющий текст;
• Выравнивание — положение текста;
• Изображение — загрузка с компьютера или вставка по ссылке;
• Обязательное поле — включение/выключение обязательности заполнения;
• Показать input — визуальный параметр, который определяет отображение индикатора выбора. При активации тумблера рядом с каждым вариантом ответа появляется круглый маркер;
• Варианты ответа — список вариантов для выбора (редактируются, можно добавлять новые);
• Удалить — удаление шага.

Выпадающий список:

• Заголовок — название поля;
• Описание — дополнительный поясняющий текст;
• Выравнивание — положение текста;
• Изображение — загрузка с компьютера или вставка по ссылке;
• Обязательное поле — включение/выключение обязательности заполнения;
• Плейсхолдер (текст-подсказка) — вспомогательный текст в поле ввода;
• Опции — список вариантов (каждый вариант с новой строки);
• Удалить — удаление шага.

Число:

• Заголовок — название поля;
• Описание — дополнительный поясняющий текст;
• Выравнивание — положение текста;
• Изображение — загрузка с компьютера или вставка по ссылке;
• Обязательное поле — включение/выключение обязательности заполнения;
• Плейсхолдер (текст-подсказка) — вспомогательный текст в поле ввода;
• Ограничения — настройка минимального/максимального значения;
• Удалить — удаление шага.

Слайдер:

• Заголовок — название поля;
• Описание — дополнительный поясняющий текст;
• Выравнивание — положение текста;
• Изображение — загрузка с компьютера или вставка по ссылке;
• Обязательное поле — включение/выключение обязательности заполнения;
• Минимальное значение — нижняя граница диапазона слайдера;
• Максимальное значение — верхняя граница диапазона слайдера;
• Удалить — удаление шага.

Загрузка файла:

• Заголовок — название поля;
• Описание — дополнительный поясняющий текст;
• Выравнивание — положение текста;
• Изображение — загрузка с компьютера или вставка по ссылке;
• Обязательное поле — включение/выключение обязательности заполнения;
• Несколько файлов — включение/выключение возможности загружать несколько файлов;
• Удалить — удаление шага.