+7(499)-938-42-58 Москва
+7(800)-333-37-98 Горячая линия

Форма захвата: что это и как c ее помощью увеличить конверсию на сайте

Содержание

Форма захвата на сайте или как повысить конверсию в 2 раза

Форма захвата: что это и как c ее помощью увеличить конверсию на сайте

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

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

#1 Открытая форма

Формы бывают двух видов: закрытая и открытая. Открытая форма считается эффективной и поэтому ее размещают на самом видном месте.

Закрытая форма активизируется при нажатии на кнопку. Ее обычно размещают под товаром или услугой.

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

Большинство предпринимателей мало уделяют внимание дизайну формы. Очень даже зря. Именно дизайн должен выделять форму от остальных элементов и выделять Вашу форму от конкурентов.

#2 Позиция

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

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

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

На первом экране можно разместить кнопку с призывом к действию, которая плавно перетекает к форме. Уже писал статью про кнопку CTA.

#3 Размер формы

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

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

Вы можете также оставить только одно поле и попросить оставить номер телефона или телефоны в мессенджерах, как сделано у меня на сайте. Вот, пример. Скажу честно, конверсия на сайте выросла в 1.4 раза.

#4 Призыв к действию

Перешли к самому важному элементу. Старайтесь уходить от обычных слов, таких, как “отправить”. Кнопка должна призывать к действию, а не отталкивать. Поле для креатива здесь множество. Например, «получить клиентов», «вперед!», «стать лучше», «записаться на курс в 1 клик». Вариантов масса. Выбирайте подходящий текст для кнопки связанную с Вашей нишей и будет Вам счастье.

Стоит также отметить про дизайн кнопки. Она не должна сливаться с дизайном сайта, скорее наоборот. Можно использовать более яркие цвета, чтобы привлечь внимание посетителя. Помните, кнопка должна быть такой, чтобы Вам самим захотелось на нее нажать.

Структура формы

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

Заголовок

Составьте цепляющий заголовок с выгодами и призывом к действию. Например, подайте заявку и получите товар с 50% скидкой уже сегодня

Подзаголовок

В подзаголовке напишите, что будет дальше после подачи заявки на сайте. Например, оставьте заявку и через 30 минут с Вами свяжется менеджер

Одно или несколько полей

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

Кнопка с призывом к действию

Здесь думаю также понятно. Отходите от стандартных слов, пишите более яркие призывы к действию.  

Подведем итоги

Давайте еще раз пройдемся для закрепления материала. Чтобы форма захвата увеличила конверсию сайта, надо:

  1. Разместить на правильном месте
  2. Сократить количество полей
  3. Сделать простой и удобной
  4. Написать цепляющий призыв к действию
  5. Написать текст, чтобы мотивировал оставить заявку
  6. Выделить на фоне дизайна сайта

На десерт покажу Вам форму с технологией мессенджеров. Форма уникальна тем, что в поле вводится только номер телефона, привязанная к мессенджерам.

Дальше пользователь выбирает свой мессенджер и в несколько кликов подает заявку. Обратите внимание на призыв к действию. Он не побуждает оставить заявку, а просто выбрать свой мессенджер.

Пишите в комментарии, а также подписывайтесь на нашу рассылку ниже. Желаю Вам высоких конверсий!

Источник: https://electusdi.ru/forma-zaxvata-na-sajte/

Создаем форму захвата на сайт за 3 минуты

Форма захвата: что это и как c ее помощью увеличить конверсию на сайте

Здравствуйте.

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

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

Создание формы захвата для сайта на основе готового шаблона

На странице списка форм, необходимо нажать кнопку «Создать форму» и выбрать готовый шаблон «Форма заявки»:

После чего перед вами откроется всплывающее окно, где нужно ввести название вашей будущей лид формы:

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

По сути это все! Мы создали конверсионную форму захвата на сайт. Если сейчас открыть лид форму по прямой ссылке, то она будет выглядеть следующим образом:

Пример готовой формы захвата на сайт

