Форма заявки на сайті: скільки полів потрібно і де її розмістити

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

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

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

Форма заявки на сайті: одне завдання замість анкети

Форма — це не анкета і не спосіб одразу дізнатися про клієнта все. Її єдине завдання — дати людині найпростіший спосіб сказати «я зацікавлений, зв’яжіться зі мною». Усе, що ви хочете уточнити, краще з’ясувати в розмові: так і швидше, і людина відчуває увагу, а не допит.

Звідси головне правило: кожне поле має виправдати своє існування. Якщо без нього ви все одно зможете передзвонити й допомогти, поле зайве. Якщо без нього ви не зрозумієте, кому і про що дзвонити, воно потрібне.

Варто пам’ятати й про контекст. Людина, яка заповнює форму, зазвичай робить це з телефона, однією рукою, між іншими справами: у черзі, у транспорті, на перерві. Будь-яке додаткове поле, випадний список чи вимога вигадати пароль — це ще одна причина відкласти «на потім», а «потім» часто не настає.

Окремо зауважимо: форма не виправить слабку пропозицію. Якщо на сторінці немає цін, прикладів робіт і зрозумілого опису послуги, навіть ідеальні два поля не допоможуть. Але коли решта сторінки працює, саме форма часто стає тим місцем, де губиться помітна частина звернень.

Мінімум полів: таблиця «потрібне чи зайве»

Для більшості сайтів послуг вистачає двох-трьох полів. Нижче — типові поля і чесна оцінка, чи потрібні вони на першому кроці.

Поле	Коли потрібне	Обов’язкове?
Ім’я	Майже завжди, щоб звернутися до людини	Так, але одне поле, без прізвища
Телефон	Якщо ви передзвонюєте	Так
Email	Якщо відповідаєте листом або надсилаєте кошторис	Лише якщо немає телефону
Послуга чи тип задачі	Коли напрямів кілька	Ні, краще список із варіантом «не знаю»
Дата й час	Онлайн-запис у салоні, клініці	Так, але тоді це вже форма запису
Коментар	Для тих, хто хоче описати ситуацію	Ні
Файл чи фото	Ремонт, меблі, юридичні документи	Ні

Окремо про поля, які майже завжди шкодять: прізвище, по батькові, адреса на першому кроці, «як ви про нас дізналися» як обов’язкове, повторне введення телефону «для підтвердження», капча з нерозбірливими літерами. Кожне з них додає тертя і майже нічого не дає.

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

Двокрокова форма для складних послуг

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

Як це влаштувати

1. Перший крок: ім’я і телефон, кнопка «Далі» або «Отримати розрахунок».
2. Одразу після натискання контакт уже зберігається і надходить вам.
3. Другий крок: 3–4 уточнення з позначкою «за бажанням» і поясненням, навіщо вони: «Так ми зможемо назвати орієнтовну ціну вже під час першого дзвінка».
4. Наприкінці — подяка й чесне пояснення, коли і хто зв’яжеться.

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

Важливий технічний момент: дані першого кроку мають надсилатися одразу, а не лише після завершення всієї форми. Перевірте це тестовою заявкою, зупинившись на першому кроці.

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

П’ять місць на сторінці, де форма збирає звернення

Найпоширеніша помилка — одна форма на сторінці «Контакти». До неї доходить мала частина відвідувачів: решта ухвалює рішення раніше, на сторінці послуги чи цін, і не хоче нікуди переходити.

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

Спливаючі вікна через п’ять секунд після відкриття сторінки краще не використовувати: людина ще не зрозуміла, де вона, а її вже просять залишити номер. Особливо дратує це на телефоні, де закрити вікно буває непросто.

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

Скільки форм може бути на одній сторінці

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

Мобільна версія форми: деталі, які вирішують

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

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

Більшість цих речей налаштовує розробник за кілька хвилин, але без перевірки їх ніхто не помітить. Загальні правила зручності на телефоні зібрано в статті про мобільну версію сайту.

Окремо про формат номера. Люди вводять його по-різному: з +380, з нуля, з пробілами й дужками. Форма має приймати всі варіанти й не вимагати «правильного» формату. Кожна відмова через зайвий пробіл — втрачений клієнт, який навряд чи спробує вдруге.

