Как создать квиз
Создание маркетингового квиза с виртуальным консультантом, ветвлением вопросов и отправкой результатов в сервисы приема данных
Маркетинговый квиз — это пошаговая форма, которая поможет вовлечь клиента в выбор услуги или товара, уточнить его желания и собрать эти данные, чтобы упростить процесс продаж.
В этой статье мы расскажем, как добавить и настроить такой тест для своего сайта на Тильде.
В этой статье мы расскажем, как добавить и настроить такой тест для своего сайта на Тильде.
Данная функция доступна только в режиме тестирования. Чтобы получить доступ к ней, поставьте галочку «Участвовать в тестировании новых функций» в Профиле.
Как добавить квиз и сделать первоначальные настройки
Какие есть типы шагов в квиз-форме и как их настроить
Добавление виртуального консультанта, который проводит посетителя по шагам
Показ и скрытие определенных шагов исходя из ответов посетителя
Как настроить отправку данных в сторонние сервисы
Добавление блока с квизом
Перейдите в Библиотеку блоков → раздел «Форма» → выберите блок QZ101 или одну из его вариаций (QZ101A—QZ101F). Вариации отличаются преднастроенным дизайном, наличием консультанта и преднастроенного ветвления в ответах.
Что такое ветвление?
Ветвление — это настройка в формах, которая позволяет показывать или не показывать определенное поле в зависимости от значений в других полях. Подробнее →
Квиз-форма может располагаться на части экрана (можно настроить ширину блока в колонках и высоту в пикселях), растягиваться на весь экран или открываться во всплывающем окне (попапе).
Настроить это можно в настройках блока с квизом → Основные настройки. При включенной настройке «Открыть блок в Pop-up» в настройках появится дополнительная вкладка с настройками попап-окна.
Настроить это можно в настройках блока с квизом → Основные настройки. При включенной настройке «Открыть блок в Pop-up» в настройках появится дополнительная вкладка с настройками попап-окна.
Также в основных настройках можно указать, как будут располагаться поля формы и будет ли дополнительная панель с консультантом.
Выбор дизайна расположения полей и вопроса — в одну или две колонки с разным соотношением ширины
Выбор расположения панели консультанта — как будет располагаться панель с ассистентом и его советами
Вкладка «Стиль квиз-формы» содержит настройки дизайна самой квиз-формы (скругление, обводка, фон карточки и панели) и ее элементов: индикатора прогресса, счетчика шагов, элементов панели консультанта.
Остальные вкладки (Стиль полей для ввода, Кнопки, Типографика, Анимация) схожи с такими же настройками для остальных блоков из категории «Формы».
Как настроить шаги квиза
Чтобы настроить шаги квиза, перейдите в Контент блока с квиз-формой → вкладка «Шаги квиз-формы».
Шаг — это каждый этап или экран квиза. Новый блок предлагает несколько типов шагов:
Обложка
Это начальный шаг квиза, который можно гибко настроить, добавить привлекательный текст и добавить фотографию. В квизе этот блок играет похожую роль, как играет обложка для лендинга.
Обложка
Это начальный шаг квиза, который можно гибко настроить, добавить привлекательный текст и добавить фотографию. В квизе этот блок играет похожую роль, как играет обложка для лендинга.
Типы шага: «Вопрос с вариантами ответа», «Вопрос с вариантами ответа в виде картинок», «Оценочная шкала»
Данные шаги являются основой квиза, его интерактивной частью. В них задается вопрос и даются варианты ответа. Исходя из вопроса можно дополнительно поменять сообщение от консультанта, а исходя из ответа — настроить логику вывода других шагов с помощью ветвления.
Данные шаги являются основой квиза, его интерактивной частью. В них задается вопрос и даются варианты ответа. Исходя из вопроса можно дополнительно поменять сообщение от консультанта, а исходя из ответа — настроить логику вывода других шагов с помощью ветвления.
Тип шага: «Формы контактов»
Данный тип шага позволяет создать экран с формой сбора контактов посетителя. Он может использоваться как конец квиза. В него можно добавить произвольные поля с данными и настроить общее сообщение или сообщение от консультанта.
Данный тип шага позволяет создать экран с формой сбора контактов посетителя. Он может использоваться как конец квиза. В него можно добавить произвольные поля с данными и настроить общее сообщение или сообщение от консультанта.
Тип шага: «Шаг с несколькими полями»
Данный тип шага позволяет создать экран с формой с произвольными полями. В отличие от «Формы контактов» на этом экране показываются только сами поля, без дополнительных сообщений.
Данный тип шага позволяет создать экран с формой с произвольными полями. В отличие от «Формы контактов» на этом экране показываются только сами поля, без дополнительных сообщений.
Типы шага: «Результат: контент (изображение + текст)» и «Результат: редирект»
Эти типы шага позволяет логически закончить квиз — либо конечным экраном с текстом и изображением, либо редиректом на какую-либо страницу. Потенциальных результатов может быть несколько и они могут выдаваться исходя из ответов в предыдущих шагах с помощью ветвления полей.
Эти типы шага позволяет логически закончить квиз — либо конечным экраном с текстом и изображением, либо редиректом на какую-либо страницу. Потенциальных результатов может быть несколько и они могут выдаваться исходя из ответов в предыдущих шагах с помощью ветвления полей.
Все остальные типы шагов называются так же, как типы полей в обычных формах. При добавлении такого шага появляется новый экран с одним полем. Все возможные типы полей описаны в статье «Как настроить форму приема данных».
Как настроить панель консультанта
В некоторых шагах квиза можно добавить виртуального консультанта, который будет направлять посетителя, предлагая подсказки или поддерживая его выбор на каждом этапе.
Чтобы настроить общий вид панели, цвет фона и сообщения консультанта, параметры иконки его фотографии, перейдите в настройки блока → Стиль квиз-формы.
В Контенте блока → Другое можно настроить имя консультанта, загрузить его фото и стандартное сообщение. Оно будет выводиться на всех шагах квиз-формы, где есть поля для ввода.
Уникальное сообщение от консультанта можно отдельно указать в настройках каждого шага. Чтобы задать его, зайдите в нужный шаг и нажмите на ссылку «Еще: условия видимости, вид, консультант».
Как настроить ветвление
Ветвление или условия видимости полей — это настройка, которая позволяет показывать или не показывать определенное поле в зависимости от значений в других полях, то есть, создавать собственную логику ветвления полей.
Это особенно будет полезно для квиза, где у посетителя есть много вариантов выбора, а дополнительную интерактивность можно поддержать релевантными дополнительными вопросами и конечным результатом.
Чтобы узнать про все возможности ветвления, прочитайте статью «Условия видимости полей» или посмотрите видео ниже.
Это особенно будет полезно для квиза, где у посетителя есть много вариантов выбора, а дополнительную интерактивность можно поддержать релевантными дополнительными вопросами и конечным результатом.
Чтобы узнать про все возможности ветвления, прочитайте статью «Условия видимости полей» или посмотрите видео ниже.
Как настроить передачу результатов в сервисы приема данных
Чтобы получать данные из формы, необходимо подключить к ней один или несколько сервисов приема данных. Выбор конкретного сервиса зависит от вашей задачи и предпочтений, но для того, чтобы узнать список доступных сервисов и как происходит процесс их подключения, прочитайте статью или посмотрите видео ниже.
