Содержание:



Пример квиза или пошаговой формы:
 http://koto-quiz.plp7.ru/

Как создать простой квиз?

Шаг 1. Добавим на секцию виджет «Новые формы».


 Шаг 2. Удалим предустановленные поля, заголовок и кнопку.
 


 Шаг 3. Перейдём в «Настройки формы» во вкладку «Шаги» и включим пошаговую форму.
 


 Шаг 4. Добавим нужное количество шагов для формы и изменим их «Название».
 


 Шаг 5. Перейдём к первому шагу.
 


 и начнем наполнять нашу «Пошаговую форму»
 


 На первом шаге мы добавим:
 Виджет «Текст»
 Виджет «Картинка»
 Виджет «Кнопка» с действием «Перейти к следующему слайду, вкладке или шагу»
 Именно данное действие в кнопке будет перелистывать шаги вперёд.
 


 Шаг 6. На втором шаге формы мы добавим поля для заполнения:
 «Поля для новых форм – Имя»
 «Поля для новых форм – Телефон»
 


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


 Шаг 7. Добавим на второй шаг формы кнопку и настроим её под нашу пошаговую форму.
 


 Подсказка! Если шагов много, то настроенную кнопку можно «Дублировать» и разместить на нужных шагах формы.
 


 Шаг 8. На третьем шаге нам понадобится виджет «Кнопка» с действием «Вернуться к предыдущему слайду, вкладке или шагу».
 Для этого дублируем нашу кнопку «Далее» и изменим: «Цвет», «Название» и «Действие».
 
 


 Подсказка! Если шагов много, то настроенные кнопки можно «Дублировать» и разместить на нужных шагах формы.
 Шаг 9. На шаге, где будет производиться отправка формы, необходимо установить виджет «Кнопка» с действием «Отправить форму или перейти к следующему шагу».
 


 Квиз готов! Останется только опубликовать страницу и проверить его работу.
 
 Подсказка! В качестве оформления можно использовать любые виджеты с панели инструментов.

Настройки «Пошаговой формы»

Плавное перелистывание влево и вправо – позволяет плавно перелистывать шаги в форме.
 Пример: http://koto-quiz1.plp7.ru/
 


 Одинаковая высота для всех шагов – задаст одно значение высоты для всех шагов в этом виджете.
 Пример: http://koto-quiz2.plp7.ru/
 


 Нумерация шагов – позволяет задать, с какого шага начинается нумерация шагов (с первого шага или со второго) и на каком шаге заканчивается (на последнем шаге или на предпоследнем):
 


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

Более сложные примеры можно найти в нашем Блоге,  по ссылкам ниже:
https://platformalp.ru/blog/a-vy-uzhie-sdielali-svoi-piervyi-kviz/
https://platformalp.ru/blog/testiruem_novie_formi_calc/ 

Вы нашли ответ?