27 сентября 2024
QZ101 «Квиз-форма» — новый блок для создания пошаговых форм
Создавайте эффектные маркетинговые квизы с новым блоком QZ101 из категории Формы. Блок позволяет гибко менять внешний вид пошаговой формы, добавлять приветственное сообщение и комментарии от «консультанта», а также настраивать, какой результат увидит пользователь в конце квиза в зависимости от его ответов.
В библиотеке можно выбрать одну из семи вариаций блока (QZ101A—QZ101F), чтобы настраивать квиз было быстрее и удобнее.
Посмотрите короткий видеообзор возможностей блока
Зачем использовать квизы на сайте
- Получить контакты и повысить конверсию в заявку. Интерактивный формат повышает вовлеченность посетителя. Когда человек уже прошёл опрос, он с большей вероятностью оставит свой контакт.
- Быстро узнать предпочтения пользователя. Квизы позволяют собирать ценную информацию о предпочтениях, интересах и потребностях потенциальных клиентов. Эти данные можно использовать, чтобы до связи с клиентом подготовить для него специальное предложение.
- Предложить товар или услугу под потребности человека. Исходя из ответов пользователя, в конце можно дать ссылку на товар, который может его заинтересовать. Персонализированное предложение может повысить вероятность покупки.
Адаптируйте внешний вид квиз-формы под дизайн вашего сайта
1
Настройте стили
В Настройках блока QZ101 вы можете выбрать, как отображать вопросы и варианты ответов: в две колонки или в одну. А также настраивать стиль квиз-формы: обводку, скругление, тень, наличие отступов для шага, наличие индикатора прогресса и его цвет и многое другое.
В Настройках блока QZ101 вы можете выбрать, как отображать вопросы и варианты ответов: в две колонки или в одну. А также настраивать стиль квиз-формы: обводку, скругление, тень, наличие отступов для шага, наличие индикатора прогресса и его цвет и многое другое.
2
Выберите расположение панели с информацией о квизе
Отдельно настраивается панель с информацией. Вы можете расположить её сверху, слева, справа или сделать квиз без панели.
Где найти: Настройки → Основные настройки → Панель
Отдельно настраивается панель с информацией. Вы можете расположить её сверху, слева, справа или сделать квиз без панели.
Где найти: Настройки → Основные настройки → Панель
3
Добавьте обложку
В Контенте блока доступно новое поле «Обложка». Его можно использовать для оформления первого шага формы или для разделения квиза на секции. В обложку можно добавить заголовок, описание, кнопку, изображение. Картинку можно сделать фоновой или расположить слева или справа от текста.
Где найти: Контент → Шаги квиз-формы → Обложка
В Контенте блока доступно новое поле «Обложка». Его можно использовать для оформления первого шага формы или для разделения квиза на секции. В обложку можно добавить заголовок, описание, кнопку, изображение. Картинку можно сделать фоновой или расположить слева или справа от текста.
Где найти: Контент → Шаги квиз-формы → Обложка
4
Сделайте пошаговую форму на весь экран или показывайте в попапе
Квиз-форму можно показывать на весь экран, а также задать фиксированную высоту блока. Если установить значение, высота блока не будут меняться в зависимости от количества контента в форме.
Где найти: Настройки → Основные настройки → Растянуть блок на весь экран
Квиз-форму можно показывать на весь экран, а также задать фиксированную высоту блока. Если установить значение, высота блока не будут меняться в зависимости от количества контента в форме.
Где найти: Настройки → Основные настройки → Растянуть блок на весь экран
Для отображения квиза во всплывающем окне, включите чек-бокс «Открыть блок в Pop-up». После этого в Настройках появится раздел Pop-up, где можно задать ссылку для открытия блока. Затем добавьте её, например, на кнопку. По клику на неё будет открываться попап с пошаговой формой.
Где найти: Настройки → Основные настройки → Открыть блок в Pop-up
Где найти: Настройки → Основные настройки → Открыть блок в Pop-up
Добавьте интерактивности с помощью сообщений от «Консультанта»
В панель можно добавить «Консультанта» — приветственное сообщение от вашего сотрудника с его фотографией. Используйте это, чтобы привлечь внимание пользователя и объяснить, зачем ему заполнять квиз и какую выгоду он получит.
Где найти: Контент → Консультант
Где найти: Контент → Консультант
Сообщение от консультанта также можно добавить на каждом шаге квиз-формы. Для этого перейдите в Контент → Шаги квиз-формы → добавьте шаг → Еще: консультант, условиe видимости → Сообщение от консультанта.
Собирайте контакты
Одним из шагов квиза добавьте «Форму контактов», чтобы получить телефон или почту пользователя для общения с ним. Например, для консультации или рассылки со специальными предложениями.
В форме можно запросить не только имя, телефон и почту, но и добавить другие поля: дату, время, выпадающий список, оценочную шкалу, возможность прикрепить к форме файл и многое другое. Например, вы занимаетесь дизайном интерьером и в квизе собрали информацию о том, какой стиль нравится клиенту. Чтобы иметь возможность связаться с ним и проконсультировать, вы добавили форму, где человеку нужно оставить своё имя, телефон, удобную дату и время для звонка, а также ползунок, где можно указать бюджет на дизайн-проект.
В форме можно запросить не только имя, телефон и почту, но и добавить другие поля: дату, время, выпадающий список, оценочную шкалу, возможность прикрепить к форме файл и многое другое. Например, вы занимаетесь дизайном интерьером и в квизе собрали информацию о том, какой стиль нравится клиенту. Чтобы иметь возможность связаться с ним и проконсультировать, вы добавили форму, где человеку нужно оставить своё имя, телефон, удобную дату и время для звонка, а также ползунок, где можно указать бюджет на дизайн-проект.
Показывайте разный результат в зависимости от ответа пользователей
В блоке QZ101 доступны два новых поля, которые помогут завершить квиз: «Результат: контент (изображение + текст)» и «Результат: редирект». Первый вариант подойдёт, когда вы хотите дать больше информации тому, кто заполнил форму. Например, сообщите пользователю, что вы перезвоните ему в течение 30 минут и предложите промокод на скидку. Второй вариант можно использовать, когда вы хотите сразу отправить человека на другую страницу. Например, на лендинг с подходящими акционными предложениями.
Вы можете настроить, какой результат показывать в зависимости от ответов пользователя на вопросы в квиз-форме. Это поможет сформировать предложение под потребности потенциального клиента и повысить вероятность продажи.
Например, вы занимаетесь организацией туров. В квизе человек выберет, что хочет поехать в горы, дальше его можно спросить про длительность отпуска и доступный бюджет, а в конце показать подходящий вариант тура и запросить контакты для консультации. Больше информации про условия видимости полей в Справочном центре.
Пройдите квиз ниже, чтобы увидеть пример ветвления результатов:
Например, вы занимаетесь организацией туров. В квизе человек выберет, что хочет поехать в горы, дальше его можно спросить про длительность отпуска и доступный бюджет, а в конце показать подходящий вариант тура и запросить контакты для консультации. Больше информации про условия видимости полей в Справочном центре.
Пройдите квиз ниже, чтобы увидеть пример ветвления результатов:
Читайте также
Не тратьте время на самостоятельное написание текстов и воспользуйтесь встроенным помощником с искусственным интеллектом.
Организуйте работу как удобно — ведите регламенты для компании, документацию по проекту, создайте публичную базу знаний и многое другое.