Настройка элементов лид формы

Сейчас наша форма состоит из следующих элементов:

  1. Поле для ввода имени. Обязательное для заполнения.
  2. Специальное поле для ввода e-mail адреса, с автоматической проверкой правильности ввода. Обязательное для заполнения.
  3. Поле для ввода телефона. Не обязательное для заполнения.
  4. Статус заявки – данное поле не выводится в форме и доступно только для админа, которое выводиться при редактировании заявки в разделе «Статистика»

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

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

При необходимости, вы всегда можете удалить не нужные поля или добавить новые, отредактировать существующие – изменить названия, параметры отображения и валидации, и т.д.

E-mail уведомления в форме захвата

После того, как мы разобрались с полями нашей формы захвата, необходимо настроить e-mail уведомления. Для этого необходимо перейти в настройки лид формы в раздел «E-mail уведомления»:

Здесь вы можете настроить e-mail уведомления для администратора формы, а также, при необходимости e-mail уведомление для пользователя (автоответчик). Для того, чтобы активировать нужный тип e-mail уведомлений, нужно кликнуть на специальный переключатель.

Давайте настроим уведомление для администратора нашей формы захвата:

Здесь вы указываете, на какие e-mail адреса будут приходить уведомления (можно указать несколько e-mail адресов), настраиваете нужную тему письма, имя и e-mail адрес отправителя, а также сам текст письма.

Для имени и e-mail адреса отправителя, можно выбрать значения из нашей формы захвата, чтобы в приходящем на наш почтовый ящик письме, автоматически подставлялись значения из формы, в качестве отправителя.

Точно также можно активировать и e-mail уведомления для пользователя, который отправил форму – автоответчик. Там можно написать, что ваш заказ получен и наш менеджер свяжется с вами. Но сейчас мы это не будем делать.

Кроме e-mail уведомлений, можно подключить и sms уведомления. Но это платная услуга.

Для того, чтобы отслеживать эффективность формы и считать конверсию, можно перейти в раздел «Аналитика» и там подключить счетчик Google Analytics и/или Яндекс.Метрики, а также прописать нужные цели, которые будут срабатывать при успешном заполнении веб-формы.

Настройка дизайна формы захвата контактов

После того, как с настройками формы захвата контактов закончили, можно перейти во вкладку «Тема оформления»:

Здесь вы можете выбрать другую готовую тему оформления. Для этого необходимо нажать на кнопку «Выбрать тему»:

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

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

После того, как выбрали и настроили тему оформления, можно перейти во вкладку «Получить код» и скопировать готовый код, для вставки лид формы к себе на сайт:

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

урок по созданию формы захвата на сайт

Удачи и высоких вам конверсий!

Источник: https://formdesigner.ru/blog/create-a-capture-form-on-the-site-in-3-minutes.html

Кейс: «Как увеличить конверсию на 30%, упростив форму сбора контактов»

Форма захвата: что это и как c ее помощью увеличить конверсию на сайте

Разнообразные формы для заполнения, которые есть на каждом сайте — это важный элемент воронки продаж: в интернет-магазинах оставить свои контакты необходимо для того, чтобы оформить заказ.

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

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

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

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

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

Общие сведения

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

Задача: повышение процента клиентов, заполнивших форму до конца, и увеличение количества привлеченных клиентов.

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

Вопрос, на который мы отвечаем в процессе исследования: какой вариант поможет добиться наиболее высокого коэффициента конверсии – исходная или новая версия формы?

Результат: коэффициент конверсии (количество заполнивших форму до конца) при использовании новой формы увеличился на 30%.

