Как создать стильный опрос с помощью Typeform и добавить его на свой сайт Divi

Если есть что-то, чем не славятся онлайн-опросы, так это их стильность. Часто это сухие дела, когда вы просто перескакиваете с одного вопроса на другой. Однако нет никаких причин, по которым вы не можете добавить немного чутья к своему.

Вот где приходит на помощь Typeform. Этот инструмент позволяет не только создавать опросы, но и другие стили форм с учетом современных особенностей дизайна. В этой статье мы поговорим о преимуществах использования опросов, о том, что делает их лучше, и о том, как их создавать с помощью Typeform. Давай приступим к работе!

Почему вам стоит подумать об использовании опросов

Опросы не должны выглядеть скучно - в них можно использовать современные элементы интерфейса.

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

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

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

Самое лучшее в опросах - это то, что вы можете использовать их в дополнение к существующим инструментам исследования клиентов, не внося в них никаких изменений. Например, нет причин, по которым вы не можете продолжать сбор данных с помощью Google Analytics во время опроса по определенной теме. В конце концов, чем больше у вас данных о пользователях, тем более правильные решения вы сможете принять.

Ключевые элементы убедительного опроса

Как мы упоминали ранее, одним из недостатков использования опросов на вашем веб-сайте является то, что они могут быть довольно сухими. Хорошая новость в том, что есть способы оптимизировать ваши опросы, чтобы сделать их более интересными. Давайте рассмотрим несколько предложений:

1. Говорите кратко. Чем дольше длится ваш опрос, тем больше шансов, что посетители бросят полотенце в пути.
2. Сосредоточьтесь на одной теме или на небольшой их горстке. Целенаправленный опрос с большей вероятностью предоставит вам полезные данные о ваших пользователях.
3. Задайте простые вопросы и избегайте повторений. В идеале, чтобы кто-то ответил на любой из ваших вопросов, не должно занимать больше пары секунд, что подводит нас к следующему пункту.
4. По возможности используйте вопросы с несколькими вариантами ответов. Не все вопросы можно адаптировать к этому формату, но старайтесь по возможности придерживаться его, чтобы не усложнять задачу.
5. Добавьте немного изюминки в свой опрос. Люди привыкли, что опросы скучны, поэтому, если вы сможете выделить свой визуально, вы привлечете их внимание.

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

Введение в Typeform

Typeform - далеко не единственный инструмент для проведения опросов, доступный в Интернете, но он один из наших фаворитов благодаря тому, что он ориентирован на дизайн. Каждый опрос, который вы создаете, выглядит как современное приложение благодаря современным элементам интерфейса, что делает их удобными для вас и ваших пользователей.

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

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

Ключевая особенность:

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

Цена: Доступны бесплатные и премиальные планы | Больше информации

Как создать опрос с помощью текстовой формы (за 6 шагов)

Уровень бесплатного пользования Typeform позволяет вам создавать столько опросов, сколько вы хотите, но он может обрабатывать только 100 ответов в месяц. Однако перед тем, как перейти на премиум-уровень, мы рекомендуем сначала ознакомиться с инструментом и посмотреть, подходит ли он вам.

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

Когда вы будете готовы сохранить свою работу, вы можете зарегистрироваться, нажав кнопку « Сохранить учетную запись» в правом верхнем углу страницы. А пока поговорим о том, как создать свой первый опрос.

Шаг № 1: Создайте новую «Типовую форму»

Термин 'typeform' удваивается как имя службы, так и то, как он относится к формам, которые вы создаете - отсюда и кнопка Create a new typeform :

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

Typeform попросит вас выбрать имя и язык для вашего опроса. Как только вы закончите, платформа отправит вас на экран настройки опроса:

Как мы упоминали ранее, Typeform использует систему перетаскивания для объединения вашего контента. Все элементы, которые вы можете использовать, отображаются в левой части экрана, и вы можете разместить их, перетаскивая их вправо в нужном вам порядке. Также в правом верхнем углу есть кнопка предварительного просмотра (называемая « Просмотр моей формы» ). А пока перейдем к шагу номер два и познакомимся с элементами, которые мы будем использовать.

