Промпт для квиза на сайте: вопросы, ветвления и полезный результат
Чтобы создать квиз с ИИ, сначала опишите вопросы, варианты ответов, переходы и правила результата. Затем добавьте поведение кнопок «Назад» и «Начать заново», обработку пропущенного ответа и список проверочных маршрутов. Формулировки «сделай красивый квиз для заявок» недостаточно: она оставляет ИИ решать, что именно узнает посетитель после прохождения.
Ниже — учебный квиз для сайта веб-студии: «С чего начать первую версию сайта?». Он предлагает состав страницы по ответам клиента и показывает пояснение сразу, без обязательного телефона. Это вымышленный пример и заготовка для адаптации. Промпт не проверялся генерацией; логика описана явно, чтобы её можно было проверить в готовом результате.
1. Определите полезный итог до написания вопросов
Наш квиз должен помочь человеку сформулировать задачу студии. Он не рассчитывает цену, не выбирает технологию и не обещает количество заявок. Итог — предварительный вариант первой версии и список материалов для разговора.
Зададим три результата:
- R1 — страница услуги. Начните с предложения, состава работы, условий и контакта. Подготовьте описание основной задачи клиента и подтверждённые факты об услуге.
- R2 — страница с разбором работ. Выведите вперёд выбранные проекты: задача, ваша роль, решение и разрешённые изображения. Подготовьте материалы для нескольких содержательных карточек, а не просто папку красивых картинок.
- R3 — отдельные страницы направлений. Разделите услуги, если у них различаются условия и необходимые материалы. Подготовьте список направлений и описание каждого, затем согласуйте структуру с исполнителем.
Это условные редакционные правила учебного квиза. В реальном проекте страница услуги тоже может содержать работы, а портфолио — несколько услуг. Объясните посетителю, что рекомендация помогает начать обсуждение, а окончательный состав сайта зависит от брифа.
Если ваши результаты связаны с тарифами или стоимостью, нужны утверждённые правила расчёта. Не просите ИИ назначить цену на основании того, что посетитель выбрал «большой проект». Без исходных условий лучше выдать список вопросов для оценки.
2. Свяжите каждый вопрос с решением
Первый вопрос выбирает направление, второй уточняет его только там, где это нужно. В нашем примере человек отвечает на один или два вопроса — все три подряд показывать не требуется.
Q1. Что посетителю важнее всего сделать на вашем сайте?
- A: понять одну основную услугу;
- B: посмотреть, как вы решали задачи в своих работах;
- C: выбрать одно из нескольких направлений.
Q2. Для объяснения основной услуги нужен подробный разбор работ? Варианты: «Да» и «Нет». Этот вопрос показываем только после Q1=A.
Q3. У направлений различаются условия и материалы, которые нужно показать? Варианты: «Да» и «Нет». Этот вопрос показываем только после Q1=C.
Зафиксируем все переходы:
Q1=A → Q2
Q2=Нет → R1: страница услуги
Q2=Да → R2: страница с разбором работ
Q1=B → R2: страница с разбором работ
Q1=C → Q3
Q3=Нет → R1: страница услуги
Q3=Да → R3: отдельные страницы направлений
Вопрос о количестве сотрудников здесь ничего не меняет, поэтому мы его не добавляем. Проверяйте каждый новый вопрос так же: какой ответ изменит рекомендацию или поможет её объяснить? Если никакой, уберите вопрос из первой версии.
Для каждого результата покажите причину. Например, после A→Да: «Вы выбрали одну основную услугу и указали, что для её объяснения нужны разборы работ. Начните со страницы, где примеры показывают ваш подход». Для B пояснение другое: человек сразу выбрал просмотр работ. Одинаковый результат не означает одинаковое объяснение.
3. Опишите состояние квиза и поведение кнопок
Ветвление требует нескольких решений, которые легко пропустить в коротком промпте:
- «Далее» проверяет, выбран ли ответ. При пропуске появляется понятная подсказка рядом с вопросом.
- «Назад» возвращает к предыдущему показанному вопросу. Выбранный ответ можно изменить.
- При изменении Q1 ответы из прежней ветки сбрасываются. После A→Да переход к C не должен оставлять скрытое «Да» в расчёте результата.
- С экрана результата можно вернуться к последнему вопросу текущего маршрута.
- «Начать заново» очищает все ответы и возвращает к Q1.
- После обновления страницы в этой учебной версии начинается новый проход. Восстановление незавершённого квиза не входит в задачу.
Не показывайте «шаг 2 из 3», если часть людей завершит квиз раньше. Для этого примера достаточно заголовка «Вопрос 1» или «Вопрос 2». Если выберете другой индикатор, он должен соответствовать текущему маршруту.
Результат открываем сразу. Под ним можно поставить необязательную кнопку «Обсудить задачу» с проверенным контактом студии. Если позже понадобится передача ответов менеджеру, отдельно настройте и проверьте её. Нажатие на обычную ссылку не означает, что ответы сохранились в базе или ушли в CRM.
4. Передайте ИИ готовую схему
Вставьте в запрос описания Q1–Q3, R1–R3 и переходы из этой статьи. В рабочем проекте сначала замените учебные формулировки своими и согласуйте правила результата.
Создай на сайте учебный квиз «С чего начать первую версию сайта?».
Задача: предложить посетителю состав первой версии
и список материалов для обсуждения с веб-студией.
Вопросы с вариантами: [вставьте Q1–Q3].
Результаты с пояснениями и материалами: [вставьте R1–R3].
Схема переходов: [вставьте все пять маршрутов].
Следуй только этим правилам, не добавляй баллы и случайный выбор.
Покажи причину рекомендации с учётом фактических ответов.
Обозначь результат как предварительный вариант для обсуждения.
На экране один вопрос, варианты ответа и кнопка «Далее».
Без ответа не переходи дальше: покажи подсказку у вопроса.
Добавь «Назад», а на результате — возврат к последнему вопросу
и «Начать заново». При смене Q1 сбрасывай ответы старой ветки.
Полный перезапуск очищает всё. Обновление страницы начинает
новый проход; не сохраняй ответы между посещениями.
Показывай номер текущего вопроса без фиксированного общего числа.
Результат доступен без ввода контактов.
Необязательная кнопка «Обсудить задачу» ведёт на [рабочая ссылка].
Если ссылка не указана, запроси её; не делай пустую кнопку.
Не подключай отправку, CRM, оплату и сбор контактных данных.
Не имитируй успешную отправку или сохранение ответов.
Не придумывай цены, сроки, гарантии и статистику.
Сделай видимым выбранный ответ. Все варианты и кнопки должны
быть доступны с клавиатуры, с заметным состоянием фокуса.
На телефоне текст ответов должен читаться целиком.
После сборки перечисли реализованные переходы
и что нужно проверить вручную перед публикацией.
Общий сценарий описан в помощи «Как собрать лендинг или квиз для проверки идеи». Здесь мы сознательно ограничили задачу выбором результата на странице. Если нужен сбор заявок, добавляйте его отдельным этапом с реальным получением данных.
5. Проверьте все маршруты, а не один удачный проход
Для нашего примера достаточно пяти основных проходов. Начинайте каждый с пустого квиза и сравнивайте итог с ожидаемым:
1. A → Нет: R1, объяснение про одну услугу без подробных разборов.
2. A → Да: R2, объяснение про услугу, которую нужно показать на работах.
3. B: R2, объяснение про выбор по примерам работ; Q2 и Q3 нет.
4. C → Нет: R1, объяснение про направления с общими условиями.
5. C → Да: R3, объяснение про различия направлений.
Затем выполните проверки изменения ответа. Пройдите A→Да, вернитесь до Q1, выберите C→Нет: должен появиться R1 без упоминания старого ответа. Из результата вернитесь к Q3, поменяйте «Нет» на «Да»: ожидается R3. Нажмите «Начать заново» и убедитесь, что ни один вариант не выбран.
Отдельно нажмите «Далее» без ответа, пройдите квиз с клавиатуры и откройте его на телефоне. Проверьте, что подсказка видна, фокус различим, варианты не обрезаны, а кнопка контакта ведёт по нужному адресу. Сверяйте опубликованную страницу, а не только предпросмотр.
Если решите добавить форму, используйте проверку полного пути заявки: получение обращения и ответов квиза нужно подтвердить отдельно. Для общей приёмки страницы есть чек-лист перед публикацией.
Начните в Lovarus с согласованной схемы переходов и одного понятного результата для каждого маршрута. Когда первая версия работает по правилам, меняйте формулировки или добавляйте вопросы по конкретной задаче. После изменения логики обновляйте список проверочных проходов вместе с промптом.