Список изменений в первой части формы:

  1. Выровнял названия полей по верхнему краю страницы для повышения удобочитаемости и «сканирования».

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

  2. Изменил текст внутри полей таким образом, чтобы он был более понятным и простым для понимания. Вместо того, чтобы назвать раздел «Описание», я слегка уточнил и написал «Опишите товар, который вы хотите перевезти»; вместо «Общий вес» я написал «Каков общий вес ваших товаров?».

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

    В выпадающем меню я сделал возможность выбрать из нескольких весовых интервалов (например, от 5 до 10 кг). Так пользователям гораздо проще определиться с правильным весовым интервалом – что, в свою очередь, помогает перевозчикам сформировать предложения для клиентов.

  4. Добавил большую кнопку призыва к действию контрастного цвета и подходящую надпись на ней. Исходная версия кнопки была очень маленькой, серого цвета, и на ней было написано лишь «Next» («Далее»).

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

  5. Выделил поля, которые не нужно заполнять для перехода к следующему шагу, пометкой «на выбор» вместо маркировки обязательных для заполнения с помощью *. Большая часть полей в форме нужно заполнить – и в оригинальной версии они были отмечены красными звездочками. Маркировка только полей «на выбор» делает форму визуально менее навязчивой.

Список изменений во второй части формы:

  1. Касательно кнопки (ее дизайна и текста), названий полей (выравнивание и текст) и обязательных для заполнения полей, изменения такие же, как и в шаге 1.
  2. Уменьшил общее количество видимых полей формы с 22 до 6. В оригинальной форме в шаге 2 было просто невероятное количество полей для заполнения.

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

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

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

Список изменений в третьей части формы:

  1. Касательно кнопки (дизайна и текста), названий полей (выравнивание и текст) и обязательных для заполнения полей, изменения такие же, как и в шаге 1 и 2.
  2. Уменьшил общее количество полей с 6 до 4. В оригинальной форме запрашивался индекс/город и адрес.

    Однако эта информация не является необходимой, так как перевозчикам нужны лишь данные для того, чтобы связаться с потенциальным клиентом и предложить свои услуги (ФИО, телефон, email + необязательное поле «название компании»).

  3. Разместил четыре поля для заполнения в двух столбцах вместо одного длинного. Так форму третьего шага удобнее просмотреть целиком.

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

    (О том, как еще можно замотивировать потенциальных клиентов оставить свои контакты, можно узнать из материала «10 полезных советов: под каким соусом собирать контакты посетителей сайта»).

Список изменений:

  1. Заголовок. Прямой перевод названия оригинальной версии формы – «заполните форму – это займет всего пару секунд». Заголовок новой формы: «получите предложения по перевозке бесплатно и безо всяких обязательств».

    Я также добавил подзаголовок, который гласит: «Заполните 3-хшаговую форму и получите 4 предложения на вашу электронную почту непосредственно от перевозчиков».

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

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

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

Результаты и полученные данные

Нам не удалось провести a/b-тестирование, в котором сравнивалась бы эффективность этих двух форм из нескольких шагов.

Так что в данном кейсе мы сравнили данные, накопленные за 90 дней до внедрения изменений и за 90 дней после оптимизации.

Других изменений за эти 180 дней не делалось, трафик оставался неизменным, мы смогли распознать увеличение конверсии по каналам распространения и источникам трафика. Основой для этих данных было 4510 конверсий (заполненных потенциальными клиентами форм).

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

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

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

А вот коэффициент конверсии по завершению каждого отдельного шага в новой версии формы.

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

Источник: https://witget.com/blog/kak-uvelichit-konversiyu-na-30-uprostiv-formu-sbora-kontaktov-kejs/

Как увеличить конверсию сайта с помощью визуальных сигналов

Форма захвата: что это и как c ее помощью увеличить конверсию на сайте

«Холодный» пользователь редко задерживается на сайте больше 8 секунд. Нужны немалые усилия, чтобы его удержать и конвертировать. В 94% случаев дизайн решает все: куда будет смотреть человек, что будет делать, совершит ли целевое действие. Визуальные «маяки» помогают ориентироваться в навигации и структуре лендинга.

В этой статье вы узнаете как увеличить конверсию сайта с помощью визуальных сигналов.

Явные визуальные сигналы

Стрелки, линии, указатели, направление взгляда человека на картинке четко показывают, куда смотреть. Просто отметьте, на что пользователю обратить внимание в первую очередь. 

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

