Квиз, который считает цену и принимает оплату

Обычный квиз заканчивается обещанием: «Мы подберём вариант и скоро перезвоним». Квиз с расчётом полезнее. Он уже знает ответы человека, подставляет их в формулу и показывает цену, диапазон или размер предоплаты. Посетителю не приходится ждать звонка ради первого числа, а менеджер получает заявку с понятной комплектацией.

Ниже соберём такой сценарий по частям. Без магии и выдуманных процентов конверсии. Возьмём вымышленную услугу по организации детского праздника, посчитаем её стоимость, решим, когда просить контакт, и разберём оплату.

Чем такой квиз отличается от анкеты и калькулятора

Анкета собирает сведения. Калькулятор просит числа и возвращает сумму. Квиз помогает выбрать, поэтому вопросы в нём меняют следующий шаг и итоговое предложение. Когда эти механики соединяются, получается короткий продавец-консультант: уточняет задачу, убирает неподходящие варианты, считает выбранную комплектацию и предлагает действие.

Представьте сайт организатора праздников. Человек пока не знает названия пакета. Он знает возраст ребёнка, число гостей, место и желаемую программу. Квиз переводит эти ответы в понятный набор: базовый пакет, доплата за гостей, фотограф, выезд за город. После последнего вопроса появляется предварительная стоимость и кнопка бронирования.

Такой формат подходит, когда соблюдены три условия:

• Вариант можно подобрать по нескольким признакам. Например, программа зависит от возраста, формата площадки и числа гостей.
• Цена считается по известным правилам. У бизнеса есть ставки, коэффициенты, доплаты и минимальная сумма.
• После результата есть естественный следующий шаг. Забронировать дату, внести предоплату, вызвать замерщика или отправить расчёт менеджеру.

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

Начните с результата, а не с первого вопроса

Самая частая ошибка при сборке квиза выглядит невинно: открыть редактор и сразу сочинять вопросы. Через час в форме есть цветные карточки, имя и телефон, но никто не понимает, что считать и что показывать в конце.

Начните с одной фразы, которую человек должен увидеть на экране результата. Например: «Для шестнадцати детей подходит пакет “Расширенный”. Предварительная стоимость 47 650 рублей. После предоплаты 9 530 рублей будет создана заявка на бронирование; менеджер подтвердит дату после проверки доступности».

Теперь разберите эту фразу на данные. Возраст определяет программу. Число гостей влияет на доплату. Место добавляет стоимость выезда. Дополнительные услуги входят в сумму отдельными строками. Дата нужна, чтобы проверить доступность, а контакт понадобится для подтверждения брони.

Такой подход защищает от любопытства отдела продаж. Менеджеру всегда хочется заранее узнать бюджет, район, источник рекламы и удобное время звонка. Для первого расчёта эти поля часто лишние. Чем меньше человеку нужно вспоминать и печатать, тем проще дойти до результата.

Сценарий: от первого выбора до оплаты

Рабочая цепочка состоит из четырёх частей. У каждой своя задача.

1. Подбор. Два или три простых вопроса определяют подходящий вариант. Ответы лучше давать кнопками или карточками, чтобы первый шаг занимал несколько секунд.
2. Расчёт. Поля передают в формулу числа, стоимости и коэффициенты. Неподходящие вопросы скрываются через ветвление.
3. Результат. Человек видит рекомендацию, сумму и короткую расшифровку. Здесь же объясняется, предварительная это цена или окончательная.
4. Действие. Один следующий шаг: оплатить, внести предоплату, отправить заявку или получить подробный расчёт.

По умолчанию не ставьте телефон на первом экране: человек ещё не получил пользы и не знает, зачем делиться контактом. Сначала дайте сделать два лёгких выбора, покажите, что квиз движется к конкретному результату, затем просите данные там, где без них нельзя выполнить действие. Для высокоготовых заявок это правило стоит проверить тестом.

Для длинной формы показывайте прогресс. W3C советует делить большую форму на логические шаги и сообщать пользователю, сколько этапов осталось. В квизе это особенно полезно: неизвестная длина утомляет сильнее, чем честные «шаг 3 из 6». Подробнее принцип разобран в руководстве W3C по многошаговым формам.

Пример квиза для детского праздника

Сделаем шесть шагов. Цены ниже вымышлены и нужны только для объяснения механики.

Первый вопрос нужен для ветвления, но может не участвовать в арифметике. Для малыша не стоит показывать программу с заданиями для подростков. Третий ответ превращает пожелание по длительности в конкретный пакет и коэффициент. Четвёртый вопрос почти не меняет путь, зато добавляет выбранные услуги к сумме.

Поле даты лучше ставить ближе к финалу. Оно требует больше внимания, чем выбор картинки. Если конкретная дата ещё не нужна для расчёта, разрешите выбрать «пока не решил». Человек не должен выдумывать ответ только ради перехода на следующий экран.

Как превратить ответы в формулу

У нашего примера есть базовая цена 25 000 рублей. Пакет «Стандарт» оставляет её без изменений, «Расширенный» умножает на 1,25, «Максимальный» на 1,5. В базу входят десять детей, каждый следующий гость стоит 900 рублей. Фотограф добавляет 8 000 рублей, выезд за город ещё 3 000.

Формула выглядит так:

Итог = базовая цена × коэффициент пакета + доплата за гостей + дополнительные услуги + выезд.

Доплата за гостей = max(0, число детей − 10) × 900. Так при десяти или меньшем числе гостей доплата не станет отрицательной.

Для шестнадцати детей, расширенного пакета, фотографа и выезда получается:

25 000 × 1,25 + 6 × 900 + 8 000 + 3 000 = 47 650 рублей.

