Один вопрос на экран: квизы и колода страниц

В конструкторе FormDesigner форму можно показать по одному вопросу. Респондент видит на экране одно поле или одну секцию, а не всю страницу сразу. Так удобнее вести квиз, тест или длинный опрос: меньше текста на экране, проще держать внимание.

Отдельно доработали перемешивание страниц. Раньше в случайный порядок попадала вся форма. Теперь вступление и контакты можно закрепить, а тасовать только страницы с вопросами.

Как создавали квиз раньше

Чтобы квиз шёл по одному вопросу, форму резали на страницы: один вопрос, одна страница. Десять вопросов, десять страниц. Кнопки, прогресс и логика жили на уровне страниц, а не полей.

Если после выбора варианта нужно было сразу открыть следующий вопрос, в форму добавляли свой JavaScript.

Отдельная страница на каждый вопрос больше не обязательна. Вопросы остаются на одной странице или в нескольких главах, а режим «по одному вопросу» сам показывает их по шагам. Автопереход после выбора в переключателях и списке включается в параметрах отображения, без своего кода.

Как включить

Откройте вкладку «Элементы» и меню-гамбургер рядом с превью.

Выберите пункт «Параметры отображения».

В блоке «Отображение по одному вопросу» включите «Выводить по одному вопросу на страницу».

В конструкторе все поля страницы остаются на виду, чтобы их править. В превью появляется плашка - У респондента форма показывается по одному вопросу.

Как работает форма

На опубликованной форме одним шагом считаются такие элементы:

• все поля ввода, чекбоксы, переключатели и список
• HTML-блок
• картинка
• видео
• спойлер

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

Страницы по-прежнему нужны как главы: вступление, блок вопросов, контакты. Сначала показываются вопросы текущей страницы по одному, затем следующая страница.

Консультант N идёт вместе с вопросом N этой страницы.Вкладки и список страниц в этом режиме не показываются. Прогресс считается по шагам, а не по страницам. Его можно выключить.

Настройки шага

Рядом с переключателем несколько опций.

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

«Переходить к следующему шагу при нажатии клавиши Enter». В многострочном поле Enter делает новую строку. Дальше Ctrl/Cmd+Enter или кнопка «Далее».

Ещё можно включить «Показывать прогресс», скрыть кнопку «Назад» и оставить анимацию шагов тем же слайдом, что у страниц.

Перемешивание страниц

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

В «Параметры отображения» включите «Включить перемешивание страниц».

В «Сортировка страниц» и в списке страниц появятся три блока:

Всегда в начале: вступление, инструкция, согласие. Их видит каждый, без случайного порядка

Колода: страницы, из которых собирается случайный набор. Лимит «сколько страниц показать» считает только их

Всегда в конце: контакты, результат

Страницы перетаскиваются между блоками. Новая страница попадает в колоду. В конструкторе и превью порядок не тасуется, чтобы можно было править все страницы.

Если у формы настроены правила для страниц формы, перемешивание не применяется: форма идёт по схеме.

Зачем это в реальных формах

Типичный тест или аттестация. В банке сто вопросов, респонденту достаточно 25. Инструкцию нельзя показать в середине выборки, контакты или страницу с результатом нельзя показать раньше вопросов. Лимит 25 считает только колоду. Респондент проходит вступление, 25 случайных страниц и финал: 27 экранов, а не 102.

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

Ещё один сценарий: чтобы сосед не сдал тот же тест в том же порядке. Края фиксированные, набор вопросов в середине каждый раз другой.

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