Российский стартап «Купи батон» использует цветные стрелки:

Стрелки пригодятся и на интерактивных страницах. Пример – Lumosity, разработчик логических онлайн-тренажеров:

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

Ecwid, конструктор сайтов, использует стрелки, чтобы показать преимущества:

Стрелкой удобно направлять пользователей под линию «сгиба» (то, что ниже, на следующем экране). В примере Instapage она ведет на «30 советов о том, как получить высокий ROI от рекламы в »:

Скайп стрелкой направляет посетителя далеко под сгиб:

Конструктор сайтов Strikingly использует анимированную стрелку слева от формы, чтобы привлечь к ней внимание:

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

Замечательный пример – лендинг кандидата в президенты США Хиллари Клинтон. Вы только посмотрите на этот взгляд, полный мольбы. Котик из Шрека отдыхает.

Взгляд госпожи Клинтон направлен на форму с пожертвованиями. Надпись к ней: «Если вы с Хиллари готовы к победе, сделайте пожертвование прямо сейчас».

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

HR-платформа iCIMS использует сразу несколько визуальных сигналов:

Заголовок: «Нанимайте только высококвалифицированный персонал». Здесь сочетаются направление взгляда к лид-форме «Посмотреть бесплатное демо» и указывающая картинка.

Ниже – пример от онлайн-сервиса для автоматизации рекрутинга FriendWork Recruiter:

Что работает лучше: стрелка или направление взгляда? Conversion XL провели собственное исследование и пришли к выводу, что стрелка получает больше внимания. 

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

Названия элементов по порядку:

  • Стрелка.
  • Контрольный вариант без сигнала.
  • Направление взгляда. Направление взгляда в противоположную сторону.
  • Линия.
  • Выделенная форма.
  • Треугольник. 

Помогали тепловые карты и карты движения глаз (айтрекеры):

Названия элементов по порядку:

  • Взгляд на форму.
  • Взгляд в противоположную сторону.
  • Стрелка.
  • Треугольник.
  • Линия.
  • Выделенная форма.
  • Контрольный вариант. 

Это не значит, что нужно рисовать стрелку везде. Пробуйте, делайте А/В тесты, ищите вариант, который подойдет конкретно вам. 

Неявные визуальные сигналы

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

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

Разреженное пространство вокруг текста выделяет важные элементы. 

На посадочной странице маркетинговой платформы Offerpop форма захвата выделена цветом и рамкой:

Сайт HelloFresh предлагает первую книгу с рецептами со скидкой 50%. Оранжевую кнопку с призывом к действию «Получить сейчас» трудно не заметить:

Битрикс любит играть с цветами и рисованными элементами:

Интернет-бухгалтерия «Мое дело» использует на главной сразу несколько приемов. Мы видим контрастный цвет кнопки CTA («Попробовать бесплатно») и стрелку, ведущую к скидке:

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

Статья подготовлена по материалам instapage.com

Источник: https://yagla.ru/blog/povyshenie-konversii/kak-uvelichit-konversiyu-sayta-s-pomoshchyu-vizualnyh-signalov

Оптимальный размер формы захвата: результаты исследований

Форма захвата: что это и как c ее помощью увеличить конверсию на сайте

Короткой обычно считается форма от 1-ого до 3-ех полей. Такая лид-форма имеет ряд преимуществ:

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

Например, форма подписки на Webdesigner News состоит всего из одного поля и кнопки «Подписаться». А зачем больше?

О том, что короткая лид-форма конвертирует лучше, говорят многочисленные кейсы и исследования. Мы собрали самые интересные из них.

3 кейса, которые доказывают, что сокращение полей лид-формы может увеличить конверсию

1. Сервис ImageScape сократил количество полей в форме подписки с одиннадцати до четырех, чем увеличил конверсию на 120%.

Уменьшение количества полей в форме дало рост конверсии с 5,4% до 11, 9%.Источник изображения

2. Второй кейс — исследование маркетологов сервиса Gemm Learning.

