Formulir HTML untuk situs statis, tanpa backend

Situs statis tidak memiliki server untuk menerima formulir, sehingga formulir kontak biasanya berarti layanan pihak ketiga, skrip, dan kunci API. Di Lobsite, formulir hanya memerlukan action: arahkan ke /_lobsite/forms/<name> dan lakukan deploy. Pesan masuk ke halaman Kiriman di dasbor dan ke email Anda, dengan spam tersaring.

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

Cara kerjanya

Arahkan formulir ke Lobsite. action="/_lobsite/forms/contact" dan method="POST". Bagian terakhir path menamai formulir: contact, newsletter, quote.
Deploy. Deploy membaca HTML Anda dan mencatat setiap formulir yang mengirim ke /_lobsite/forms/; tidak ada yang perlu didaftarkan manual.
Baca pesan di halaman Kiriman dasbor, di email Anda (dengan Reply-To disetel ke pengirim), atau ekspor dengan lobsite forms export contact --csv.

Kotak di atas dimulai dengan halaman kontak. Publikasikan untuk melihat formulir di situs aktif; formulir menerima pesan setelah situs disimpan di akun.

Perlindungan spam bawaan

Saat halaman disajikan, Lobsite menambahkan kolom honeypot tersembunyi dan stempel waktu bertanda tangan ke setiap formulir. Kiriman yang mengisi honeypot, atau tiba dalam 2 detik setelah halaman dimuat, dipisahkan sebagai spam, dan pengunjung yang mengirim terlalu banyak berturut-turut ditolak. Anda tidak perlu menambahkan captcha atau skrip.

Pemeriksaan, halaman terima kasih, dan JavaScript

Setiap formulir dapat memiliki bagian di lobsite.toml, yang ikut bersama deploy:

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

required dan types juga diperiksa di server; kiriman yang gagal tidak disimpan, dan pengunjung melihat yang perlu diperbaiki.
redirect menampilkan halaman Anda sendiri setelah mengirim. Tanpanya, pengunjung melihat halaman terima kasih dengan tautan kembali.
Mengirim dengan fetch menjaga pengunjung tetap di halaman: kirim new FormData(form) dengan Accept: application/json, dan jawabannya {"ok": true} atau kolom yang tidak lolos.
Framework berfungsi jika formulir ada di HTML hasil build, yang dihasilkan prerendering dan ekspor statis (Astro, Eleventy, Next.js dengan output: "export", SvelteKit dengan prerender).

Contoh lengkap (newsletter, permintaan penawaran, skrip fetch) ada di dokumentasi formulir.

Isi setiap paket

	Tanpa akun	Free	Berbayar (segera hadir)
Menerima kiriman	Setelah situs diklaim	Ya	Ya
Kiriman per bulan, per situs	—	25	Tanpa batas
Notifikasi email	—	Email akun Anda	Alamat terverifikasi apa pun
Webhook bertanda tangan	—	Tidak	Ya
Disimpan selama	—	90 hari	1 tahun

URL pratinjau tidak pernah menerima kiriman, dan unggahan file di formulir belum didukung.

Formulir yang langsung berfungsi

Arahkan formulir ke /_lobsite/forms/contact. Termasuk penyaringan spam.

Konfigurasi dalam satu file

Pengalihan, header, dan formulir ada di lobsite.toml dan ikut bersama setiap deploy.

Setiap deploy mendapat URL

Pratinjau sebelum tayang. Rollback dengan satu klik, termasuk pengalihan.

Batas yang dapat Anda baca

Setiap batas dipublikasikan, dan setiap error memberi tahu langkah selanjutnya.

HTTPS di mana-mana

Setiap situs mendapat alamat *.lobsite.app dengan HTTPS sejak deploy pertama.

Hanya file yang berubah yang diunggah

File disimpan berdasarkan hash-nya. Deploy ulang situs yang tidak berubah mengunggah 0 byte.

Formulir Lobsite, layanan formulir, atau backend sendiri

	Formulir Lobsite	Layanan backend formulir	Backend sendiri
Yang ditambahkan ke halaman	`action`	Endpoint layanan, sering dengan kunci atau skrip	Endpoint Anda
Akun yang dikelola	Tempat situs Anda berada	Akun kedua	Server atau host fungsi
Filter spam	Bawaan	Bervariasi menurut layanan dan paket	Anda buat sendiri
Rollback bersama situs	Ya: pengaturan ada di `lobsite.toml`	Tidak	Tergantung
Volume gratis	25 per bulan per situs	Bervariasi menurut layanan	Biaya hosting Anda
Webhook	Paket berbayar, segera hadir	Biasanya	Ya

Jika Anda memerlukan ratusan kiriman per bulan hari ini, atau unggahan file, layanan khusus lebih cocok sampai paket berbayar diluncurkan. Untuk formulir kontak di situs kecil, action saja sudah cukup.

Pertanyaan umum

Apakah formulir Lobsite memerlukan JavaScript?

Tidak. Formulir HTML biasa berfungsi apa adanya. JavaScript opsional, untuk menampilkan pesan tanpa meninggalkan halaman.

Mengapa pesan formulir saya masuk ke Spam?

Paling sering formulir dirender JavaScript di browser, sehingga kehilangan kolom spam tersembunyi yang ditambahkan Lobsite saat menyajikan halaman. Jaga formulir di HTML hasil build, dan biarkan browser mengirim formulir seperti yang disajikan.

Bisakah saya menerima pesan di alamat email lain?

Pada paket gratis, notifikasi dikirim ke email akun Anda. Alamat terverifikasi apa pun tersedia dengan paket berbayar, yang segera hadir.

Apakah situs tanpa akun menerima pesan formulir?

Belum: deploy berfungsi, dengan peringatan, dan formulir mulai menerima pesan setelah Anda mengklaim situs ke akun gratis.

Bisakah saya memiliki beberapa formulir di satu situs?

Ya. Setiap nama adalah formulir sendiri, dengan pesan dan pengaturannya sendiri: /_lobsite/forms/contact dan /_lobsite/forms/newsletter tetap terpisah di halaman Kiriman dan ekspor.

Formulir untuk situs statis