Квиз вместо длинной формы: по одному вопросу за шаг
Длинная форма отпугивает: посетитель видит десять полей сразу и закрывает страницу. Квиз разбивает те же поля на шаги — с прогрессом и понятным финалом. Заявка приходит та же, но доходит до конца заметно больше людей.
Шаги в обычном конструкторе
Отдельного редактора не нужно: в форму добавляется поле «Разделитель шага», и всё, что идёт после него, попадает на следующий шаг.
Прогресс и навигация
Полоса прогресса, номер шага, кнопки «Далее» и «Назад». Обязательные поля проверяются на своём шаге, а не в самом конце.
Заголовок и иконка у шага
У каждого шага свои название, пояснение и иконка — посетитель понимает, о чём его спрашивают и сколько осталось.
Работает со всем приложением
Заявка из квиза — обычная заявка: те же статусы, уведомления, экспорт, контакт клиента и другие плагины.
Режим переключается в настройках формы одним селектом: «Стандартная форма» или «Квиз». Поля, статусы и уведомления при этом не теряются — можно вернуть обычный вид в любой момент.
Следующий шаг — следующий вопрос
Посетитель отвечает и идёт дальше; контакты спрашиваются в конце, когда человек уже вовлёкся. Квиз работает и на странице, и во всплывающем окне по кнопке.
Настройки квиза
- Прогресс — полоса заполнения и номер текущего шага вида «3 / 5», включаются по отдельности
- Кнопка «Назад» — разрешить возвращаться к предыдущим ответам
- Проверять поля на каждом шаге — не пускать дальше с пустыми обязательными полями
- Анимация перехода — скольжение, затухание или без анимации
- Тексты кнопок — «Далее», «Назад», «Отправить» под тон вашего сайта
Вывод на сайте с помощью хелпера
В шаблоне темы квиз выводится хелпером плагина. Обёртка с version() обязательна: если плагин выключат или удалят, блок просто пропадёт, а страница продолжит работать. Число в скобках — номер формы.
{if !empty($wa->requests->quizformsPlugin->version())}
{* квиз прямо на странице *}
{$wa->requests->quizformsPlugin->render(3)}
{* или всплывающим окном по кнопке *}
{$wa->requests->quizformsPlugin->modal(3, ['button_text' => 'Подобрать за минуту'])}
{* окно без своей кнопки — открывается по клику на элементы темы *}
{$wa->requests->quizformsPlugin->modal(3, ['show_button' => false, 'trigger' => '.js-quiz-open'])}
{/if}
Хелпер работает в любой теме — витрины магазина, сайта или блога, включая Seller 2: стили и скрипты подключаются один раз, даже если форм на странице несколько. Ширину окна можно задать прямо в вызове: 'width' => 'wide' или 'width' => '720px'. Номер формы не в режиме квиза ничего не выведет — проверить заранее можно вызовом isQuiz(3).
Прежние вызовы {$wa->requests->renderForm(3)} и renderModal() продолжают работать.
Вывод можно переписать под свою тему
Стандартный шаблон лежит в плагине, но тема важнее: положите в её корень файл quizforms_plugin.quiz.html — и квиз на странице будет рисовать он, а quizforms_plugin.modal.html — то же для всплывающего окна. Убрали файл из темы — вернулся стандартный вид. Внутри обычный Smarty и подготовленные переменные, список которых есть в шапке исходного шаблона.
Мы в социальных сетях
Узнавайте первыми о наших новых решениях и акциях.
- Вконтакте — https://vk.com/easyweb_su
- Телеграм — https://t.me/easyweb_su