Они провели A/B тестирование двух лид-форм. В одной было 6 полей, во вторую добавили еще одно — выпадающий список с запросом на звонок.

В результате первая, более короткая форма оказалась эффективнее на 70,43%.

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

3. Третий кейс от Expedia.

Убрав из лид-формы поле «Название компании», фирма заработала 12 миллионов долларов.

Конверсия выросла на 37%, когда в лид-форме отказались от поля «Номер телефона». А когда обозначили поля как необязательные, конверсия выросла с 42,6% до 80%.

Исследования, которые подтверждают эффективность короткой лид-формы

Дэн Зарелла из HubSpot провел целое исследование на тему оптимальной длины формы, и проанализировал более 40 000 целевых страниц своих клиентов. Он показал, как изменяется коэффициент конверсии по мере увеличения количества полей в лид-форме.

Лучше всего конвертируют формы из трех полей. По мере увеличения количества полей конверсия снижается.

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

  • Если добавить поле “Возраст” конверсия падает на 3%.
  • Если добавить номер телефона — на 5%.
  • Если запросить в форме адрес, конверсия может упасть на 2-4%. Причем просьба ввести название улицы больше всего снижает конверсию, в сравнении с запросом города или штата.

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

  • Нет возможности сегментировать аудиторию по интересам, сфере деятельности или другим критериям;
  • Отсутствие информации усложняет работу отдела продаж и маркетолога.

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

Длинная форма подписки: вынужденная необходимость

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

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

Почему же длинные лид-формы продолжают использовать?

Потому что у них тоже есть ряд преимуществ:

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

Crayola, например, предлагает заполнить вот такую форму:

Таким образом компания готовит для пользователя более релевантную рассылку.

Кейсы, которые доказывают, что длинная лид-форма также может обеспечить высокую конверсию

1. Исследование на сайте Advanced Grass

Простая форма из трех вопросов (имя, почта, телефон) была изменена на более длинную, состоящую из семи полей.

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

После такого изменения формы подписки конверсия выросла на 214%.В этом примере есть один важный нюанс: ребята сделали из одной длинной формы две короткие. В результате пользователям не сложно заполнять первую часть (всего три поля), а заполнять вторую уже есть мотивация — жалко бросать начатое.

2. Пример длинной лид-формы от TopTal

В TopTal пошли еще дальше, и подали лид-форму в виде теста.

На экран по мере заполнения выводится только 1 вопрос

Такая необычная длинная форма грамотно продумана:

  • тут используется условная логика, чтобы задавать разные вопросы различным пользователям на основе их предыдущих ответов;
  • сверху есть зеленый индикатор, который показывает, сколько процентов формы вы уже заполнили;
  • когда форма заполнена на 40%, заявка отправляется в отдел продаж. Заполнять дополнительную информацию или нет — пользователь выбирает сам.

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

Источник: https://spark.ru/post/39451

Идеальная форма заявок с сайта. 9 правил

Форма захвата: что это и как c ее помощью увеличить конверсию на сайте

Вы знаете, что до 80% пользователей покидают ваш сайт, не заполнив заявку потому, что форма обратной связи на вашем сайте далека от идеала? Или вы уверены в том, что ваша форма заявок идеальна и имеет максимальную конверсию?

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

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

Этот фактор — формы обратной связи, или как их еще называют — «формы захвата». Какая она — идеальная форма обратной связи.

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

Форма обратной связи на сайте важна. Вы ведёте покупателя к совершению покупки или заказу услуги ненавязчиво и осторожно.

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

Вряд ли он когда-нибудь вернётся к вам снова. Этого можно избежать, просто изменив форму обратной связи.

Для чего нужна форма обратной связи

Не только для совершения заказа/покупки. С помощью формы обратной связи вы выясняете у пользователей, что им нравится/не нравится, какие есть «косяки» в работе компании и даже получаете готовые советы по её улучшению. Разговор с пользователями — это:

а) повышение лояльности к вашей компании;

