Содержание
Для настройки параметров формы нажмите кнопку «Настройки» в шапке.
Доступные параметры:
- Навигация — включение/отключение стрелок между шагами (тумблер).
- Индикатор выполнения — отображение прогресса заполнения (тумблер).
- Свободная навигация — разрешение возврата к предыдущим шагам (тумблер).
- Основной цвет — выбор из 8 цветовых вариантов.
- Анимация — выбор типа анимации перехода между шагами (вертикальная/горизонтальная).
- Размер элементов — настройка размера элементов формы (маленький/средний/большой).
- Закругление элементов — настройка радиуса скругления
Работа с шагами формы
Добавление шагов:
Для создания формы необходимо последовательно добавлять шаги:
- Нажмите «Добавить стартовый шаг» — вступительный экран с приветствием и описанием формы;
- Добавьте основные шаги через кнопку «Добавить шаг»: доступно 13 типов шагов;
- «Спасибо» — завершающий экран с подтверждением отправки данных.
Примечание: количество шагов в форме не ограничено.
Доступные типы шагов для добавления:
- Текст — поле для ввода одной текстовой строки;
- Длинный текст — многострочное текстовое поле;
- Телефон — поле для ввода номера телефона с валидацией формата;
- Email — поле для ввода электронной почты с проверкой формата;
- Дата — поле выбора даты с календарем;
- Адрес — поле для ввода почтового адреса;
- Да/Нет — поле с двумя вариантами ответа;
- Одиночный выбор — выбор одного варианта из предложенных;
- Множественный выбор — выбор нескольких вариантов;
- Выпадающий список — выбор одного варианта из раскрывающегося списка;
- Число — поле для ввода числовых значений;
- Слайдер — визуальный выбор значения на шкале;
- Загрузка файлов — поле для прикрепления файлов.
Управление шагами в области предварительного просмотра
В правой части интерфейса доступны функции управления:
- Редактирование – нажатие на иконку настроек переводит к соответствующему шагу в редакторе;
- Дублирование – создание копии шага со всеми настройками;
- Удаление – удаление выбранного шага из формы.
Настройка шагов в редакторе
В левой части интерфейса доступны расширенные настройки для каждого шага. Для доступа к расширенным настройкам конкретного шага:
- В правой части рабочей области (область предварительного просмотра) найдите нужный шаг.
- Нажмите на значок шестеренки в верхней части шага.
- В левой части интерфейса откроется окно с настройками выбранного шага.
Описание доступных параметров настройки для каждого типа шага
Для каждого типа шага доступен уникальный набор параметров, которые можно гибко настроить под ваши задачи. Порядок шагов можно изменить. Для этого в левой части редактора, в списке всех шагов, зажмите иконку «шесть точками» рядом с названием нужного шага и, не отпуская кнопку мыши, перетащите его на нужную позицию в списке ().
Стартовый шаг:
- Заголовок — основной текст шага.
- Описание — дополнительный поясняющий текст.
- Выравнивание — положение текста (влево, по центру, вправо).
- Изображение — загрузка с компьютера или вставка по ссылке.
- Кнопка — надпись на кнопке (например, «Начать» или «Приступить»).
- Удалить — удаление шага.
Текст и длинный текст:
- Заголовок — название поля.
- Описание — дополнительный поясняющий текст.
- Выравнивание — положение текста.
- Изображение — загрузка с компьютера или вставка по ссылке.
- Обязательное поле — включение/выключение обязательности заполнения.
- Плейсхолдер (текст-подсказка) — вспомогательный текст в поле ввода.
- Ограничения — настройка минимального/максимального количества символов.
- Удалить — удаление шага.
Телефон, Email:
- Заголовок — название поля.
- Описание — дополнительный поясняющий текст.
- Выравнивание — положение текста.
- Изображение — загрузка с компьютера или вставка по ссылке.
- Обязательное поле — включение/выключение обязательности заполнения.
- Плейсхолдер (текст-подсказка) — вспомогательный текст в поле ввода.
- Удалить — удаление шага.
Дата:
- Заголовок — название поля.
- Описание — дополнительный поясняющий текст.
- Выравнивание — положение текста.
- Изображение — загрузка с компьютера или вставка по ссылке.
- Обязательное поле — включение/выключение обязательности заполнения.
- Плейсхолдер (текст-подсказка) — вспомогательный текст в поле ввода.
- Минимальная дата — ограничение выбора даты (не ранее указанной).
- Максимальная дата — ограничение выбора даты (не позднее указанной).
- Удалить — удаление шага.
Да/Нет:
- Заголовок — название поля.
- Описание — дополнительный поясняющий текст.
- Выравнивание — положение текста.
- Изображение — загрузка с компьютера или вставка по ссылке.
- Обязательное поле — включение/выключение обязательности заполнения.
- Настройка вариантов ответа — возможность переименовать варианты «Да» и «Нет» (например, «Верно»/«Неверно»).
- Удалить — удаление шага.
Одиночный выбор:
- Заголовок — название поля.
- Описание — дополнительный поясняющий текст.
- Выравнивание — положение текста.
- Изображение — загрузка с компьютера или вставка по ссылке.
- Обязательное поле — включение/выключение обязательности заполнения.
- Показать input — визуальный параметр, который определяет отображение индикатора выбора. При активации тумблера рядом с каждым вариантом ответа появляется круглый маркер.
- Варианты ответа — список вариантов для выбора (редактируются).
- Удалить — удаление шага.
Множественный выбор:
- Заголовок — название поля.
- Описание — дополнительный поясняющий текст.
- Выравнивание — положение текста.
- Изображение — загрузка с компьютера или вставка по ссылке.
- Обязательное поле — включение/выключение обязательности заполнения.
- Показать input — визуальный параметр, который определяет отображение индикатора выбора. При активации тумблера рядом с каждым вариантом ответа появляется круглый маркер.
- Варианты ответа — список вариантов для выбора (редактируются, можно добавлять новые).
- Удалить — удаление шага.
Выпадающий список:
- Заголовок — название поля.
- Описание — дополнительный поясняющий текст.
- Выравнивание — положение текста.
- Изображение — загрузка с компьютера или вставка по ссылке.
- Обязательное поле — включение/выключение обязательности заполнения.
- Плейсхолдер (текст-подсказка) — вспомогательный текст в поле ввода.
- Опции — список вариантов (каждый вариант с новой строки).
- Удалить — удаление шага.
Число:
- Заголовок — название поля.
- Описание — дополнительный поясняющий текст.
- Выравнивание — положение текста.
- Изображение — загрузка с компьютера или вставка по ссылке.
- Обязательное поле — включение/выключение обязательности заполнения.
- Плейсхолдер (текст-подсказка) — вспомогательный текст в поле ввода.
- Ограничения — настройка минимального/максимального значения.
- Удалить — удаление шага.
Слайдер:
- Заголовок — название поля.
- Описание — дополнительный поясняющий текст.
- Выравнивание — положение текста.
- Изображение — загрузка с компьютера или вставка по ссылке.
- Обязательное поле — включение/выключение обязательности заполнения.
- Минимальное значение — нижняя граница диапазона слайдера.
- Максимальное значение — верхняя граница диапазона слайдера.
- Удалить — удаление шага.
Загрузка файла:
- Заголовок — название поля.
- Описание — дополнительный поясняющий текст.
- Выравнивание — положение текста.
- Изображение — загрузка с компьютера или вставка по ссылке.
- Обязательное поле — включение/выключение обязательности заполнения.
- Несколько файлов — включение/выключение возможности загружать несколько файлов.
- Удалить — удаление шага.