HTML-skjemaer for statiske nettsteder, uten backend

Et statisk nettsted har ingen server som tar imot et skjema, så kontaktskjemaer betyr vanligvis en tredjepartstjeneste, et skript og en API-nøkkel. På Lobsite trenger et skjema bare sin action: pek den til /_lobsite/forms/<name> og deploy. Meldinger havner på siden Innsendinger i dashbordet og i e-posten din, med spam filtrert bort.

<form action="/_lobsite/forms/contact" method="POST">
  <input name="email" type="email" required>
  <textarea name="message" required></textarea>
  <button>Send</button>
</form>

Slik fungerer det

Pek skjemaet mot Lobsite. action="/_lobsite/forms/contact" og method="POST". Den siste delen av stien gir skjemaet navn: contact, newsletter, quote.
Deploy. Deployen leser HTML-en din og registrerer hvert skjema som sender til /_lobsite/forms/; det er ingenting å registrere for hånd.
Les meldingene på siden Innsendinger i dashbordet, i e-posten din (med Reply-To satt til avsenderen), eller eksporter dem med lobsite forms export contact --csv.

Boksen over starter med en kontaktside. Publiser den for å se skjemaet på et live nettsted; det tar imot meldinger når nettstedet er beholdt i en konto.

Innebygd spambeskyttelse

Når en side leveres, legger Lobsite til et skjult honeypot-felt og et signert tidsstempel i hvert skjema. Innsendinger som fyller ut honeypot-feltet, eller kommer innen 2 sekunder etter at siden ble lastet, legges til side som spam, og en besøkende som sender for mange på rad, blir avvist. Du legger ikke til captcha eller skript for noe av dette.

Kontroller, takkesider og JavaScript

Hvert skjema kan ha en seksjon i lobsite.toml, som følger med deployen:

[forms.contact]
required = ["name", "email", "message"]
types    = { email = "email" }
redirect = "/thanks"

required og types sjekkes også på serveren; en innsending som feiler, lagres ikke, og den besøkende ser hva som må rettes.
redirect viser din egen side etter sending. Uten den ser den besøkende en takkeside med en lenke tilbake.
Sending med fetch holder den besøkende på siden: send new FormData(form) med Accept: application/json, og svaret er {"ok": true} eller feltene som ikke besto.
Rammeverk fungerer når skjemaet ligger i den bygde HTML-en, som forhåndsrendring og statisk eksport gir (Astro, Eleventy, Next.js med output: "export", SvelteKit med prerender).

Fullstendige eksempler (nyhetsbrev, tilbudsforespørsel, fetch-skriptet) finnes i skjemadokumentasjonen.

Hva hver plan inkluderer

	Uten konto	Gratis	Betalt (kommer snart)
Tar imot innsendinger	Når nettstedet er krevd	Ja	Ja
Innsendinger per måned, per nettsted	—	25	Ingen grense
E-postvarsler	—	Kontoens e-postadresse	Enhver bekreftet adresse
Signerte webhooks	—	Nei	Ja
Lagres i	—	90 dager	1 år

Forhåndsvisnings-URL-er tar aldri imot innsendinger, og filopplasting i skjemaer støttes ikke ennå.

Skjemaer som bare fungerer

Pek et skjema mot /_lobsite/forms/contact. Spamfilter inkludert.

Konfigurasjon i én fil

Videresendinger, headere og skjemaer ligger i lobsite.toml og følger med hver deploy.

Hver deploy får en URL

Forhåndsvis før du går live. Rull tilbake med ett klikk, inkludert videresendinger.

Grenser du kan lese

Hver grense er publisert, og hver feil forteller deg hva du skal gjøre videre.

HTTPS overalt

Hvert nettsted får en *.lobsite.app-adresse med HTTPS fra første deploy.

Bare endrede filer lastes opp

Filer lagres etter hash. Å deploye et uendret nettsted på nytt laster opp 0 byte.

Lobsite-skjemaer, en skjematjeneste eller din egen backend

	Lobsite-skjemaer	En backendtjeneste for skjemaer	Din egen backend
Hva du legger til på siden	`action`	Tjenestens endepunkt, ofte med nøkkel eller skript	Ditt endepunkt
Kontoer å administrere	Den nettstedet ditt er i	En til	En server eller en vert for funksjoner
Spamfilter	Innebygd	Varierer med tjeneste og plan	Du bygger det selv
Rulles tilbake med nettstedet	Ja: innstillingene ligger i `lobsite.toml`	Nei	Kommer an på
Gratis volum	25 i måneden per nettsted	Varierer med tjeneste	Dine hostingkostnader
Webhooks	Betalt plan, kommer snart	Vanligvis	Ja

Trenger du hundrevis av innsendinger i måneden allerede i dag, eller filopplasting, passer en egen tjeneste bedre til betalingsplanen kommer. For et kontaktskjema på et lite nettsted er action alt som trengs.

Ofte stilte spørsmål

Trenger Lobsite-skjemaer JavaScript?

Nei. Et vanlig HTML-skjema fungerer som det er. JavaScript er valgfritt, for å vise en melding uten å forlate siden.

Hvorfor havnet meldingen fra skjemaet mitt i spam?

Som oftest ble skjemaet rendret av JavaScript i nettleseren, og mistet dermed de skjulte spamfeltene Lobsite legger til når siden leveres. Behold skjemaet i den bygde HTML-en, og la nettleseren sende skjemaet slik det ble levert.

Kan jeg få meldinger til en annen e-postadresse?

På gratisplanen går varsler til kontoens e-postadresse. Enhver bekreftet adresse følger med betalingsplanen, som kommer snart.

Tar et nettsted uten konto imot skjemameldinger?

Ikke ennå: deployen fungerer, med en advarsel, og skjemaet begynner å ta imot meldinger når du krever nettstedet inn i en gratis konto.

Kan jeg ha flere skjemaer på ett nettsted?

Ja. Hvert navn er et eget skjema, med egne meldinger og innstillinger: /_lobsite/forms/contact og /_lobsite/forms/newsletter holdes adskilt på siden Innsendinger og i eksporter.

Skjemaer for statiske nettsteder