En sade iletişim formu

Etiketler, üç alan ve bir düğme. Stil bloğu yok. Denetimleri tarayıcı çizer. Gönderim diğer başlangıç şablonlarıyla aynıdır.

Şablonu kullanmak için giriş yapın

Kopyaladığınız şey

Bu başlangıç şablonu, stil bloğu olmayan ve yardımcı sınıflar kullanmayan iletişim formudur. Tarayıcı denetimleri kendi varsayılan görünümüyle çizer.

İsteği açık görmek istediğinizde ya da boyamayı kendi stil dosyanız yapacaksa bu yararlıdır. Alan adları ve POST, stilli başlangıç şablonlarıyla aynı kalır.

Alanlar yine ad, e-posta, isteğe bağlı bir telefon ve bir mesajdır. Düğme normal bir POST gönderir.

Bir framework yoktur, bir yazı tipi yoktur ve bir betik yoktur. Genel CSS'iniz girdileri yeniden stilliyorsa o CSS uygulanır. Bu dosya onunla çatışmaz.

Bu sayfadaki önizleme de diğer başlangıç şablonlarının kart stillerini atlar, böylece denetimler stillenmemiş bir forma daha yakın görünür. Amaç, stili değil gönderimi görmenizdir.

Yine de gerekli olanlar

Çıplak bir formda bile access_key, _lang ve botcheck gerekir. Formgong formu, dili ve honeypot'u böyle tanır.

Honeypot, sarmalayıcısındaki kısa bir stil özniteliğiyle gizlenir. Snippet'teki tek stil budur. O olmazsa insanlar tuzağı doldurabilir.

Turnstile bir yorumun içindedir. Ek snippet, bu satırları yorumdan çıkarılmış aynı formdur ve YOUR_TURNSTILE_SITE_KEY hâlâ değiştirilmeyi bekler.

Satırları yorumdan çıkarmak bir anahtar oluşturmaz. Widget'ı Cloudflare'de oluşturun, formda Turnstile'ı açın, sonra site anahtarını yapıştırın.

Yorum içindeki bir betik çalışmaz. Widget'ı gerçekten isteyene kadar yorumu yerinde bırakın.

Stilli şablonlarla aynı teslim

Telegram alan adlarını kalın yazar. Onları kısa tutun. Yalnızca ziyaretçinin okuduğu metni çevirin.

_redirect yoksa Formgong kendi teşekkür sayfasını gösterir. _redirect alanını yalnızca size ait mutlak bir https adresi olarak ekleyin.

Ücretsiz plan ayda 300 başvuru, 30 gün saklama, anında Telegram ve günlük bir e-posta özeti içerir.

Veriler AB'de saklanır. Hizmeti Formgong işletir. Destek adresi support@formgong.com adresidir.

Çıplak form çalıştığında onu kendi düzeninizin içine alabilirsiniz. Stilli bir başlangıç şablonundan başlamak zorunda değilsiniz. İstek aynı kalır.

Önizleme

Form kodu

HTML

<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" required></label>
  <label>E-posta <input type="email" name="email" autocomplete="email" required></label>
  <label>Telefon <input type="tel" name="phone" autocomplete="tel"></label>
  <label>Mesaj <textarea name="message" 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>
  <!--
İsteğe bağlı. Bu form için Turnstile açın, sonra bu yorum işaretlerini kaldırın ve site anahtarınızı yapıştırın.
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
<div class="cf-turnstile" data-sitekey="YOUR_TURNSTILE_SITE_KEY" data-language="tr"></div>
-->
  <button type="submit">Gönder</button>
</form>

Turnstile satırları açık aynı form

Turnstile satırları açık aynı form

<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" required></label>
  <label>E-posta <input type="email" name="email" autocomplete="email" required></label>
  <label>Telefon <input type="tel" name="phone" autocomplete="tel"></label>
  <label>Mesaj <textarea name="message" 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>
  İsteğe bağlı. Bu form için Turnstile açın, sonra bu yorum işaretlerini kaldırın ve site anahtarınızı yapıştırın.
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
<div class="cf-turnstile" data-sitekey="YOUR_TURNSTILE_SITE_KEY" data-language="tr"></div>
  <button type="submit">Gönder</button>
</form>

Sorular ve yanıtlar

Honeypot'ta neden hâlâ bir stil var?

Tuzağın ekran dışında kalması için. Geri kalan her şey bilerek stillenmemiştir. Bu tek kuralı kaldırmak tuzağı görünür yapar.

Sitemin CSS'i POST'u bozar mı?

CSS, POST'u değiştirmez. Bir stil gönder düğmesini gizleyebilir, fakat önemli olan alan adları ve action adresidir.

Daha küçük olmasının bir nedeni var mı?

Evet. Aynı istek, daha az stille durur, böylece tasarımı zaten olan bir sayfaya bırakabilirsiniz.

Telefon alanına ihtiyacım var mı?

Hayır. Telefon numarası istemiyorsanız o etiketi silin. Gelen kutusunda bir yanıt adresi istiyorsanız email alanını bırakın.