HTML veya JSON
Klasik form gönderimiyle çalışır; fetch ile gönderirseniz JSON yanıt alırsınız.
GELİŞTİRİCİLER İÇİN
Statik siteniz için
hazır form backend’i.
API rotası, veritabanı veya mail servisi kurmadan formunuzu bağlayın. HTML ile gönderin ya da fetch ile JSON yanıtı alın.
Statik bir sitede form için API rotası, veritabanı, mail sağlayıcısı, bot koruması ve kötüye kullanım sınırları gerekir. Bunları her proje için yeniden kurmak ve bakımını yapmak zaman alır. ANES Flow bu katmanı tek bir uç nokta olarak sunar.
NEDEN ANES FLOW
İhtiyacınız olan her şey,
kurulumu dakikalar.
Bot koruması dahil
Tek bir betik doğrulama kutusunu forma ekler; kendi Turnstile anahtarınıza gerek yoktur.
Sunucudan gönderim
Gizli sunucu anahtarıyla backend’inizden JSON gönderin; idempotency anahtarı çift kaydı önler.
İmzalı webhook ve okuma API’si
Kayıtları HMAC imzalı webhook ile alın veya salt okunur anahtarla API’den çekin.
- 1
Ücretsiz hesap açın
Proje oluşturup sitenizin adresini ve bildirimlerin gideceği e-postayı yazın.
- 2
Formu bağlayın
Formun
data-anes-flow-keyözniteliğine açık anahtarı verin vefetchile gönderin. - 3
Yanıtı işleyin
Başarılı yanıtta
{ "ok": true, "id": "…" }döner; teşekkür mesajınızı gösterin.
KOPYALA · YAPIŞTIR
Formunuza eklenecek kod
React, Vue, Svelte veya düz JavaScript’te aynı şekilde çalışır. Sunucu isteği ve yanıt kodları için rehberdeki geliştirici bölümüne bakın.
JavaScript
<script src="https://www.anesflow.com/embed.js" defer></script>
<form id="iletisim" data-anes-flow-key="af_pk_PROJE_ANAHTARI">…</form>
<script>
const form = document.getElementById('iletisim');
form.addEventListener('submit', async (event) => {
event.preventDefault();
const response = await fetch('https://www.anesflow.com/v1/forms', {
method: 'POST',
headers: { 'X-Api-Key': form.dataset.anesFlowKey },
body: new FormData(form),
});
AnesFlow.reset(form); // Her doğrulama tek kullanımlıktır.
if (response.ok) form.innerHTML = '<p>Teşekkürler, mesajınız alındı.</p>';
});
</script>Vercel veya Netlify formlarından farkı ne?
ANES Flow barındırma sağlayıcınızdan bağımsızdır: siteyi taşısanız da formlar ve kayıtlar aynı kalır. E-posta, SMS ve webhook bildirimleri, ekip erişimi ve Türkçe panel dahildir.
CSP kullanıyorum, neye izin vermeliyim?
script-src, frame-src ve form-action yönergelerinde ANES Flow adresine izin vermeniz yeterlidir.
Dosya yükleme destekleniyor mu?
Dosya eki içeren planlarda multipart/form-data ile PDF, PNG, JPEG ve TXT dosyaları gönderebilirsiniz.
BİR SONRAKİ FORMUNUZ İÇİN
Formu siz tasarlayın.
Akışını bize bırakın.
Ücretsiz başlayın
Bir sorunuz mu var? Rehbere göz atın.