Інструкція

Безкоштовна контактна форма для статичного сайту

Контактній формі статичного сайту не потрібен сервер на вашому хості.

Коротко: Так, статичний сайт може мати контактну форму. Безкоштовна контактна форма для статичного сайту надсилає дані з браузера у Formgong. Hugo, Astro, Gatsby, Jekyll, Eleventy, Netlify, Vercel, GitHub Pages і звичайний HTML не потребують сервера. Вставте форму і замініть ключ. Заявки приходять на пошту і в Telegram.

Скопіюйте форму

Поставте цю форму на сторінку. Адреса дії — справжня точка Formgong. Ключ доступу публічний, це не пароль пошти. botcheck — пастка для ботів. _lang обирає мову сторінки подяки і помилок.

HTML
<form action="https://formgong.com/submit" method="POST">
  <input type="hidden" name="access_key" value="fk_your_access_key">
  <input type="hidden" name="_lang" value="uk">
  <label>Name <input type="text" name="name" required></label>
  <label>Email <input type="email" name="email" required></label>
  <label>Message <textarea name="message" required></textarea></label>
  <input type="text" name="botcheck" tabindex="-1" autocomplete="off" style="position:absolute;left:-9999px" aria-hidden="true">
  <button type="submit">Надіслати</button>
</form>

Додайте її до сайту, який уже публікуєте

Статичний хост віддає файли. Він не запускає PHP, коли відвідувач натискає «Надіслати». Форма в браузері викликає Formgong, тож хост лишається текою HTML.

  1. Створіть форму в Formgong і скопіюйте ключ. Він починається з fk_.
  2. Вставте HTML-форму на сторінку, яку статичний хост уже віддає.
  3. Замініть fk_your_access_key. Залиште поля access_key, _lang і botcheck.
  4. Опублікуйте ті самі файли, що й раніше. Форму надсилає браузер. PHP і функція не потрібні.
  5. Надішліть тест із живого URL. Підключіть Telegram у Formgong, якщо потрібен сигнал на телефон.

Куди саме ставити форму

У кожного генератора своє місце для HTML і свої обмеження. Відкрийте інструкцію для вашого інструмента. GitHub Pages описано на сторінці Jekyll.

Що дає сам хост

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

Netlify Forms, перевірка 6 жовтня 2026, безкоштовні й без ліміту на кредитних тарифах, і лише для сайтів на Netlify. Облікові записи до 4 вересня 2025 на старих тарифах: 100 заявок на сайт на місяць, далі платний рівень. Форми на JavaScript потребують прихованої статичної копії. Сповіщення — пошта, Slack і вебхуки.

У Vercel немає продукту форм. Звичайний додаток — Route Handler і ключ SMTP, а статичний експорт не вміє Server Actions. GitHub Pages не збере непідтриманий плагін Jekyll. Eleventy і Hugo записують файли і на цьому зупиняються.

Formgong — скринька заявок для цих файлів. Безкоштовний тариф — 300 заявок на місяць. Telegram є на кожному тарифі. На Free пошта — це щоденний дайджест. Лист на кожну заявку починається з Pro. Дані зберігаються в ЄС.

Запитання й відповіді

Чи може статичний сайт мати контактну форму?

Так. Сторінка лишається статичним файлом. Браузер надсилає поля у Formgong, який зберігає заявку і шле пошту та Telegram.

Що таке безкоштовна форма для статичного сайту?

Форма, яку вставляють в HTML, без PHP і без власного сервера. Безкоштовний тариф Formgong — 300 заявок на місяць, необмежена кількість форм і Telegram.

Чи працює це на GitHub Pages, Netlify і Vercel?

Так. Ці хости лише віддають сторінку. POST іде у Formgong. Ту саму форму можна перенести на інший хост без переписування.

Чи потрібна serverless-функція?

Ні, не для контактної форми. Функція потрібна лише тоді, коли відправка має змінити вашу базу або перевірити користувача з сесією.

Джерела

Перевірено 06.10.2026 за офіційною довідкою та публічними сторінками: Gatsby: building a contact form, GitHub Pages and Jekyll, Eleventy docs, Netlify Forms usage and billing, Netlify pricing update, 14 April 2026, Next.js static exports.

← Formgong