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

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

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

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

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

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

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

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

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

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

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

Убер

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

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

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

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

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

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

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

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

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

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

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

GreenGeeks

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

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

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

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

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

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

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

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

Росток Социальный

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

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

Быстрая база

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

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

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

Хутсьюит

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

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

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

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

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