Strona statyczna nie ma serwera, który odebrałby formularz, więc formularze kontaktowe zwykle oznaczają zewnętrzną usługę, skrypt i klucz API. W Lobsite formularz potrzebuje tylko swojego action: skieruj go na /_lobsite/forms/<name> i wdróż. Wiadomości trafiają na stronę „Zgłoszenia” w Twoim panelu i na Twój e-mail, z odfiltrowanym spamem.
<form action="/_lobsite/forms/contact" method="POST">
<input name="email" type="email" required>
<textarea name="message" required></textarea>
<button>Send</button>
</form>
Jak to działa
- Skieruj formularz na Lobsite.
action="/_lobsite/forms/contact"imethod="POST". Ostatnia część ścieżki nazywa formularz:contact,newsletter,quote. - Wdróż. Wdrożenie czyta Twój HTML i zapisuje każdy formularz wysyłający do
/_lobsite/forms/; nie trzeba niczego rejestrować ręcznie. - Czytaj wiadomości na stronie „Zgłoszenia” w panelu, w swoim e-mailu (z Reply-To ustawionym na nadawcę) albo wyeksportuj je przez
lobsite forms export contact --csv.
Pole powyżej zaczyna od strony kontaktowej. Opublikuj ją, aby zobaczyć formularz na działającej stronie; przyjmuje wiadomości, gdy strona zostanie zachowana na koncie.
Wbudowana ochrona przed spamem
Przy serwowaniu strony Lobsite dodaje do każdego formularza ukryte pole-pułapkę i podpisany znacznik czasu. Zgłoszenia, które wypełniają pułapkę albo przychodzą w ciągu 2 sekund od załadowania strony, są odkładane jako spam, a odwiedzający, który wysyła zbyt wiele pod rząd, zostaje odrzucony. Nie dodajesz do tego captchy ani skryptu.
Walidacja, strony z podziękowaniem i JavaScript
Każdy formularz może mieć sekcję w lobsite.toml, która jedzie razem z wdrożeniem:
[forms.contact]
required = ["name", "email", "message"]
types = { email = "email" }
redirect = "/thanks"
requireditypessą sprawdzane także na serwerze; zgłoszenie, które nie przejdzie, nie jest zapisywane, a odwiedzający widzi, co poprawić.redirectpokazuje po wysłaniu Twoją własną stronę. Bez niego odwiedzający widzi stronę z podziękowaniem i linkiem powrotnym.- Wysyłanie przez
fetchzatrzymuje odwiedzającego na stronie: wyślijnew FormData(form)zAccept: application/json, a odpowiedzią będzie{"ok": true}albo pola, które nie przeszły. - Frameworki działają, gdy formularz jest w zbudowanym HTML, co dają prerendering i eksport statyczny (Astro, Eleventy, Next.js z
output: "export", SvelteKit zprerender).
Pełne przykłady (newsletter, zapytanie ofertowe, skrypt fetch) są w dokumentacji formularzy.
Co zawiera każdy plan
| Bez konta | Darmowy | Płatny (wkrótce) | |
|---|---|---|---|
| Przyjmuje zgłoszenia | Po przejęciu strony | Tak | Tak |
| Zgłoszenia miesięcznie na stronę | — | 25 | Bez limitu |
| Powiadomienia e-mail | — | E-mail Twojego konta | Dowolny zweryfikowany adres |
| Podpisane webhooki | — | Nie | Tak |
| Przechowywane przez | — | 90 dni | 1 rok |
Adresy URL podglądu nigdy nie przyjmują zgłoszeń, a przesyłanie plików w formularzach nie jest jeszcze obsługiwane.
Skieruj formularz na /_lobsite/forms/contact. Filtr spamu w zestawie.
Przekierowania, nagłówki i formularze są w lobsite.toml i wędrują z każdym wdrożeniem.
Podgląd przed publikacją. Wycofanie jednym kliknięciem, razem z przekierowaniami.
Każdy limit jest opublikowany, a każdy błąd mówi, co zrobić dalej.
Każda strona dostaje adres *.lobsite.app z HTTPS od pierwszego wdrożenia.
Pliki są przechowywane według hasha. Ponowne wdrożenie niezmienionej strony wgrywa 0 bajtów.
Formularze Lobsite, usługa formularzy czy własny backend
| Formularze Lobsite | Usługa backendu formularzy | Własny backend | |
|---|---|---|---|
| Co dodajesz do strony | action |
Endpoint usługi, często z kluczem lub skryptem | Swój endpoint |
| Konta do zarządzania | To, na którym jest strona | Drugie | Serwer lub hosting funkcji |
| Filtrowanie spamu | Wbudowane | Zależy od usługi i planu | Budujesz sam |
| Wycofuje się razem ze stroną | Tak: ustawienia są w lobsite.toml |
Nie | Zależy |
| Darmowy limit | 25 miesięcznie na stronę | Zależy od usługi | Twoje koszty hostingu |
| Webhooki | Płatny plan, wkrótce | Zwykle | Tak |
Jeśli już dziś potrzebujesz setek zgłoszeń miesięcznie albo przesyłania plików, do czasu startu płatnego planu lepiej sprawdzi się wyspecjalizowana usługa. Dla formularza kontaktowego na małej stronie wystarczy action.
Najczęstsze pytania
Czy formularze Lobsite wymagają JavaScriptu?
Nie. Zwykły formularz HTML działa bez zmian. JavaScript jest opcjonalny, aby pokazać komunikat bez opuszczania strony.
Dlaczego wiadomość z mojego formularza trafiła do spamu?
Najczęściej formularz był renderowany przez JavaScript w przeglądarce, więc stracił ukryte pola antyspamowe, które Lobsite dodaje przy serwowaniu strony. Trzymaj formularz w zbudowanym HTML i pozwól przeglądarce wysłać go w takiej postaci, w jakiej został podany.
Czy mogę dostawać wiadomości na inny adres e-mail?
W darmowym planie powiadomienia trafiają na e-mail Twojego konta. Dowolny zweryfikowany adres jest w płatnym planie, dostępnym wkrótce.
Czy strona bez konta przyjmuje wiadomości z formularzy?
Jeszcze nie: wdrożenie działa, z ostrzeżeniem, a formularz zaczyna przyjmować wiadomości, gdy przejmiesz stronę na darmowe konto.
Czy mogę mieć kilka formularzy na jednej stronie?
Tak. Każda nazwa to osobny formularz z własnymi wiadomościami i ustawieniami: /_lobsite/forms/contact i /_lobsite/forms/newsletter są rozdzielone na stronie „Zgłoszenia” i w eksportach.