б) возможность быстро отреагировать на запрос, снизить негатив и сохранить клиента;

в) возможность улучшить продукт или сервис;

г) способ увеличить продажи.

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

Какую из этих форм вы заполните охотнее?

Или такую

Оставляйте только самые важные поля. Посетители большинства сайтов не любят заполнять большое количество полей

Если правило упрощения формы выполнили, то стоит ожидать увеличение конверсии на 30–60 %.

Совет. Уберите всё лишнее, оставьте 2–3 поля или даже 1. Обычно это «Имя», «номер телефона или e-mail».

Если у вас интернет-магазин и вы делаете форму для заказа, то полей будет немного больше: «Имя», «№ телефона или E-mail», «Вариант доставки», «Количество товара», «Адрес».

Смотрите, для каких целей вы делаете форму обратной связи, и максимально упрощайте её.

Правило №2. Форма должна быть заметна

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

Одно обязательное поле — телефон

Часто на сайтах компаний можно наблюдать не только перегруженную лишними полями форму, но и обязательность заполнения этих полей. Формулировка «обязательное поле» присутствует на 99 % сайтов.

Хотите увеличить конверсию? Уберите обязательное заполнение всех полей, кроме телефона. Если человек захочет, он сам заполнит те поля, которые считает нужными, но основное поле — номер телефона, которое позволит перезвонить клиенту и уточнить всю остальную информацию.

Главное не забудьте составить правильные скрипты для менеджеров.

В каких случаях конверсия с форм падает:

  • Падение конверсии на 3 %, если вы просите заполнить поле с указанием возраста
  • Падение конверсии на 10 %, если необходимо ввести ФИО
  • Падение конверсии на 2 %, если вас интересует, в каком населенном пункте живет посетитель
  • Падение конверсии на 4 %, если необходимо заполнить адрес проживания

Если поля о доставке, адресе и ФИО присутствуют в интернет магазине, то пользователь конечно же их заполняет и на конверсию это не влияет. Но если вы хотите, чтобы он заполнил данные, чтобы отправить вам заявку, то конверсия безусловно будет падать.

Правило №4. Ссылки в форме (условия обращения)

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

Пример такой формы:

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

Правило №5. Согласие на обработку данных

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

Правило №6. Выпадающих списков быть не должно

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

Правило №7. Уберите каптчу с формы

Ввод каптчи может снижать конверсию до 40%. Это объясняется тем, что часто каптча вообще не читается, либо при вводе данных сообщает о некорректности ввода символов. Если раньше каптча была оправлена тем, что без нее могло приходить много спама, то теперь есть технологии, которые защищают форму от ввода данных спам-роботами и без ввода каптчи.

В студии artcell мы как раз используем такую технологию. Как можете заметить каптчи в наших формах нет и СПАМ мы не получаем.

Правило №8. Автоуведомление о том, что форма отправлена

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

Правило №9. Уведомление по sms

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

Так какая она — идеальная форма обратной связи?

Выделена в рамку или цветом, что позволяет ее сделать более заметной на фоне остальной информации на сайте

Минимум полей для заполнения

Одно или два обязательных поля

Отсутствие полей с выпадающими списками

Наличие чекбокса для согласия на обработку получаемых данных

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

Отсутствие каптчи

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

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

Источник: https://www.artcell.ru/blogs/forms.html

5 путей увеличения конверсии контактных форм

Форма захвата: что это и как c ее помощью увеличить конверсию на сайте
Интернет-маркетинг

Контактная форма — граница между компанией и внешним миром, единственный сервис взаимодействия посетителя напрямую с Вами.

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

Исполнительный директор «Digital-telepathy» Чак Лонганекер учитывая мировой опыт, сформулировал 5 основных советов по улучшению контактной формы.

Используйте советы, приведенные ниже! Упрощение контактной формы покажет пользователям Вашу заботу о них!

Совет №1. Уменьшите количество полей

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

Даже если Вы примите на вооружение только это «простое» правило, упрощение формы заказов значительно повысит уровень конверсии сайта.

