Введение

Термины

Вопросы в квизах бывают двух видов: 

  • Одновариантные — те, на которые можно дать только один вариант ответа: Имя, Email, Телефон, Текст, Файл. 
  • Многовариантные — те, на которые есть несколько вариантов ответа: Список, Галочка, Выбор, Картинка.

Корневые вопросы — первые вопросы, располагающиеся вдоль вертикальной линии. Корневые вопросы обязательны к просмотру, то есть все посетители, проходящие квиз, увидят все корневые вопросы.

Ветка — последовательность вопросов, которая будет показана, только если посетитель выберет определенный ответ на многовариантный корневой вопрос. Ветка располагается горизонтально, справа от своего корневого вопроса.

Связь — соединительная линия между:

  • вопросом и вопросом
  • ответом и вопросом
  • вопросом/ответом и завершающим действием

Многовариантные вопросы Галочка и Картинка подразумевают один или несколько ответов на вопрос. Если посетитель выбирает несколько ответов, то сценарий квиза пойдет по первому по порядку ответу.

Открепленный вопрос — вопрос, который доступен для редактирования, но не показанный посетителю.

Если ваш клиент не выберет ответ в вопросах с типом Галочка или Картинка (при отключенной опции «Обязательный ответ»), то в заявке отобразится Без ответа для данных вопросов. Из варианта Без ответа можно создать ветку. 


Примеры некорректного и корректного квиза

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

  • укажет цель посещения фитнес-клуба
  • сообщит о состояние здоровья
  • укажет параметры тела
  • выберет удобное расположение зала в своем городе
  • оставит контактные данные

Некорректный квиз

Обратите внимание на третий вопрос «Выберите город», он имеет три варианта ответа: Москва, Санкт-Петербург и Калининград. Для каждого из городов есть несколько адресов фитнес-залов. На скриншоте справа видно, что ответ «Москва» соединен с первым вопросом «Выберите зал», ответ «Санкт-Петербург» соединен со вторым вопросом «Выберите зал», ответ «Калининград» с третьим.


Если клиент выберет ответ «Москва», он трижды увидит вопрос «Выберите зал», так как ответы на вопрос «Выберите зал» для Москвы имеют связь со следующим корневым вопросом «Выберите зал». Аналогично, если посетитель выберет ответ «Санкт-Петербург», то он дважды увидит вопрос «Выберите зал».

Как правильно

Предыдущий некорректный квиз легко поправить. Для этого нужно создать отдельную ветку для каждого из ответов «Москва», «Санкт-Петербург» и «Калининград». Чтобы создать ветку, нужно переместить вопрос вправо.

Теперь все варианты ответа на вопросы «Выберите зал» имеют связь со следующим корневым «Контакты». Если клиент выберет ответ «Москва», ему будет показан вопрос «Выберите зал» только для своего города. После выбора зала клиент увидит вопрос «Контакты».


Добавление вопроса

Добавить корневой вопрос

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

Готово, вопрос добавлен.

Создать ветвление

  1. В многовариантном вопросе справа от варианта ответа, для которого хотите создать ветвление, нажмите на кнопку ➕
  2. В открывшемся списке нажмите на  Создать вопрос — появится окно выбора типа вопроса.
  3. Выберите тип вопроса.

    Готово, вопрос добавлен.

Добавить вопрос в ветку после вопроса

  1. Справа от вопроса нажмите на кнопку ➕
  2. В открывшемся списке нажмите на Создать вопрос —появится окно выбора типа вопроса.
  3. Выберите тип вопроса.

    Готово, вопрос добавлен.

Внутри ветки можно создавать связи между любыми типами вопросов


Удаление вопроса

  1. Нажмите на ●●● в вопросе.
  2. В появившемся списке выберите Удалить вопрос.

    Вопрос корректно удален.

Нюансы удаления вопросов 

При удалении вопроса с ветвлением вопросы внутри ветки не удаляются, а становятся открепленными. Вложенные ветки сохраняют связи.

Если удалить вопрос, который находится между вопросами или между ответом и вопросом, то связь сохранится.

Если удалить многовариантный вопрос, то связь, ведущая к этому вопросу, перейдет на следующий корневой вопрос.


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

Открепление корневого вопроса

    1. Нажмите на ●●● в вопросе.
    2. Выберите Открепить вопрос — слева от открепленного вопроса отобразится красная иконка.

Открепленный вопрос не будет показан посетителям. Если у открепленного вопроса есть ветки, они тоже не будут показаны. Связи в открепленных ветках отображаются пунктирной линией.

Прикрепление корневого вопроса

    1. Нажмите на ●●● в вопросе.
    2. Выберите Прикрепить вопрос — вопрос прикрепится на то место, где был ранее откреплен.

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

  1. Нажмите на ●●● в вопросе.
  2. Выберите Открепить вопрос — слева от открепленного вопроса отобразится красная иконка.

Если открепленный вопрос имел связи, он прикрепляется вместе со своими связями. Крайние ответы/вопросы в этой ветке создадут связь со следующим корневым вопросом.

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

  1. Нажмите на ●●● в вопросе.
  2. Выберите Прикрепить обратно — вопрос прикрепится на то место, где был ранее откреплен.

