Quiz

Конструктор квизов.
Документация Демо
Документация Демо
quiz онлайн-опрос form
Boshnik
Автор дополнения
Boshnik
Пакетов
11
Закачек
6 495
Обычно отвечает в течение недели
Автор дополнения
Boshnik Boshnik
Пакетов
11
Закачек
6 495
Обычно отвечает в течение недели

msOrderFields

Дополнительные поля в заказе. Изменения стоимости доставки.

Boilerplate

Базовая настройка сайта.

ExtraFields

Дополнительные поля в ресурсе и профиле пользователя.
Версия 2.2.3-pl
Дата выпуска 04.01.2023
Загрузки 502
Просмотры 11 840
Внимание, этот компонент требует версию PHP 7.0 или выше! Если ваш сайт использует PHP ниже требуемого, установка этого дополнения может его сломать.
Внимание, этот компонент требует версию MODX не ниже 2.5 !
Внимание!Версия 2.x.x не совместима с версией 1.x.x

Зависимости от компонентов: pdoTools, FormIt, AjaxForm (будут автоматически установлены)
Зависимости от библиотек: jQuery


Что такое Quiz?


Quiz – в переводе с английского — это викторина, опрос
.
Quiz — самая удобная форма для восприятия потенциального клиента, которая позволяет вам продать какой-либо товар(услугу) или получить необходимые данные от клиента.


Как работает квиз?


  1. Предлагаете посетителю пройти тест.
    2. Предлагаете бонус, скидку или подарок, чтобы еще больше заинтересовать посетителя.
  2. Посетитель отвечает на вопросы теста и оставляет свои контактные данные.
    3. Все данные теста отправляются Вам на почту и сохраняются в админке.
  3. Связываетесь с клиентом и завершаете продажу.
    4. Вам уже известны его предпочтения, поэтому предлагаете только нужные товары или услуги.
.

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

Шаг первый. Переходим на страницу компонента и нажимаем кнопку 'Создать квиз'.

Заполняем обязательные поля:
— Название квиза (на фронте нигде не выводится)
— Кнопка далее (текст кнопки, при клике будет показываться следующий раздел(вопрос)). По умолчанию — Далее
— Кнопка отправить (текст кнопки, при клике будет отправляться форма). По умолчанию — Отправить
Сохраняем квиз.

Шаг второй. Создаем разделы(вопросы). Переходим на вкладку 'Разделы' и нажимаем на кнопку 'Создать раздел'.

Заполняем поля:
— Название (обязательное поле, на фронте не отображается) с версии 1.1.3 поле удалено
— GET параметр (смотреть Переадресация)

Шаг третий. Создаем поля(ответы). Заходим в нужный нам раздел и нажимаем на кнопку 'Создать поле'.

Заполняем поля:
— Выбираем тип поля.
— Название поля (используется для параметра fieldNames(FormIt) при сохранении формы, поле обязательное)
— Name поля (заполняется атрибут name)
— Значения* (заполняется атрибут value.)
— Если тип поля: чекбокс или радио, то значение еще используется как label
— Если тип поля: селект, то значение используется как текст для тега option
*если указано значение в формате Text==value, то Text будет использоваться как label/text, а value для заполнения атрибута value.
Для полей с типом: чекбокс, радио или селект, можно использовать несколько значений, разделенные ||, например Кошка||Собака или Белый==#ffffff||Черный==#000000.
В этом случаи будет создана группа чекбоксов или радиобоксов, а для селекта соответствующее кол-во тегов option.

Все, простой quiz готов!

Дополнительно:

Результаты.
После завершении теста можно показать необходимый контент или сделать переадрессацию.


Для каждого результата есть свои условия:


Переадресация. Для переадресации на нужный url после прохождения теста, нужно заполнить поле 'Переадресация'. Можно указать id ресурса или любой url.
К url можно добавить get параметры. Для этого должно быть заполнено поле 'GET параметр' в нужном нам разделе. Значения параметра будет браться с заполненного поля у которого name = 'GET параметр'.


Сообщения. В окне раздела есть вкладка «Сообщения», в котором можно указать правильный ответ на вопрос и разный текст в зависимости правильно ответили или нет.


Обложка или стартовая страница квиза.


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


Настройка письма.


Как вывести квиз

{'!Quiz' | snippet: [
    'id' => 1,
]}
Где id — идентификатор квиза.

Блок поделиться в соц. сети

Необходимо добавить чанк openGraph в head

2.2.3-pl (04.01.2023)

  • Исправлено:
    • ошибка значений для полей с типами radio и checkbox

2.2.2-pl (25.10.2021)

  • Исправлено:
    • ошибка с баллами
    • отправка незаполненного квиза

2.2.1-pl (28.05.2021)

  • Добавлено:
    • поддержка CKEditor

2.2.0-pl (05.04.2021)

  • Исправлено:
    • работа с TinyMCE Rich Text Editor v2.0.0
    • удаление лишних логов
    • кнопка назад

2.1.13-beta (15.12.2020)

  • Исправлена валидация
  • Исправлено получение полей в письме
  • Исправлена ошибка в чекбоксах
  • Исправлено ветвление

2.1.12-beta (08.10.2020)

  • Исправление ветвления
  • Добавлены дополнительные настройки

2.1.11-beta (05.10.2020)

  • Исправление ошибок
  • Изменено редактирование формы

2.1.10-pl (10.09.2020)

  • Отключение сортировки для разделов

2.1.9-pl (30.07.2020)

  • Исправлена сортировка

2.1.8-pl (08.05.2020)

  • Обновлен сниппет QuizResult
  • исправлены условия результатов
  • другие мелкие исправления

