ERP · WEB · MOBILE · SOFTWARE

000
Усі статті
Веб-розробка4 хв читання
O
Команда Obliko
Розробка сайтів, застосунків та автоматизація

Форми на сайті: чому їх не заповнюють і як це виправити

Форма — це місце, де відвідувач стає клієнтом, і водночас найчастіше місце, де він передумує. Розбираємо, чому люди кидають форми, скільки полів насправді потрібно, чому кожне зайве поле коштує заявок, як зробити зрозумілі помилки й що обов'язково має статися після натискання «надіслати», щоб заявка не загубилася.

#веб-розробка#форми#конверсія#юзабіліті#заявки

Можна привести на сайт тисячу відвідувачів ідеальною рекламою й SEO, зробити переконливу сторінку — і втратити більшість людей на останньому кроці, у формі заявки. Форма — це двері, крізь які відвідувач стає клієнтом. І дуже часто ці двері зроблені так, що людина розвертається просто перед ними.

Хороша новина: виправляється це майже завжди дешево, бо річ не в складності запиту, а в тертя, яке ми самі створюємо.

Головне правило: кожне поле коштує заявок

Найважливіше, що треба зрозуміти про форми: кожне додаткове поле знижує конверсію. Людина в момент заповнення зважує — зусилля проти бажання. Що більше полів, то більше зусилля, і в якийсь момент бажання програє. Це не лінь — це нормальна економія уваги.

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

Класика втрати заявок: форма зворотного дзвінка, яка вимагає і телефон, і пошту, і зручний час, і опис задачі. Людина хотіла, щоб їй передзвонили, — а їй запропонували анкету. Половина закриє її. Довга форма доречна лише там, де вона виправдана (наприклад, точний розрахунок), і навіть там кожне поле треба захищати.

Чому люди кидають форми

Крім довжини, є ще причини — і всі про тертя, а не про сам запит:

  • Незрозуміло, навіщо поле. Для простого запиту вимагають адресу чи ЄДРПОУ — людина насторожується: навіщо їм це? Кожне неочевидне поле треба або пояснити, або прибрати.
  • Незрозумілі помилки. Форма червоніє, але не каже, що саме не так. Людина тикається наосліп і здається.
  • Немає впевненості, що заявку отримають. Натиснув «надіслати» — і тиша. Спрацювало? Невідомо.
  • Незручно з телефона. Дрібні поля, невдала клавіатура, кнопка, яку не видно. Більшість заходить з мобільного — форма зобов'язана бути зручною саме там.

Зробіть помилки людяними

Момент, коли форма повертає помилку, — критичний: тут втрачають найбільше. Правила прості:

  • Показуйте помилку біля конкретного поля, а не одним червоним рядком угорі.
  • Пояснюйте, що не так і як виправити: «Введіть номер у форматі 0XX XXX XX XX», а не просто «Помилка».
  • Перевіряйте поле одразу, а не після відправлення всієї форми — щоб людина виправила по ходу.
  • Не стирайте вже введене при помилці. Змусити заповнювати все заново — гарантована втрата.

Форма має допомагати заповнити себе, а не карати за помилки.

Що має статися після «надіслати»

Половина роботи форми — це те, що відбувається після натискання. Три обов'язкові речі:

1. Зрозуміле підтвердження — одразу. «Дякуємо, ми отримали заявку й зв'яжемося протягом дня». Без нього людина не знає, спрацювало чи ні, — і або тисне повторно, або йде. Це найдешевший елемент, який чомусь часто забувають.

2. Заявка має надійно дійти. Не лише на пошту, яку можуть не перевіряти днями, а бажано ще й у CRM, месенджер чи таблицю — щоб її точно побачили вчасно. Загублена заявка — це оплачений рекламою клієнт, викинутий на смітник. Як заявки далі не губляться в обробці — окремий матеріал.

3. Автопідтвердження клієнту. Лист або повідомлення «ваша заявка прийнята» закриває тривогу «чи дійшло» й задає тон. Це вже перший крок автоворонки.

Капча: захист, який не має заважати людям

Спам — реальна проблема, але класична капча з нерозбірливими літерами відлякує реальних людей не менше за ботів. Логіка така:

  • За замовчуванням — невидимий захист, що працює у фоні й не турбує користувача, або простий прихований механізм проти ботів.
  • Явну капчу з картинками ставте лише тоді, коли спам реально став проблемою, а не про всяк випадок.

Правило: захист від ботів не повинен заважати людям більше, ніж ботам.