Перевіряйте форму на двох-трьох різних телефонах, зокрема на старішому з невеликим екраном. Те, що добре виглядає на новому смартфоні власника, на бюджетній моделі клієнта може з’їхати так, що кнопку не видно взагалі.

Слова навколо полів: заголовок, кнопка, повідомлення після надсилання

Слова біля форми впливають на рішення не менше, ніж кількість полів. Порівняйте кнопку «Надіслати» і кнопку «Отримати розрахунок вартості». Перша нічого не обіцяє, друга пояснює, що людина отримає.

Замість	Краще	Чому
Надіслати	Отримати розрахунок	людина бачить результат, а не дію
Зворотний зв’язок	Безкоштовна консультація 15 хвилин	зрозуміло, що буде і скільки це триває
Коментар	Опишіть задачу, наприклад: протікає кран на кухні	підказка знімає ступор перед порожнім полем
Дякуємо!	Заявку отримано. Передзвонимо сьогодні до 18:00	людина знає, чого чекати

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

Якщо ви працюєте не щодня, чесно напишіть про це: «Заявки у вихідні обробляємо в понеділок до 12:00». Людина спокійніше чекає, коли знає, чого чекати. Ще краще, якщо в повідомленні після надсилання є номер телефону для термінових випадків: так ви не втратите клієнта, у якого щось сталося саме зараз. Ширше про те, як дрібні зміни в текстах і розміщенні впливають на кількість звернень, розповідає матеріал про конверсію сайту.

Форма, дзвінок, месенджер чи онлайн-запис: що обрати для своєї ніші

Не всі клієнти хочуть заповнювати форму. Людина з терміновою проблемою подзвонить, молодша аудиторія напише в месенджер, а той, хто обирає спокійно, ввечері залишить заявку. Тому форма не замінює інші канали, а доповнює їх.

Тип ніші	Приклади	Головний канал	Запасний канал
Термінові задачі	сантехнік, евакуатор, гострий зубний біль	телефон	месенджер, коротка форма
Зважене рішення	психолог, юрист, меблі, ремонт	форма з коментарем	месенджер, телефон
Запис на час	салон, клініка, студія	онлайн-запис	телефон, месенджер

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

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

Тримайте всі канали в однаковому стані: якщо телефон відповідає з 9 до 19, напишіть це біля номера; якщо в месенджері відповідають протягом години, так і вкажіть. Чесні рамки працюють краще, ніж ілюзія цілодобової доступності, яку ви не можете забезпечити.

Захист від спаму без капчі, яка відлякує людей

Щойно сайт з’являється в пошуку, на форму починають приходити рекламні повідомлення від ботів. Бажання поставити найсуворішу перевірку зрозуміле, але класична капча з розмитими літерами відлякує й живих людей, особливо на телефоні.

• Невидимий захист, який оцінює поведінку відвідувача й показує перевірку лише підозрілим.
• Поле-пастка: приховане від людей поле, яке заповнюють лише боти; такі заявки відкидаються автоматично.
• Фільтрація на сервері за ознаками спаму: посилання в коментарі, підозріло швидке заповнення.
• Обмеження частоти: не більше кількох заявок з однієї адреси за короткий час.

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

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

Після кнопки: куди потрапляє заявка і хто її бачить

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

1. Куди приходять заявки: на пошту, яку ви справді читаєте щодня, чи на скриньку, створену колись підрядником.
2. Чи не потрапляють листи зі сповіщенням у спам або вкладку «Промоакції».
3. Чи є дублювання в месенджер, щоб заявку побачили навіть без доступу до пошти.
4. Хто відповідає за обробку, коли власник у відпустці чи на об’єкті.
5. Як швидко ви передзвонюєте: зазвичай шанс домовитися найвищий у першу годину.

Дрібниця, яка часто вирішує: у сповіщенні про заявку мають бути всі дані одразу — ім’я, телефон, коментар і сторінка, з якої людина надіслала форму. Тоді, передзвонюючи, ви вже знаєте, що клієнт читав про чистку зубів чи про шафу-купе, і розмова починається не з «а що вас цікавить?», а з конкретики. Таке сповіщення налаштовується один раз і економить час щодня.

Заведіть і просту таблицю заявок: дата, джерело, послуга, результат. Через місяць-два вона покаже, скільки звернень доходить до замовлення і на якому етапі ви їх втрачаєте. Без такої таблиці навіть ідеальна форма залишається «чорною скринькою».

