Квиз-формы

Квиз-формы

Easyweb Топ-разработчик #3 с 2014 года
10 установок

Квиз вместо длинной формы: по одному вопросу за шаг

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

Шаги в обычном конструкторе

Отдельного редактора не нужно: в форму добавляется поле «Разделитель шага», и всё, что идёт после него, попадает на следующий шаг.

Прогресс и навигация

Полоса прогресса, номер шага, кнопки «Далее» и «Назад». Обязательные поля проверяются на своём шаге, а не в самом конце.

Заголовок и иконка у шага

У каждого шага свои название, пояснение и иконка — посетитель понимает, о чём его спрашивают и сколько осталось.

Работает со всем приложением

Заявка из квиза — обычная заявка: те же статусы, уведомления, экспорт, контакт клиента и другие плагины.

Возможности квиза

Чтобы посмотреть готовый квиз, откройте «Создать форму → Из шаблона» и выберите «Расчёт стоимости ремонта» или «Какой у вас тип кожи?». Каждый выбор создаёт новую выключенную форму: проверьте поля и настройки, затем включите её.

Новые возможности включаются в настройках квиза по отдельности. Пустые из-за условий шаги пропускаются автоматически: номер шага и прогресс следуют за ответами посетителя.

Быстрая навигация: автопереход после одиночного выбора и подсказка о незаполненных обязательных вопросах на кнопке «Далее».

Стартовый экран: заголовок, текст, картинка и кнопка перед первым вопросом.

Консультант: фото, имя, роль и подсказка под вопросами; для шага можно использовать описание его разделителя.

Продолжить с места: квиз предлагает восстановить ответы в течение 24 часов. Контактные поля, файлы и капча не сохраняются в браузере.

Тест с баллами: каждому варианту можно назначить число баллов, в том числе вариантам группы чекбоксов. Диапазон результата может выдать промокод; в сообщении доступно {$promo} , в письме посетителю — {$quiz_promo} .

Режим переключается в настройках формы одним селектом: «Стандартная форма» или «Квиз». Поля, статусы и уведомления при этом не теряются — можно вернуть обычный вид в любой момент.

Следующий шаг — следующий вопрос

Посетитель отвечает и идёт дальше; контакты спрашиваются в конце, когда человек уже вовлёкся. Квиз работает и на странице, и во всплывающем окне по кнопке.

Как включить квиз

Откройте настройки формы в приложении «Заявки» и перейдите на вкладку «Основные» .

В поле «Режим формы» выберите «Квиз (многошаговая форма)» и сохраните форму. Сразу после выбора появится вкладка «Квиз» с настройками ниже.

На вкладке «Поля» добавьте поля типа «Разделитель шага» — по ним форма разобьётся на шаги.

Вкладка «Квиз» видна только у формы в режиме квиза: у стандартной формы её нет. Если поля «Режим формы» на вкладке «Основные» нет совсем, проверьте, что плагин включён в разделе «Заявки → Плагины», и очистите кеш в «Настройки → Очистить кеш».

Настройки квиза

Прогресс — полоса заполнения и номер текущего шага вида «3 / 5», включаются по отдельности

Кнопка «Назад» — разрешить возвращаться к предыдущим ответам

Проверять поля на каждом шаге — не пускать дальше с пустыми обязательными полями

Анимация перехода — скольжение, затухание или без анимации

Тексты кнопок — «Далее», «Назад», «Отправить» под тон вашего сайта