Eleventy (11ty) iletişim formu

Formgong team ·

Bir Eleventy iletişim formu, insanların 11ty iletişim formu diye aradığı işin aynısıdır. Eleventy statik HTML yazar ve ziyaretçiler için sunucu çalıştırmaz. Şablonu Formgong'a gönderin. Eklenti ya da fonksiyon olmadan e-posta ve Telegram alırsınız. Site düz HTML olarak kalır ve sunucu gerekmez.

Eleventy
<form action="https://formgong.com/submit" method="POST">
  <input type="hidden" name="access_key" value="fk_your_access_key">
  <input type="hidden" name="_lang" value="tr">
  <label>Ad <input type="text" name="name" autocomplete="name" placeholder="Adınız" required></label>
  <label>E-posta <input type="email" name="email" autocomplete="email" placeholder="siz@ornek.com" required></label>
  <label>Mesaj <textarea name="message" placeholder="Size nasıl yardımcı olabiliriz?" required></textarea></label>
  <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)">
  <label>Bu alanı boş bırakın<input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label>
</div>
  
  <button type="submit">Gönder</button>
</form>

Eleventy ile formlar nasıl çalışır

Eleventy (11ty) şablonları statik dosyalara derler. Nunjucks, Liquid, HTML ve Markdown çalışır. 6 Ekim 2026'da bakılan başlangıç sayfası, v3.1.6 için Node 18 ya da daha yenisini ister.

Varsayılan çıktı klasörü _site olur. Onu üretmek için npx @11ty/eleventy çalıştırın. O klasördeki hiçbir şey POST alamaz. Formun ağdaki bir uca gitmesi gerekir.

Eleventy ile kurulum

  1. Formgong'da bir form oluşturun ve erişim anahtarını kopyalayın.
  2. Formu contact.njk içine koyun. Onu https://formgong.com/submit adresine yöneltin ve access_key, _lang ile botcheck ekleyin.
  3. Onu {% include "contact-form.njk" %} ile yeniden kullanın. _includes içindeki dosyalar sayfa değil, parçadır.
  4. npx @11ty/eleventy --serve çalıştırın ve http://localhost:8080/ adresini açın. Deneme gönderin, sonra _site klasörünü yükleyin ya da depoyu barındırıcıya bağlayın.
  5. Ayrıştırılmasını istemediğiniz metinde şablon parantezi bırakmayın. Eleventy .html dosyasını Liquid sayar, bu yüzden çıplak {{ bir etikettir. .njk dosyası bu seçimi açık eder.

Formgong mu, Eleventy sunucusu mu?

Gönderim kendi kodunuzu çalıştırmalı ya da veritabanınıza yazmalıysa bir barındırıcı fonksiyonu ekleyin.

Yalnızca iletinin ulaşması gerekiyorsa Formgong kullanın. 11ty derlemesi bir HTML klasörü olarak kalır.

Sorular ve yanıtlar

Eleventy ile 11ty aynı mı?

Evet. Eleventy proje adıdır, 11ty kısa adıdır. İkisi de belgelerde ve aramada geçer.

HTML dosyaları nereye gider?

Çıktı dizinini değiştirmediyseniz _site içine. O klasörü yayınlayın. Form, sayfa yüklendikten sonra tarayıcıdan gider.

Hangi şablon dilini seçmeliyim?

Hangisini isterseniz. Nunjucks ve Liquid yaygındır. Form her şekilde HTML'dir. Include sözdizimini dosya türüne uydurun.

11ty'nin yerleşik form işleyicisi var mı?

Hayır. Belgeler şablon, veri ve barındırmayı anlatır. Bir form gelen kutusu yoktur. POST'u bir form altyapısı ya da kendi sunucunuz almalıdır.

Ücretsiz başla