Многостраничные Формы

Разделите длинные формы на удобные шаги. Добавляйте неограниченное количество страниц, индикаторы прогресса, макеты страниц с обложками, условную маршрутизацию и плавные переходы — чтобы респонденты завершали формы чаще и реже их покидали.

Начать бесплатно
Кредитная карта не требуется
Personal
Experience
Review
Step 2 of 3
Job Title
Senior Product Designer
Years of Experience
5-10 years
Portfolio URL
https://
Previous
Next
Многошаговые формы

Разделите любую форму на несколько страниц

Разбейте длинные формы на сфокусированные шаги, которые кажутся выполнимыми. Добавляйте неограниченное количество страниц к любой форме — каждая страница группирует связанные поля, чтобы респонденты работали с одним разделом за раз. Кнопки «Далее» и «Назад» позволяют двигаться в собственном темпе, а все ответы сохраняются при переходе между страницами.

Все возможности Arrow icon
Page 1
Page 2
Page 3
+
Индикатор прогресса

Покажите респондентам, на каком этапе они находятся

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

Step 3 of 5 60%
Info
Details
3
Prefs
4
Upload
5
Review
Макеты страниц

6 макетов страниц с обложками

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

Full Width
Split Left
Split Right
Image Above
Image BG
Card Center
Условная маршрутизация

Пропускайте страницы в зависимости от ответов

Направляйте респондентов на разные страницы в зависимости от их ответов. Если кто-то выбрал «Нет» на первой странице, перенаправьте его сразу к итоговой странице, минуя детальные вопросы. Условная маршрутизация страниц делает формы короткими и релевантными — каждый респондент видит только те страницы, которые ему подходят.

Page 1
Role = "Manager"
Page 2 — Team Details
Page 1
Role = "Individual"
Page 4 — Review
skip 2 & 3
Переходы между страницами

Плавные переходы между страницами

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

Slide
Left / Right
Fade
In / Out

Создан для длинных форм, которым нужна структура

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

Длинные заявки

Заявки на работу, гранты и формы зачисления с десятками полей. Разделите их на личные данные, квалификации, документы и этапы проверки.

Опросы и исследования

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

Процессы адаптации

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

Формы оплаты и заказа

Данные доставки, варианты товара, платёжная информация — каждый раздел на отдельной странице. Повторяет привычный процесс оформления заказа, которому люди уже доверяют.

Тесты и оценки

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

Часто задаваемые вопросы

Что такое конструктор многошаговых форм?
Конструктор многошаговых форм позволяет разделить одну форму на несколько страниц или шагов. Вместо отображения всех полей сразу респонденты проходят через сфокусированные разделы с кнопками «Далее» и «Назад». FormBuilder — это бесплатный конструктор многошаговых форм с индикаторами прогресса, макетами страниц и условной маршрутизацией.
Как создать многостраничную форму?
В FormBuilder нажмите кнопку добавления страницы в конструкторе, чтобы создать новую страницу. Перетащите поля на каждую страницу, задайте макет и необязательную обложку, затем опубликуйте. Респонденты видят одну страницу за раз с кнопками навигации и индикатором прогресса.
Могу ли я добавить индикатор прогресса в свою форму?
Да. Каждая многостраничная форма в FormBuilder автоматически получает индикатор прогресса, который показывает респондентам, сколько они уже прошли и сколько шагов осталось. Индикатор прогресса обновляется в реальном времени по мере заполнения каждой страницы.
Какие макеты страниц доступны?
FormBuilder предлагает шесть типов макетов страниц: на всю ширину, изображение слева, изображение справа, изображение над полями, полноэкранный фон и центрированная карточка. Каждая страница может использовать свой макет и обложку из Unsplash.
Могу ли я пропускать страницы в зависимости от ответов пользователя?
Да. Условная маршрутизация страниц позволяет направлять респондентов на разные страницы в зависимости от их ответов. Например, если кто-то выбирает «Не применимо», вы можете полностью пропустить этот раздел. Каждый респондент видит только те страницы, которые ему релевантны.
Конструктор многостраничных форм бесплатный?
Да. Многостраничные формы, индикаторы прогресса, макеты страниц, обложки и условная маршрутизация доступны в бесплатном плане FormBuilder. Кредитная карта для начала работы не требуется.

Создайте свою первую многостраничную форму

Добавьте страницы, индикаторы прогресса, макеты и условную маршрутизацию за несколько минут. Бесплатно — кредитная карта не требуется.

Начать бесплатно