По факту Прикрепить обратно — это отмена ранее выполненного открепления. Если изменить какие-либо связи или закрыть и снова открыть редактор, опция Прикрепить обратно будет недоступна.

Создать связь с открепленным вопросом

  1. Откройте выпадающий список создания или изменения связи.
  2. Переместите курсор на пункт Открепленные вопросы.
  3. В открывшемся списке выберите нужный вопрос.

При создании связи с открепленным вопросом вопрос будет перемещен в ветку вопроса, от которого исходит связь.

Выпадающий список создания или изменения связи открывается при нажатии на кнопку справа от ответа или вопроса. Если связь ведет на корневой вопрос, то отображается кнопка ➕ , если связь ведет на вопрос в ветке, то кнопка с иконкой цепи.

Если прикрепить вопрос в уже созданную связь:

  • одновариантный вопрос будет вставлен в текущую связь
  • многовариантный вопрос разорвет текущую связь, вопросы этой связи будут откреплены

Редактирование вопросов

Чтобы перейти к редактированию вопроса — нажмите на вопрос, либо нажмите на ●●● в вопросе и выберите Редактировать вопрос


В поле Вопрос укажите текст, который увидят ваши клиенты при прохождении текущего вопроса.


В поле Название поля укажите заголовок, который будет указан в приходящих заявках для текущего вопроса.


Включите опцию Обязательный ответ, чтобы вопрос не мог быть оставлен без ответа. У вопросов типа Выбор и Список нет этой опции, потому что эти вопросы нельзя оставить без ответа.


Для типа вопроса Телефон можно активировать опцию Использовать маску, вы можете использовать маску по умолчанию, либо задать свою.


В многовариантных типах вопроса Список, Галочка, Выбор и Картинка можно добавлять, перемещать или удалять варианты ответа. 


В вопросах типа Галочка, Выбор и Картинка можно указать ответ, который будет выбран по умолчанию, для этого нажмите на ✔ справа от ответа. В вопросе типа Выбор может быть указан только один вариант ответа по умолчанию. 


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

Изменить тип вопроса

1. Перейдите к редактированию вопроса и кликните на опцию Изменить тип вопроса.
2. В открывшем окне выберите новый тип вопроса.

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

Несколько полей в одном вопросе 

Вопрос Контакты по умолчанию содержит несколько полей: Имя, Телефон и Email. 

Для создания вопроса с несколькими полями:
1. Перейдите к редактированию вопроса и включите опцию Несколько полей в одном вопросе — появляется кнопка ➕ Добавить поле.
2. Нажмите на кнопку ➕ Добавить поле — всплывает окно Выберите тип поля.
3. В открывшемся окне выберите поле с нужным типом —поле корректно добавлено в вопрос. Вы можете добавить столько полей, сколько вам необходимо.

Чтобы отредактировать поле, нажмите Настроить справа от названия поля.
В вопросе с несколькими полями может быть только одно многовариантное поле. 



Другие действия

Завершение ветвления

  1. Откройте выпадающий список создания или изменения связи.
  2. В открывшемся списке выберите Завершить ветвление — вопрос, который имел связь с текущим ответом/вопросом, открепится вместе со всеми своими связями (если они есть). Создастся новая связь между текущим ответом/вопросом и следующим корневым вопросом.

Дублировать вопрос

  1. Нажмите на ●●● в вопросе.
  2. В появившемся списке выберите Дублировать вопрос.

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

Переход на другой вопрос

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

Нюансы перехода на другой вопрос 

  • Доступные для перехода вопросы помечены иконкой цепи. 
  • Следующий вопрос, с которым в данный момент есть связь у текущего ответа/вопроса, помечен иконкой цепи с замком (недоступен для выбора, так как уже выбран). 
  • Вопрос, из которого создается связь, помечен иконкой стрелочки.

Все вопросы, располагающиеся левее и выше текущего вопроса, недоступны для выбора и выделены серым цветом.

  • Открепленные вопросы доступны для выбора всегда.
  • Открепленный вопрос прикрепляется вместе со своими связями.
  • Открепленный вопрос будет перемещен в текущую ветку.

Предпросмотр

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

При прохождении квиза в предпросмотре заявка не создается и завершающее действие не показывается. Для проверки создания заявки и перехода к завершающему действию используйте режим предпросмотра страницы (сохраните страницу и нажмите на иконку 👁).

Предпросмотр вопроса

  1. Нажмите на ●●● в вопросе.
  2. В появившемся списке выберите  Предпросмотр вопроса  во вкладке Предпросмотр отобразится выбранный вопрос.

Стили

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

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

Автоматический переход на следующий вопрос

1. Перейдите во вкладку Стиль

2. Включите опцию Автоматический переход на следующий вопрос.

Посетитель перейдет на следующий вопрос автоматически после выбора варианта. Применяется для вопросов с типами «Выбор» и «Картинка (один вариант ответа)».

Завершающее действие

1. В конце квиза кликните на Завершающее действие —откроется окно настройки завершающего действия

2. Во вкладке Действие выберите завершающее действие: показать всплывающее окно, перейти на другую страницу или перейти к оплате.

Для настройки целей перейдите во вкладку «Цели». Цель отобразится в сервисе аналитики, после прохождения квиза клиентом.