Quiz или как не потерять клиента.

Что такое Quiz?

Quiz – в переводе с английского — это викторина, опрос

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

Демо:

• quiz.boshnik.ru/
• quiz.boshnik.ru/demo-2.html
• quiz.boshnik.ru/demo-3.html

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

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

.

Рассмотрим один пример, как вы теряете своих клиентов.

Посетитель заходит на сайт, выбирает нужные фильтры и просматривает товары(услуги). Что-то ему не понравилось или не подошло, и он уходит с сайта. Все, вы потеряли клиента и ничего о нем не знаете.

Как это исправить?

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

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

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

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

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

Заполняем поля:
— Название (обязательное поле, на фронте не отображается) с версии 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 — идентификатор квиза.

Ссылка на компонент.

window.addEventListener('load'