lobsite! Giriş yap Kaydol

Statik siteler için formlar

Statik sitede iletişim, kayıt ve teklif formları toplayın: formu /_lobsite/forms/<name> adresine yönlendirip deploy edin. Spam filtresi ve panel dahil.

Klasörü deploy edin; /_lobsite/forms/ adresine gönderen her form deploy sırasında bulunur.

Önce HTML Viewer'da önizleyin →

Ücretsiz, hesap gerekmez. 6 saat yayında kalır, ya da korursanız kalıcı olur.

Statik bir sitenin formu alacak bir sunucusu yoktur; bu yüzden iletişim formları genellikle üçüncü taraf bir hizmet, bir betik ve bir API anahtarı demektir. Lobsite'ta bir formun yalnızca action değerine ihtiyacı vardır: onu /_lobsite/forms/<name> adresine yönlendirin ve deploy edin. Mesajlar, spam ayıklanmış olarak panelinizdeki Gönderimler sayfasına ve e-postanıza düşer.

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

Nasıl çalışır

  1. Formu Lobsite'a yönlendirin. action="/_lobsite/forms/contact" ve method="POST". Yolun son kısmı formun adıdır: contact, newsletter, quote.
  2. Deploy edin. Deploy, HTML'inizi okur ve /_lobsite/forms/ adresine gönderen her formu kaydeder; elle kaydedilecek bir şey yoktur.
  3. Mesajları okuyun: paneldeki Gönderimler sayfasında, e-postanızda (Reply-To gönderene ayarlı) ya da lobsite forms export contact --csv ile dışa aktararak.

Yukarıdaki kutu bir iletişim sayfasıyla başlar. Formu yayındaki bir sitede görmek için yayımlayın; site bir hesapta korunduğunda mesaj kabul eder.

Yerleşik spam koruması

Bir sayfa sunulduğunda Lobsite her forma gizli bir tuzak alanı ve imzalı bir zaman damgası ekler. Tuzağı dolduran ya da sayfa yüklendikten sonraki 2 saniye içinde gelen gönderimler spam olarak ayrılır ve art arda çok fazla gönderen bir ziyaretçi reddedilir. Bunların hiçbiri için captcha ya da betik eklemezsiniz.

Doğrulamalar, teşekkür sayfaları ve JavaScript

Her formun, deploy ile birlikte giden bir lobsite.toml bölümü olabilir:

[forms.contact]
required = ["name", "email", "message"]
types    = { email = "email" }
redirect = "/thanks"
  • required ve types sunucuda da kontrol edilir; başarısız olan bir gönderim saklanmaz ve ziyaretçi neyi düzeltmesi gerektiğini görür.
  • redirect, gönderimden sonra kendi sayfanızı gösterir. Olmazsa ziyaretçi geri dönüş bağlantılı bir teşekkür sayfası görür.
  • fetch ile göndermek ziyaretçiyi sayfada tutar: new FormData(form) verisini Accept: application/json ile gönderin; yanıt {"ok": true} ya da geçemeyen alanlardır.
  • Framework'ler, form derlenmiş HTML'in içindeyse çalışır; önceden oluşturma ve statik dışa aktarma bunu üretir (Astro, Eleventy, output: "export" ile Next.js, prerender ile SvelteKit).

Eksiksiz örnekler (bülten, teklif isteği, fetch betiği) form belgelerinde.

Her plan neler içerir

Hesapsız Ücretsiz Ücretli (yakında)
Gönderim kabul eder Site sahiplenildikten sonra Evet Evet
Site başına aylık gönderim — 25 Sınırsız
E-posta bildirimleri — Hesabınızın e-postası Doğrulanmış her adres
İmzalı webhook'lar — Hayır Evet
Saklama süresi — 90 gün 1 yıl

Önizleme URL'leri asla gönderim kabul etmez ve formlarda dosya yükleme henüz desteklenmiyor.

Doğrudan çalışan formlar

Bir formu /_lobsite/forms/contact adresine yönlendirin. Spam filtresi dahil.

Tek dosyada yapılandırma

Yönlendirmeler, başlıklar ve formlar lobsite.toml içinde durur ve her deploy ile birlikte gider.

Her deploy'un bir URL'si olur

Yayına almadan önce önizleyin. Yönlendirmeler dahil tek tıkla geri alın.

Okuyabileceğiniz sınırlar

Her sınır yayımlanmıştır ve her hata sonra ne yapmanız gerektiğini söyler.

Her yerde HTTPS

Her site ilk deploy'dan itibaren HTTPS'li bir *.lobsite.app adresi alır.

Yalnızca değişen dosyalar yüklenir

Dosyalar hash'lerine göre saklanır. Değişmemiş bir siteyi yeniden deploy etmek 0 bayt yükler.

Lobsite formları, bir form hizmeti ya da kendi backend'iniz

Lobsite formları Bir form backend hizmeti Kendi backend'iniz
Sayfaya ne eklersiniz action Hizmetin uç noktası, çoğu zaman bir anahtar veya betik Kendi uç noktanız
Yönetilecek hesaplar Sitenizin bulunduğu hesap İkinci bir hesap Bir sunucu ya da fonksiyon barındırma
Spam filtresi Yerleşik Hizmete ve plana göre değişir Kendiniz kurarsınız
Siteyle birlikte geri alınır Evet: ayarlar lobsite.toml içinde Hayır Duruma göre
Ücretsiz hacim Site başına ayda 25 Hizmete göre değişir Barındırma maliyetiniz
Webhook'lar Ücretli plan, yakında Genellikle Evet

Bugünden ayda yüzlerce gönderime ya da dosya yüklemeye ihtiyacınız varsa, ücretli plan gelene kadar özel bir hizmet daha uygundur. Küçük bir sitedeki iletişim formu için action yeterlidir.

Sık sorulan sorular

Lobsite formları JavaScript gerektirir mi?

Hayır. Düz bir HTML formu olduğu gibi çalışır. JavaScript, sayfadan ayrılmadan bir mesaj göstermek için isteğe bağlıdır.

Formumdaki mesaj neden spam'e düştü?

Çoğu zaman form tarayıcıda JavaScript ile oluşturulmuştur ve Lobsite'ın sayfayı sunarken eklediği gizli spam alanlarını kaybetmiştir. Formu derlenmiş HTML'de tutun ve tarayıcının formu sunulduğu haliyle göndermesine izin verin.

Mesajları başka bir e-posta adresine alabilir miyim?

Ücretsiz planda bildirimler hesabınızın e-postasına gider. Doğrulanmış herhangi bir adres, yakında gelecek ücretli planla gelir.

Hesabı olmayan bir site form mesajı kabul eder mi?

Henüz değil: deploy bir uyarıyla çalışır ve siteyi ücretsiz bir hesaba sahiplendiğinizde form mesaj kabul etmeye başlar.

Bir sitede birden fazla form olabilir mi?

Evet. Her ad kendi mesajları ve ayarlarıyla ayrı bir formdur: /_lobsite/forms/contact ve /_lobsite/forms/newsletter, Gönderimler sayfasında ve dışa aktarmalarda ayrı tutulur.

Ayrıca bakın