Если для бронирования достаточно 20%, отдельная формула считает предоплату:

47 650 × 0,2 = 9 530 рублей.

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

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

Точная цена, диапазон или предоплата

Способ показа результата зависит от того, насколько предложение стандартизировано.

Предоплата полезна между этими вариантами. Итог уже достаточно точен, чтобы забронировать время или начать подготовку, но полную сумму пока брать рано. Объясните, что именно фиксирует платёж: дату, выезд специалиста, место в группе или запуск заказа.

Не маскируйте неизвестность точным числом. Сумма 47 653 рубля выглядит рассчитанной до копейки, хотя подрядчик ещё не проверил площадку. Лучше округлить предварительный итог и рядом написать условия, при которых он изменится.

Что показать на экране результата

Результат должен отвечать на пять вопросов без звонка менеджеру:

• что именно подобрано;
• сколько это стоит и насколько цена точна;
• из каких крупных частей сложилась сумма;
• что входит и чего пока нет в расчёте;
• что произойдёт после нажатия кнопки.

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

На одном экране оставьте одно главное действие. Если рядом стоят «Оплатить», «Позвонить», «Написать в Telegram», «Скачать предложение» и «Начать заново», решение снова перекладывается на посетителя. Дополнительные способы связи можно сделать спокойными текстовыми ссылками.

Как подключить оплату и не потерять заказ

Онлайн-оплата появляется в самом конце, но проектировать её нужно вместе с формулой. Платёжная система должна получить правильную сумму и понятное назначение. Бизнесу нужна заявка, по которой можно восстановить выбранную комплектацию.

Не собирайте в полях квиза номер карты, срок действия и защитный код. Используйте защищённую страницу или компонент платёжного провайдера.

В stepFORM источник стоимости для корзины выбирается из формул. В корзину можно передать текущую конфигурацию, задать минимальную и максимальную сумму, изменить названия позиций и сохранить выбранные товары. Это описано в разделе базы знаний «Элементы и их настройки».

Для приёма денег сначала подключается аккаунт платёжного провайдера. На странице конструктора квизов перечислены ЮKassa, ЮMoney, Robokassa, Wallet One, Stripe и PayPal. Доступность зависит от тарифа, страны и условий самого провайдера, поэтому перед запуском проверьте актуальный список и договор. В инструкции по подключению ЮKassa отдельно настраиваются идентификатор магазина, секретный ключ, источник суммы и, при необходимости, выдача чека.

После тестового платежа проверьте четыре вещи: сумма совпала с результатом, в заявке сохранились ответы, менеджер получил уведомление, а клиент увидел понятное подтверждение. Затем повторите тест с неуспешной оплатой. Человек должен иметь возможность вернуться и попробовать снова, не заполняя весь квиз с нуля.

Возврат на сайт ещё не доказывает, что деньги получены. Ориентируйтесь на подтверждённый статус платежа у провайдера. Если заявку обновляет webhook, повторное уведомление не должно создавать второй заказ.

Семь ошибок в квизе с ценой

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

Контакт до первой пользы. Телефон на стартовом экране просит доверия раньше, чем квиз показал свою ценность.

Одинаковый путь для всех. Ветвление существует затем, чтобы владелец квартиры не отвечал на вопросы для офиса, а покупатель детского пакета не видел программу 16+.

Цена без расшифровки. Человек не понимает, почему пакет вырос с 25 до 47 тысяч, и считает итог случайным.

Скрытые условия. Минимальный заказ, выезд, комиссия или обязательная услуга появляются после оплаты. Такой сюрприз убивает доверие быстрее любой длинной формы.

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

Один тест на компьютере. Пройдите квиз большим пальцем на телефоне. Проверьте длинные варианты ответа, цифровую клавиатуру, возврат на шаг назад и экран после поворота устройства.

Какие события измерять

Просмотры страницы мало говорят о качестве сценария. Нужна короткая воронка событий:

• квиз открыт;
• сделан первый выбор;
• показан результат;
• нажата основная кнопка;
• начата оплата;
• оплата подтверждена либо создана заявка.

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

Не складывайте заявку и оплату в одну «конверсию». Для сложной услуги хорошим итогом будет разговор после расчёта. Для стандартного билета тот же разговор добавит лишнее препятствие. Цель определяется моделью продажи.

Как собрать этот сценарий в stepFORM

В конструкторе квизов stepFORM сценарий собирается из страниц, полей, логических переходов, формул и действий. Практический порядок такой:

1. Создайте страницы. По одной логической группе на экран: подбор, параметры, дополнения, контакт, результат.
2. Добавьте варианты и числа. Пользователь видит названия пакетов, формула получает их стоимость или коэффициент.
3. Настройте переходы. Скрывайте вопросы, которые не относятся к выбранной услуге.
4. Соберите итоговую формулу. Отдельно посчитайте полную сумму, скидку и предоплату, если они нужны.
5. Настройте результат. Покажите рекомендацию, расшифровку цены и одно действие.
6. Подключите корзину и оплату. Передайте в неё нужную формулу и проверьте успешный и неуспешный платёж.
7. Опубликуйте. Квиз можно встроить на сайт или открыть по прямой ссылке.

Формулы доступны в сервисе, а расширенная калькуляция, корзина и платёжные интеграции зависят от тарифа. Сверьте условия на странице тарифов перед запуском клиентского проекта.

Начните с одной услуги и шести шагов. Возьмите десять реальных заказов, прогоните их через формулу и сравните сумму с ручным расчётом менеджера. Если расхождения понятны, можно подключать оплату. Если нет, сначала чините правила цены. Красивый экран не исправит неверную математику.

Частые вопросы