Як додати контактну форму на сайт

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

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

1. Виберіть мінімальний набір полів

Запитуйте лише те, що потрібно для корисної відповіді. Кожне додаткове поле може відвадити відвідувача. Стандартний набір:

Додавайте поле лише тоді, коли воно впливає на вашу відповідь. Приклад для вигаданої клінінгової компанії «Brightside Cleaning»:

ПолеЗалишити?Чому
Ім’я, електронна пошта, повідомленняТакПотрібні для відповіді
Поштовий індекс / ZIPТакОдразу показує, чи входить адреса до зони обслуговування
Тип послуги (список)ТакДопомагає спрямувати запити на регулярне, разове або фінальне прибирання
ТелефонНеобов’язковоДеякі клієнти воліють дзвонити; не вимагайте його
Компанія, посада, «звідки ви про нас дізналися»НіНе потрібні для відповіді на запит щодо прибирання житла

2. Згода й доступні підписи полів

<label for="email">Електронна пошта (обов’язково)</label>
<input id="email" name="email" type="email" autocomplete="email" required>

3. Надсилання, помилки й спам

4. Переконайтеся, що тестове звернення надійшло до потрібної скриньки

Форма, яка має гарний вигляд, але нікуди не надсилає повідомлення, — поширена проблема: неправильна адреса, фільтр спаму або непід’єднана вбудована форма. Після публікації виконайте цей тест і запишіть результат:

ТЕСТ КОНТАКТНОЇ ФОРМИ
Перевірена сторінка (активна URL-адреса):
Надіслано (дата/час):
Тестове ім’я:          TEST - [ваші ініціали] - [дата]
Доставлено до скриньки: [адреса]
Надійшло? У спам?      так/ні  /  так/ні
Усі поля надійшли правильно? так/ні
Перевірено також на телефоні? так/ні
Відповідь працює (лист піде відвідувачу)? так/ні

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

5. Вбудовані форми чи зовнішні сервіси форм

ВаріантДля чого підходитьНа що зважати
Форма в конструкторі сайтуПрості запити; на один обліковий запис меншеПеревірте, де зберігаються та куди надходять заявки
Вбудований сервіс форм (наприклад, Google Forms, Typeform, Jotform, Tally)Багатокрокові форми, завантаження файлів, логікаСтиль може відрізнятися; додатковий обсяг скриптів; перевіряйте актуальні обмеження тарифів сервісів
Власний код, що надсилає дані на ваш серверПовний контроль, інтеграції з CRMВи відповідаєте за захист від спаму й доставку

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

Додавання форми у We.Inc

У конструкторі сайтів We.Inc можна звичайними словами описати потрібну форму (наприклад, «форма запиту ціни з полями: ім’я, електронна пошта, поштовий індекс і тип послуги»), а потім змінити підписи й макет натисканням. Для створення за допомогою AI потрібен платний план від Starter за $20 на місяць (тарифи); план Free включає до 3 сайтів на шаблонах з адресою we.inc. Незалежно від обраного інструмента, перевірте доставку за тестом вище. Потім оцініть сторінку через оцінювач сайту, перегляньте шаблони для бізнесу або розрахуйте вартість за допомогою калькулятора вартості сайту.

Створіть сайт для свого бізнесу

Поширені запитання

Скільки полів має бути в контактній формі?

Якомога менше, але достатньо для корисної відповіді. Стандартний набір — ім’я, електронна пошта й повідомлення; додавайте поле лише тоді, коли воно впливає на відповідь, наприклад поштовий індекс для перевірки зони обслуговування.

Чому я не отримую повідомлення з контактної форми?

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

Чи потрібна CAPTCHA у контактній формі?

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

Чи варто показувати електронну адресу поряд із формою?

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

Почати безкоштовно · Банківська картка не потрібна

Product

Who It's For

Features

Resources

Company

View Sitemap