8 примеров многоэтапных форм для уменьшения трения целевой страницы

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

Один из способов сделать это - использовать многоступенчатую форму.

Что такое многоступенчатая форма?

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

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

Многоэтапные формы и двухэтапные формы согласия

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

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

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

Примеры многошаговых форм

Убер

Uber использует эту целевую страницу после клика, чтобы побудить людей водить машину в качестве подработки:

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

Кто есть кто из руководителей и профессионалов

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

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

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

Университет Феникса

Посмотрите, как аспирантура Университета Феникса использует индикатор выполнения вверху?

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

Связь с социальными сетями - еще одна эффективная тактика, когда дело доходит до создания многоступенчатой ​​формы. Фактически, коэффициент конверсии может увеличиться на 189% с помощью автозаполнения социальных сетей. При реализации этой функции соответствующая социальная информация пользователей автоматически вставляется в форму.

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

GreenGeeks

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

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

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

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

Цириус Маркетинг

Вот пример из Cirius Marketing. Они используют двухэтапную страницу согласия с многоэтапной формой во всплывающем окне. Это целевая страница после клика, на которой кнопка с призывом к действию сразу видна над сгибом:

А вот и многоступенчатая форма во всплывающем окне:

Обратите внимание на индикатор выполнения, который указывает на выполнение 50% в верхней части окна, чтобы потенциальные клиенты знали, что это не единственная информация, которую им нужно предоставить.

Sprout Social

Компания Sprout Social разработала эту многоэтапную форму для заполнения потенциальными клиентами:

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

Быстрая база

Целевая страница Quick Base после нажатия ниже предлагает услуги по обучению сотрудников:

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

Обратите внимание, что эта часть формы помечена как «Шаг 1 из 2». Информирование потенциальных клиентов о том, что они находятся «в секундах» от бесплатного пробного периода, является показателем того, что заполнение формы не займет много времени.

Hootsuite

Hootsuite направляет потенциальных клиентов через процесс регистрации учетной записи с четко определенными шагами:

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

Повышение вовлеченности страницы с помощью многоэтапных форм

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

Всегда связывайте все свои объявления с персонализированными целевыми страницами после клика, чтобы снизить затраты на привлечение клиентов. Начните создавать свои специализированные страницы после щелчка, подписавшись на демонстрацию Instapage Enterprise сегодня.