Форма сайта — важнейший элемент получения заявок от клиентов.

И даже одна ошибка способна в разы понизить Вашу конверсию.

Рассказываем, как создать эффективную форму и каких моментов нужно избегать.

Чем меньше полей, тем лучше — каждое новое поле уменьшает вероятность конверсии.

Обратный звонок CleverApp
Обратный звонок CleverApp

Поле, в котором находится фокус, визуально выделено цветом.

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

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

Клавиша Tab перемещает курсор по полям в правильной последовательности (сверху вниз, слева направо).

Поля, заполнение которых может вызвать вопросы, снабжены подсказками (например, номера телефонов).

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

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

При переходе со страницы на страницу заполненная форма остается, при повторном открытии введенные данные остаются.

Проверка на правильность введенных данных происходит без перезагрузки страницы, сразу после ввода данных (автоматически).

Сообщения об ошибках информативны (вместо: «Вы не заполнили все обязательные поля» лучше написать: «Укажите, пожалуйста, электронную почту»).

Сообщение об ошибке располагается рядом с полем, в котором совершена ошибка (поле выделено цветом, курсор автоматически переносится в это поле).

При открытии страницы с формой, курсор перемещается в первое поле автоматически.

Должен быть заголовок. Лучше, если он будет транзитивным: «Купите микроволновую печь, и получите тостер бесплатно».

Подзаголовок — что будет после того, как пользователь заполнит форму (например, получит чек-лист или тестовый период сервиса).

Стоит галочка о согласии с политикой конфиденциальности. И надпись серым, чтобы не отвлекать внимание от главного.

Наличие сильного Call to action (призыва к действию): «Оставьте заявку на бесплатное составление индивидуального тура».

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

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

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

А чтобы Ваши менеджеры перезванивали через 24 секунды и не пропускали ни один звонок, используйте виджет Обратный звонок — https://cleverapp.tech/catalog/obratnyy-zvonok/obratnyj-zvonok/

С условием получения бесплатного обратного вызова в течение 24-х секунд вы сможете конвертировать в 3,8 раз больше реальных клиентов.