Як рахувати заявки з форми

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

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

Покроковий порядок налаштування подій описано в матеріалі про Google Analytics 4 для власника бізнесу. Якщо на налаштування немає часу, це типове завдання для розробника, яке зазвичай займає годину-дві.

Не намагайтеся одразу будувати складні звіти. Для невеликого бізнесу достатньо трьох цифр щомісяця: скільки заявок прийшло з сайту, з яких сторінок їх було найбільше і скільки з них стали замовленнями. Уже після двох-трьох місяців такого обліку видно, які сторінки варто посилити, а які можна не чіпати.

Форма заявки на сайті для різних ніш: три набори полів

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

• Салон, клініка, студія: ім’я, телефон, послуга зі списку, бажаний день або вибір вільного часу в онлайн-записі; коментар — за бажанням.
• Юрист, психолог, консультант: ім’я, телефон або месенджер, коротке поле «з чим звертаєтеся» з підказкою, що деталі можна обговорити в розмові; позначка «зручний час для дзвінка».
• Ремонт, меблі, будівництво: ім’я, телефон; другим кроком — тип робіт, площа чи розміри, фото приміщення, місто або район.
• Невеликий магазин: форма тут зазвичай допоміжна, для питань про товар: ім’я, контакт, назва товару підставляється автоматично.

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

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

Умовний приклад: форма ремонтної бригади до і після

Розглянемо ілюстративну ситуацію, зібрану з поширених помилок, а не реальний випадок. Ремонтна бригада має сайт із формою на сторінці «Контакти»: прізвище, ім’я, по батькові, телефон, email, адреса об’єкта, площа, тип ремонту, бажана дата початку, капча. Усі поля обов’язкові, кнопка «Надіслати».

Що змінили

1. Форму додали в кінець кожної сторінки послуги й поруч із цінами.
2. Перший крок скоротили до імені й телефону, кнопку назвали «Отримати орієнтовний кошторис».
3. Площу, тип ремонту й фото винесли в другий крок «за бажанням».
4. Капчу замінили на невидимий захист і поле-пастку.
5. Налаштували дублювання заявок у месенджер бригадира і подію в аналітиці.

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

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

Форма заявки на сайті: тест на 15 хвилин щомісяця

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

• Надішліть заявку з телефона і з комп’ютера, з різних сторінок.
• Перевірте, чи дійшли обидві і скільки часу це зайняло.
• Спробуйте ввести номер у різних форматах: з +380, без коду, з пробілами.
• Переконайтеся, що після надсилання видно підтвердження, а не порожню сторінку.
• Порахуйте поля: якщо їх більше чотирьох, подумайте, які можна прибрати.

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

У готових сайтах GuideWay форма заявки на сайті, онлайн-запис чи калькулятор уже продумані під нішу, а перед запуском ми перевіряємо, що звернення доходять. Подивитися, як це виглядає, можна в каталозі готових сайтів, а для вже працюючого сайту є техпідтримка й інші послуги від 30 $ на місяць; вартість тарифів зібрано на сторінці цін. Запитати про свою ситуацію можна через сторінку контактів.

Часті запитання

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

Для більшості сайтів послуг достатньо двох-трьох полів: ім’я, телефон і, за потреби, коротке поле для коментаря чи вибору послуги. Усе інше краще уточнити в розмові, коли людина вже відчуває вашу увагу. Що більше обов’язкових полів, то більше відвідувачів зупиняється на півдорозі, особливо ті, хто заповнює форму з телефона.

Чи потрібна капча у формі заявки?

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

Чому заявки з сайту не приходять на пошту?

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

Що краще: форма заявки чи кнопка месенджера?

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

Чи варто робити спливаюче вікно з формою?

Спливаюче вікно одразу після відкриття сторінки здебільшого дратує: людина ще не зрозуміла, що ви пропонуєте, а її вже просять залишити номер. Якщо вікно все ж потрібне, показуйте його у відповідь на дію, наприклад після натискання кнопки «Отримати розрахунок», і зробіть так, щоб його легко було закрити на телефоні.

Де краще розмістити форму: на окремій сторінці чи на кожній?

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

Як швидко потрібно відповідати на заявку з сайту?

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