Шаг № 2: Создайте «экран приветствия» для своего опроса

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

Typeform позволяет добавлять и настраивать экран приветствия с помощью специального элемента. Чтобы начать, нажмите кнопку экрана приветствия слева от экрана настройки опроса, и должно появиться окно:

Если вы хотите, вы можете добавить изображение или видео фон в этот раздел, нажав на опцию Изображение / Видео в меню. Вот пример фона, который мы добавили для нашего:

Мы также добавили краткое текстовое введение. Кроме того, этот элемент позволяет включить простую кнопку для запуска опроса. Этот параметр включен по умолчанию, и вы можете изменить его текст, используя поле в разделе « Кнопка » в настройщике. Теперь, когда наш экран приветствия готов, давайте зададим несколько вопросов!

Шаг № 3: Добавьте вопросы в свой опрос

Вопросы являются основным компонентом любого опроса, а Typeform позволяет использовать несколько типов, включая множественный выбор, запросы типа « да / нет» , шкалы мнений и текстовые поля. Каждая из этих разновидностей отображается как отдельный элемент в левой части экрана настройки опроса:

Например, щелчок по элементу « Множественный выбор» вызовет меню, в котором вы можете ввести свой вопрос и каждый потенциальный ответ, который вы хотите включить:

Что касается вопросов типа " да / нет" , они еще проще - после того, как они будут написаны, Typeform добавит кнопки за вас:

Шкалы мнений также просты: введите текст своего запроса и выберите подходящий диапазон, в котором пользователи будут оценивать свои ответы:

Наконец, когда дело доходит до текстовых вопросов, все, что вам нужно сделать, это сформулировать их и указать максимальное количество символов, разрешенное для каждого ответа:

Вот как складывается наш тестовый опрос…

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

Шаг № 4: Настройте дизайн своего опроса

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

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

Сменить шрифты так же просто. Вы можете выбрать, какой из них использовать, выбрав вариант из списка и сохранив свои изменения:

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

Шаг № 5: Поделитесь своим опросом на своем сайте Divi

Typeform предоставляет вам несколько способов поделиться своими опросами. Чтобы получить к ним доступ, перейдите на вкладку « Поделиться » на панели настроек. Два метода, которые нас интересуют, делятся через ссылку и встраивают ее в Divi.

Чтобы сделать первое, нажмите кнопку « Поделиться формой» и скопируйте отображаемый URL-адрес. Это идеальный способ поделиться своим опросом в социальных сетях:

С другой стороны, если вы хотите встроить свой опрос прямо на свой сайт Divi, перейдите на вкладку « Вставить на веб-страницу » и нажмите на опцию « Получить код». в разделе Код для вставки:

Появится небольшое всплывающее окно с кодом вашего опроса. Скопируйте его и вставьте код в любое место на своем сайте Divi, используя модуль Code :

Имейте в виду, что вы захотите использовать модуль Fullwidth Code для этой задачи. В противном случае ваш опрос будет выглядеть немного сжатым. Вот наш пример на странице, созданной с использованием Divi:

Как видите, опрос выглядит великолепно и легко вписывается в дизайн современного сайта. Миссия выполнена!

Шаг № 6: проанализируйте свои результаты

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

Например, вы можете следить за тем, сколько людей заполнили ваш опрос и какие типы устройств они используют, на вкладке « Показатели »:

Вы также можете проанализировать индивидуальные результаты по каждому вопросу в разделе « Результаты »:

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

Заключение

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

В этой статье мы показали вам, как с помощью Typeform создать опрос, подходящий для современного веб-сайта. Давайте быстро повторим шаги:

1. Создайте новую текстовую форму.
2. Создайте экран приветствия для своего опроса.
3. Добавьте к нему вопросы.
4. Создайте экран благодарности для вашего опроса.
5. Поделитесь своим конечным продуктом.
6. Проанализируйте свои результаты.

У вас есть вопросы о том, как создать опрос с помощью Typeform? Спросите в разделе комментариев ниже!

Миниатюра статьи vladwell / shutterstock.com