Международное маркетинговое агентство HubSpot в 2010 году опубликовало исследование 40 тысяч контактных форм на сайтах собственных клиентов. Исследование показало, что при сокращении числа полей формы контактов с четырёх до трёх, конверсия по форме увеличивается почти на половину.

Избавление от одного поля увеличивает число обращений на 50%!

Проанализируйте Вашу форму. Решите, что Вам нужно знать о пользователе при первом контакте, а что нет. Удалите лишнее! И не забывайте анализировать конверсию.

Совет №2. Вызовите доверие

Чаще всего, люди используют форму контактов при первом обращении в компанию. Они не знают Вас лично.

Дайте посетителям сайта понять, что они связываются с людьми, готовыми им помочь!

Как вызвать доверие у посетителя? Очень просто, последовательно по пунктам:

  • Оцените информацию, которую вы требуете. Если вам необходима личная и деликатная информация о пользователе, возможно, стоит узнать подробности при последующем общении?!
  • Определите чёткость формулировки вопроса, чтобы избежать неверных ответов.
  • Будьте дружелюбными. Не настаивайте на строгой форме заполнения телефонного номера. Не создавайте обязательных полей для заполнения.
  • Объясните прямо в форме, что будет сделано с информацией посетителя. Дайте понять, что e-mail пользователя не будет добавлен, к примеру, в спам-рассылку.

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

Совет №3. Помогайте всё время

Форма контактов может быть как универсальной, так и нацеленной на широкий круг посетителей сайта.

На хорошо продуманном сайте, обращение действующего клиента должно быть направлено в клиентский отдел, запрос о партнёрстве — в отдел развития или напрямую к руководителю, а предложение по SEO-оптимизации — в корзину! (да-да, на западе считают именно так!)

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

Укажите текст «призрак» в форме, чтобы пользователь понял, что от него требуется!

К примеру, Вам нужен номер телефона в формате +7 (xxx) xxx-xx-xx для лёгкой обработки заявки. Укажите это «призрачной» подсказкой. Вероятность, что посетитель напишет телефон именно в такой форме, увеличится в разы!

К сожалению, в России стандарты создания контактных форм немного отличаются от западных. Отечественные разработчики считают, что «призрачные» тексты не способствуют увеличению конверсии.

Если Вы все же решите оставить сложную контактную форму на сайте, разместите возле каждого поля подсказки.

Объясняйте в подсказках, что Вам нужно и для чего!

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

Совет №4. Мелочи чертовски важны

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

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

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

Мгновенная проверка ошибок при заполнении. Многие люди испытывают дискомфорт от неправильно написанных слов. Кроме того, существуют алгоритмы, позволяющие вычислять ошибки в заполнении конкретных полей, к примеру, e-mail (наличие знака «@» и доменной зоны) или телефонного номера (число и порядок символов).

Совет №5. Разрабатывайте форму в первую очередь для мобильных устройств

Аудитория мобильных устройств быстро растёт. К сожалению, контактные формы, которые создавались для использования на обычных компьютерах и ноут-буках, практически никогда не подходят для мобильных устройств. Их заполнение становится очень сложным на iPhone или iPad.

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

Кроме того, контактная форма, рассчитанная на мобильное устройство, может облегчить заполнение за счёт свайпов для iOS или Android. А при помощи GPS, мобильные устройства автоматически передают информацию о местоположении, если подобная информация требуется.

Заключение

Постоянная работа над усовершенствованием контактной формы, её упрощением, устранением причин отказов, ведет к росту конверсии.

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

Экспериментируйте и создавайте Вашу лучшую форму! Вы увидите, как улучшится коммуникация с пользователями.

У нас есть еще много советов по поводу того, как сделать интерфейс Вашего сайта еще более совершенным, а сам сайт максимально эффективным! Обращайтесь!

Источник: http://orwo.ru/blog/5-putej-uvelicheniya-konversii-kontaktnyh-form/

Поделиться:
Нет комментариев

    Добавить комментарий

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.