2.1.7-pl (08.05.2020)

  • Добавлен en лексикон
  • Добавлен сниппет QuizResult
  • Исправлены хуки в сниппете Quiz
  • Изменен чанк tpl.Quiz.stepNav

2.1.6-pl (30.04.2020)

  • Исправлена валидация раздела

2.1.5-beta (27.04.2020)

  • Улучшена инициализация
  • Исправление ошибок в js
  • Изменены чанк tpl.Quiz.step, tpl.Quiz.stepNav
  • Добавлены события Quiz.checkStep.before, Quiz.checkStep.after
  • Добавление всех полей результата в request
  • Изменена таблица для результатов
  • Удален хук fieldsRusName
  • Улучшены сниппеты: Quiz, QuizSave
  • Поправлен лексикон

2.1.4-beta (21.04.2020)

  • Исправлен сниппет QuizSave

2.1.3-beta (07.04.2020)

  • Исправлен чанк tpl.Quiz.email
  • Исправлена кнопка Submit

2.1.2-beta (31.03.2020)

  • Исправлены чанки: tpl.Quiz.cover,tpl.Quiz.stepNav
  • Мелкие фиксы

2.1.1-beta (12.03.2020)

  • Исправлена ошибка при установке

2.1.0-beta (03.03.2020)

  • Переписан Js
  • Переписаны чанки
  • Поправлена валидация в сниппете Quiz

2.0.6-beta (30.12.2019)

  • Добавлена возможность перезаписать кол-во набранных баллов.
  • Добавлены события: Quiz.valid.before, Quiz.valid.after
  • Исправлен сниппет Quiz(разкомментирован параметр hidden)
  • Убран класс для полей по умолчанию
  • Обновлен чанк Quiz.fieldWrapper

2.0.5 (24.12.2019)

  • Множественные условия/ответы
  • Исправление ошибок
  • Добавлено событие: Quiz.enter.before

2.0.4 (19.12.2019)

  • Исправлена дата во вкладке "Результаты"
  • Исправлены условия для результатов
  • Изменен тип для поля label
  • Исправлен хук emailUser
  • Добавлено событие Quiz.result.request
  • Обновлены чанки
  • Индивидуальная настройка для каждого квиза
  • Добавлена переменная quiz(массив всех полей)

2.0.3 (25.10.2019)

  • Добавлена возможность дублирование квиза
  • Исправлена ошибка вывода данных в письме
  • Исправлено удаление квиза
  • Добавлены события: Quiz.init.before, Quiz.init.after, Quiz.change.before, Quiz.change.after, Quiz.result.before, Quiz.result.after
  • Добавлен статус результата

2.0.2 (23.10.2019)

  • Исправлена ошибка при создании результата

2.0.1 (21.10.2019)

  • Исправлена ошибка с редактором

2.0.0-pl (18.10.2019)

  • Ветвление вопросов
  • JS События
  • Сохранение результатов
  • Поддержка стандартного синтаксиса modx
  • Чанки для каждого поля
  • Исправлена сортировка вкладок
  • Добавлено поле "Предварительные хуки"
  • Добавлено поле для скрытой копии письма
  • Добавлен сниппет QuizSteps (выводит все вопросы)
  • Добавлен сниппет QuizData (выводи заполненные данные)
  • Баллы для каждого поля
  • Классы для каждого поля
  • Улучшен UI
  • Поправлен лексикон
  • Исправлена ошибка при сохранении квиза

1.1.9-pl (03.05.2019)

  • Добавлен лоадер для кнопки сабмит
  • Исправлены ошибки в сниппете Quiz

1.1.8-pl (02.05.2019)

  • Добавлен вывод картинки в обложке
  • Улучшен сниппет Quiz

1.1.7-pl (25.04.2019)

  • Добавлена возможность указывать диапазон чисел в условиях результата

1.1.6-pl (24.04.2019)

  • Добавлены параметры: customFields, ajaxform_frontend_css, ajaxform_frontend_js

1.1.5-pl (22.04.2019)

  • Исправлена ошибка с выводом заполненных данных

1.1.4-pl (08.04.2019)

  • Добавлен сниппет seoImg (генерация seo картинки для соц. сети)
  • Добавлена возможность поделиться результатом в соц. сети
  • Добавлен чанк openGraph
  • Исправлена ошибка с кол-во правильных ответов
  • Исправлена инициализация квиза
  • Исправлена ошибка с кавычками
  • Изменено поле 'Кол-во правильных ответов'
  • Обновлен чанк tpl.Quiz.form
  • Обновлен чанк tpl.Quiz.result

1.1.3-pl (02.04.2019)

  • Добавлен вариант ответа: Любой ответ
  • Добавлено описание значения поля
  • Исправлен баг с обложкой
  • Поправлен чанк tpl.Quiz.form
  • Добавлен вывод заполненных данных
  • Удалено поле "name" у раздела

1.1.2-pl (29.03.2019)

  • Добавлена возможность блокировать поля раздела

1.1.1-pl (28.03.2019)

  • Исправлен баг сброса счетчика
  • Исправлен баг в сафари
  • При обновлении перезаписываются чанки

1.1.0-pl (26.03.2019)

  • Добавлены результаты с условиями
  • Добавлены сообщения при ответах
  • Добавлен прогресс-бар
  • Добавлен хук fieldsRusName
  • Добавлен чанк tpl.Quiz.result для оформление результата
  • Переписаны скрипты и стили
  • Добавлены минифицированные версии скриптов и стилей

1.0.0-pl (15.02.2019)

  • Первый релиз

Последние обсуждения в сообществе MODX.pro