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

Что же такое большая форма заявки?

Если у Вас 3 поля, то это небольшая форма заявки, даже есть 5 полей, то это тоже небольшая форма заявки. В этом примере полей гораздо больше.
Большая форма заявки
Это форма для покупки автомобиля, поэтому она достаточно большая.
Как её оптимизировать? Как найти место, где у человека возникает трудность? Показывать эту форму всю сразу или нет? Что писать, что не писать?

Оптимизация этой формы может сразу увеличить количество заказов в 1,5 раза, потому что большая форма - это боль клиента.

Корзина также бывает разная.

Есть корзины, которые разбиты на шаги:
Пример корзины на сайте
Если человеку видны шаги, то это значительно упрощает ему задачу, но бывают и другие варианты корзины. Например:
Пример корзины на сайте
В предыдущей корзине форма разбита на 3 шага. Здесь корзина объединена в одно. Исходя из нашего опыта, лучше работает корзина, которая разбита на шаги, НО...

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

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

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

  • Поля сгруппированы по смыслу.
Поля должны быть сгруппированы по смыслу - нельзя допускать хаоса. Человеку так будет проще заполнить форму правильно.

  • Все (почти все) поля имеют пример заполнения.
Например, в поле "имя" можно не оставлять пример заполнения, но в поле "номер телефона" желательно показать пример, потому что часто люди путаются, заполнять с "+" или с нуля. У людей возникают вопросы и легче им сразу дать объяснение. Когда вы показываете пример, то человеку не нужно придумывать, ему нужно просто повторить.

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

  • По возможности отключена проверка корректности ввода. Используется маска ввода.
Отключайте проверку корректного ввода. Из нашего опыта, мы оставляем только e-mail и, если это поле обязательное, и там должно быть что-то написано.

  • Сообщения об ошибках появляются возле конкретных полей и точно описывают в чём ошибка и как исправить.
Часто бывает, что поле не заполнено, поэтому выскакивает форма, что человек допустил ошибку. В этом случае нужно написать, в каком конкретно поле есть ошибка. Например: данный e-mail неправильный, возможно, вы сделали опечатку.

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

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

Это основные ошибки, которые мешают продавать.

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

Как проанализировать состояние формы на вашем сайте?

Вы можете увидеть пример статистики большой формы заявки на картинке:
Анализ формы
Мы видим, что на форму пришло 52 человека. Какие-то поля люди заполняют быстро, это значит, что она это поле правильно сформулировано, а есть поле, где человек тратит 20 секунд - это очень много! Также, процент возвратов к этому полю - 200 процентов, это значит, что люди там что-то изменяют, перезаполняют, над этим полем стоит поработать.

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

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

Какой сервис лучше использовать для анализа формы на сайте?

Мы в своей работе используем сервис Hotjar. Его установка очень проста и мы сейчас покажем, как это сделать:
  • Зайдите в Hotjar.
  • В разделе "Аналитика" выберите "Формы".
Запускаем анализатор форм
  • Введите название формы и название сайта, где она размещена.
Запускаем анализатор форм
  • Загрузите формы, которые находятся на странице
  • Введите названия для каждой строки в форме, чтобы удобно было работать.
Всё!
Это занимает совсем немного времени.
Теперь у вас есть возможность оценить насколько удобно пользоваться вашей формой, и где возникают трудности у покупателей. Вы сможете намного эффективнее работать с формами заявок на сайте.

Выводы

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

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