Дрібниці, які додають заявок

  • Кнопка з дією, а не «Надіслати». «Отримати розрахунок», «Замовити дзвінок» — людина розуміє, що станеться.
  • Видима згода на обробку даних — і вимога закону, і сигнал, що ви серйозні. Веде на політику конфіденційності.
  • Правильна клавіатура на телефоні: для номера — цифрова, для пошти — з «@».
  • Одна форма — одна мета. Не намагайтеся однією формою і продати, і підписати на розсилку, і зібрати відгук.

Головне

Форма — це двері, крізь які відвідувач стає клієнтом, і втрачають на ній через тертя, а не через складність запиту. Головне правило: кожне поле коштує заявок, тому питайте лише те, без чого не зробите наступний крок, — зазвичай це ім'я й один контакт, решту з'ясуйте в розмові. Робіть помилки людяними — біля поля, з поясненням, не стираючи введене. І пам'ятайте, що половина роботи форми — після натискання: зрозуміле підтвердження, надійна доставка заявки в CRM чи месенджер і автопідтвердження клієнту. Капча має захищати від ботів, не заважаючи людям.

Ми в Obliko робимо форми, які реально заповнюють: мінімум полів, людяні помилки, зручність із телефона, надійна доставка заявки туди, де її побачать, і підтвердження, що закриває тривогу клієнта. Напишіть — подивимося, скільки заявок ваша форма зараз втрачає на порожньому місці.

Часті запитання
Скільки полів має бути у формі?

Стільки, скільки реально потрібно, щоб зв'язатися й обробити заявку, — і жодного більше. Кожне додаткове поле знижує кількість заповнень: людина зважує зусилля проти бажання, і довга форма програє. Для більшості заявок достатньо імені й одного контакту (телефон або пошта). Усе інше — компанія, посада, бюджет, коментар — краще з'ясувати вже в розмові, а не вимагати наперед. Питайте лише те, без чого не зможете зробити наступний крок.

Чому люди кидають форми на сайті?

Найчастіші причини: форма надто довга й виглядає як робота; незрозуміло, навіщо потрібні якісь поля (наприклад, вимагають адресу для простого запиту); форма видає помилки, не пояснюючи, що не так; немає впевненості, що заявку взагалі отримають. Ще одна велика причина — форма незручна з телефона: дрібні поля, незручна клавіатура, кнопка, яку не видно. Люди не кидають форму зі складності самого запиту — вони кидають її від тертя, яке ви створили зайвими вимогами.

Що має статися після натискання «надіслати»?

Три речі. Перше — людина має одразу побачити зрозуміле підтвердження: «дякуємо, ми отримали заявку й зв'яжемося тоді-то». Без нього людина не знає, спрацювало чи ні, і часто відправляє повторно або йде. Друге — заявка має надійно дійти до вас: не лише на пошту, яку можуть не перевіряти, а бажано ще й у CRM, месенджер чи таблицю. Третє — добре, коли клієнт отримує автоматичне підтвердження (лист чи повідомлення), що закриває тривогу «чи дійшло».

Чи потрібна капча на формі?

Капча захищає від спаму, але коштує заявок: кожен зайвий крок відлякує частину реальних людей, а старі капчі з нерозбірливими літерами дратують особливо. Сучасне рішення — невидимий захист, який працює у фоні й не турбує користувача, або простий прихований механізм проти ботів. Явну капчу з картинками варто ставити лише тоді, коли спам реально став проблемою, а не про всяк випадок. Захист від ботів не повинен заважати людям більше, ніж ботам.

Потрібен сайт або застосунок?

Розробляємо під ключ — від дизайну до запуску. Порахуємо ваш проєкт безкоштовно.

Читати далі
Як написати текст для сайту, який продає, а не займає місце
Більшість текстів на сайтах читають по діагоналі й забувають. Розбираємо, чому «ми молода команда професіоналів» нікого не переконує, як писати про вигоду клієнта замість опису себе, чому короткий конкретний текст сильніший за красиві абзаци, як структурувати сторінку під тих, хто не читає, і де межа між текстом для людей і текстом для SEO.
Адаптивний дизайн і мобільна версія сайту: чому телефон тепер головний екран
Що таке адаптивність простими словами, чому «окрема мобільна версія» — застарілий підхід, що таке mobile-first і mobile-first indexing, типові помилки на телефоні та чек-лист, як перевірити свій сайт самому й безкоштовно.
Лендинг чи багатосторінковий сайт: що обрати бізнесу
Коли достатньо односторінкового лендингу, а коли потрібен повноцінний сайт — розбираємо на прикладах, щоб ви не витратили бюджет даремно.