Статичний сайт не має сервера для приймання форми, тому контактні форми зазвичай потребують стороннього сервісу, скрипту й ключа API. На Lobsite формі потрібен лише action: укажіть /_lobsite/forms/<name> і розгорніть сайт. Повідомлення надходять на сторінку відповідей у панелі керування та на вашу пошту з фільтруванням спаму.
<form action="/_lobsite/forms/contact" method="POST">
<input name="email" type="email" required>
<textarea name="message" required></textarea>
<button>Send</button>
</form>
Як це працює
- Спрямуйте форму на Lobsite.
action="/_lobsite/forms/contact"іmethod="POST". Остання частина шляху задає назву форми:contact,newsletter,quote. - Розгорніть. Розгортання читає ваш HTML і реєструє кожну форму, що надсилає дані на
/_lobsite/forms/; вручну нічого реєструвати не потрібно. - Читайте повідомлення на сторінці відповідей у панелі керування, у пошті (з Reply-To на адресу відправника) або експортуйте командою
lobsite forms export contact --csv.
У полі вище вже є контактна сторінка. Опублікуйте її, щоб побачити форму на справжньому сайті; вона прийматиме повідомлення після збереження сайту в обліковому записі.
Вбудований захист від спаму
Під час віддавання сторінки Lobsite додає до кожної форми приховане поле-пастку та підписану часову позначку. Відповіді, у яких заповнено пастку або які надійшли протягом 2 секунд після завантаження сторінки, зберігаються окремо як спам, а відвідувачу, що надсилає забагато поспіль, відмовляють. Для цього не потрібно додавати капчу чи скрипт.
Перевірки, сторінки подяки й JavaScript
Кожна форма може мати розділ у lobsite.toml, що зберігається разом із розгортанням:
[forms.contact]
required = ["name", "email", "message"]
types = { email = "email" }
redirect = "/thanks"
requiredіtypesтакож перевіряються на сервері; відповідь, яка не пройшла перевірку, не зберігається, а відвідувач бачить, що виправити.redirectпоказує вашу сторінку після надсилання. Без нього відвідувач бачить сторінку подяки зі зворотним посиланням.- Надсилання через
fetchзалишає відвідувача на сторінці: надішлітьnew FormData(form)ізAccept: application/jsonі отримайте{"ok": true}або перелік полів, що не пройшли перевірку. - Фреймворки працюють, коли форма є в зібраному HTML, який створюють попередня генерація та статичний експорт (Astro, Eleventy, Next.js із
output: "export", SvelteKit ізprerender).
Повні приклади (розсилка, запит кошторису, скрипт fetch) є в документації форм.
Що включає кожен план
| Без облікового запису | Free | Платний (незабаром) | |
|---|---|---|---|
| Приймання відповідей | Після збереження сайту | Так | Так |
| Відповідей на місяць для кожного сайту | — | 25 | Без обмежень |
| Сповіщення поштою | — | На пошту облікового запису | На будь-яку підтверджену адресу |
| Підписані вебхуки | — | Ні | Так |
| Термін зберігання | — | 90 днів | 1 рік |
URL перегляду ніколи не приймають відповіді, а завантаження файлів у формах поки не підтримується.
Спрямуйте форму на /_lobsite/forms/contact. Фільтрація спаму включена.
Перенаправлення, заголовки та форми зберігаються в lobsite.toml і супроводжують кожне розгортання.
Перегляньте перед публікацією. Відкотіть одним натисканням разом із перенаправленнями.
Усі обмеження опубліковані, а кожна помилка підказує наступний крок.
Кожен сайт отримує адресу *.lobsite.app із HTTPS від першого розгортання.
Файли зберігаються за хешем. Повторне розгортання незміненого сайту завантажує 0 байтів.
Форми Lobsite, сервіс форм чи власний бекенд
| Форми Lobsite | Сервіс обробки форм | Власний бекенд | |
|---|---|---|---|
| Що додати до сторінки | action |
Кінцеву точку сервісу, часто ключ або скрипт | Вашу кінцеву точку |
| Облікові записи для керування | Той, де розміщено сайт | Додатковий | Хостинг сервера чи функцій |
| Фільтрування спаму | Вбудоване | Залежить від сервісу й плану | Ви створюєте самі |
| Відкат разом із сайтом | Так: налаштування в lobsite.toml |
Ні | Залежить |
| Безкоштовний обсяг | 25 на місяць для сайту | Залежить від сервісу | Ваші витрати на хостинг |
| Вебхуки | Платний план, незабаром | Зазвичай | Так |
Якщо вам уже потрібні сотні відповідей на місяць або завантаження файлів, до запуску платного плану краще підійде окремий сервіс. Для контактної форми невеликого сайту достатньо action.
Поширені запитання
Чи потрібен формам Lobsite JavaScript?
Ні. Звичайна HTML-форма працює як є. JavaScript необов’язковий і потрібен для показу повідомлення без виходу зі сторінки.
Чому повідомлення з форми потрапило до спаму?
Найчастіше форму згенерував JavaScript у браузері, тож вона втратила приховані поля захисту від спаму, які Lobsite додає під час віддавання сторінки. Залишайте форму в зібраному HTML і дозволяйте браузеру надсилати її в отриманому вигляді.
Чи можна отримувати повідомлення на іншу адресу?
На безкоштовному плані сповіщення надходять на пошту облікового запису. Будь-яка підтверджена адреса буде доступна з платним планом, який незабаром з’явиться.
Чи приймає сайт без облікового запису повідомлення форми?
Поки ні: розгортання працює з попередженням, а форма починає приймати повідомлення після збереження сайту в безкоштовному обліковому записі.
Чи можна мати кілька форм на одному сайті?
Так. Кожна назва — окрема форма зі своїми повідомленнями й налаштуваннями: /_lobsite/forms/contact і /_lobsite/forms/newsletter залишаються окремими на сторінці відповідей та в експорті.