Конструктор квизов для Webasyst

Как создать и разместить первый квиз

В этой инструкции разберём пример квиза для получения заявки: выберем шаблон, изменим вопросы, добавим контакты, проверим работу и разместим квиз на сайте. Для работы нужен доступ в административную часть Webasyst и установленное приложение «Конструктор квизов».

1. Установите и откройте приложение

1. Войдите в административную часть Webasyst под пользователем, у которого есть доступ к «Инсталлеру».
2. Откройте «Инсталлер», найдите «Конструктор квизов» и установите приложение. Дождитесь завершения установки.
3. В верхнем меню Webasyst откройте приложение «Квизы». Если значок не виден, найдите его в списке приложений.
4. На странице «Квизы» нажмите «Создать квиз».

2. Выберите шаблон

1. Просмотрите каталог шаблонов и выберите сценарий, близкий к вашей задаче: например, подбор товара или заявка на консультацию.
2. Откройте выбранный шаблон и создайте на его основе свой квиз. Если хотите построить всё самостоятельно, выберите «Пустой квиз».
3. Укажите понятное название и подходящую витрину. Для примера можно назвать квиз «Подбор шкафа».
4. После создания откройте квиз в редакторе. Сначала он находится в черновиках: посетители не увидят его до публикации.

3. Настройте первый экран

1. В редакторе слева, в блоке «Структура квиза», выберите «Стартовая страница».
2. В поле «Название квиза» проверьте название, а в поле «Сайт / витрина» выберите, где квиз будет использоваться.
3. Если перед вопросами нужна обложка, включите «Включить стартовую страницу». Заполните заголовок, описание и текст кнопки: например, «Подберём шкаф за 2 минуты» и «Начать подбор».
4. При необходимости загрузите фон. Посмотрите справа в предпросмотре, хорошо ли читается текст. Если обложка не нужна, отключите стартовую страницу.
5. Нажмите «Сохранить» вверху редактора.

4. Добавьте вопросы и варианты ответов

1. В структуре слева выберите существующий вопрос, чтобы исправить его, либо нажмите «+ Добавить вопрос».
2. Выберите тип вопроса. Для простого выбора подойдут «Варианты ответа», для выбора по фотографиям — «Варианты с картинками», для свободного ответа — «Поле».
3. Введите сам вопрос. Например: «Где будет стоять шкаф?» Затем добавьте варианты: «В спальне», «В прихожей», «В другой комнате».
4. Если выбран вопрос с картинками, загрузите изображения к вариантам через выбор файла. Проверьте, что подпись и изображение каждого варианта совпадают.
5. Добавьте остальные вопросы таким же способом. В настройках отметьте обязательные вопросы, на которые посетитель должен ответить перед переходом дальше.
6. Используйте кнопки редактора, чтобы изменить порядок, дублировать или удалить лишние вопросы. После изменений нажмите «Сохранить».

5. Настройте результат

1. Откройте в структуре раздел «Результаты» и нажмите «+ Добавить результат» или откройте существующий.
2. Выберите подходящий вид результата: текст, переход на страницу или товары Shop-Script. Для первого квиза достаточно результата с текстом.
3. Напишите, что увидит посетитель после ответа: например, «Спасибо! Подберём варианты и свяжемся с вами».
4. Назначьте один результат по умолчанию, чтобы посетитель получил итог, даже если отдельные условия для ответа не совпали.
5. Если разные ответы должны приводить к разным результатам, сначала создайте нужные результаты, затем у вариантов ответов настройте переход к соответствующему результату. Для зависимости от нескольких ответов в профессиональном режиме можно использовать баллы.
6. Сохраните квиз и проверьте в предпросмотре каждый путь: выберите разные ответы и убедитесь, что появляется нужный результат.

6. Добавьте форму контактов и уведомления

1. Откройте раздел «Контакты и заявки». Если в шаблоне нет формы, нажмите «Добавить форму контактов».
2. Выберите поля, которые понадобятся менеджеру, например имя и телефон. Проверьте, какие поля обязательны для отправки.
3. Укажите адрес для уведомлений в настройках квиза. Если поле пустое, приложение использует адрес из общих настроек приложения или почту Webasyst.
4. Откройте общие «Настройки» приложения, найдите «Согласие и политика» и заполните текст согласия и ссылку на политику. Посетитель должен отметить согласие самостоятельно.
5. При необходимости настройте доступные уведомления, в том числе Telegram. Не размещайте токены и другие секреты в открытых полях сайта.
6. Сохраните настройки. Квиз без контактной формы может показать результат или выполнить переход, но контактную заявку он не создаст.

7. Проверьте квиз до публикации

1. В редакторе переключите предпросмотр на «Пройти квиз» и последовательно ответьте на вопросы.
2. Проверьте обязательные поля: попробуйте оставить их пустыми, затем заполните и продолжите.
3. Пройдите несколько разных сценариев и проверьте результаты. Переключите предпросмотр между режимами «Компьютер» и «Телефон».
4. Откройте раздел «Публикация» и нажмите «Сохранить и проверить». Исправьте критичные замечания проверки и при необходимости повторите её.

8. Опубликуйте и разместите на сайте

1. В разделе «Публикация» выберите нужный способ: отдельная страница, модальное окно, встроенный блок или плавающая кнопка.
2. Нажмите «Опубликовать». Для отдельной страницы скопируйте готовую ссылку и добавьте её, например, в меню или на кнопку сайта.
3. Для встроенного блока или кнопки скопируйте предлагаемый хелпер Webasyst и разместите его в шаблоне или другом месте, где обрабатывается Smarty. В обычном текстовом поле без обработки Smarty код будет виден посетителю как текст.
4. Откройте опубликованную страницу как посетитель, проверьте её на компьютере и телефоне и отправьте собственную тестовую заявку с пометкой «Тест».
5. Убедитесь, что заявка появилась в приложении и уведомление пришло на нужный адрес. Если меняли опубликованный квиз, сохраните изменения и повторно проверьте страницу.

9. Где смотреть заявки и статистику

1. Откройте приложение «Квизы» и найдите нужный квиз в общем списке. Рядом с ним отображается количество заявок.
2. Откройте «Заявки», чтобы посмотреть контакты, ответы и результат прохождения. При проверке найдите заявку с пометкой «Тест».
3. Откройте «Аналитику» и выберите период. Посмотрите общие показатели и воронку по вопросам: она помогает заметить шаг, на котором посетители чаще прекращают прохождение.
4. Подтверждения согласия доступны в журнале общих настроек приложения.

Если что-то не получилось

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

Не приходит заявка. Убедитесь, что в квиз добавлена форма контактов и заполнен адрес уведомлений. Проверьте раздел «Заявки» и настройки отправки почты Webasyst; предпросмотр заявки не отправляет.

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