FormFlow

Açık kaynak · Tamamen ücretsiz

Formlar, doğrudan e-posta kutuna.

Backend yazmadan iletişim formunu birkaç dakikada yayına al. Mesajlar Gmail, Outlook veya kurumsal SMTP hesabına güvenle ulaşsın. Açık kaynak ve tamamen ücretsiz.

Kısa ve net

Açık kaynak ve tamamen ücretsiz — e-posta senin, kontrol senin.

Kendi SMTP’n

Form mesajları senin adresinden gider. Üçüncü taraf mail servisine bağlı kalmazsın.

Tek satır entegrasyon

Site ekle, API anahtarını al, fetch ile POST at. HTML, React, WordPress — fark etmez.

Domain koruması

Yalnızca tanımladığın domain’den istek gelir. Mesajlar kaydedilir ve panelden takip edilebilir.

Kimler için tasarlandı?

Backend kurmadan, ekstra ücret ödemeden iletişim formunu ayağa kaldırmak isteyenler için.

Web tasarımcılar

Backend bilmene gerek yok. HTML veya WordPress’e birkaç satır JS ekle; form mesajları doğrudan senin veya müşterinin e-postasına düşer.

Masrafı kısmak isteyenler

Formspree, SendGrid veya ayrı bir mail API’si için aylık ücret ödemezsin. Kendi Gmail / Outlook / kurumsal SMTP’ni kullanırsın.

Freelancer ve ajanslar

Müşteri sitelerine hızlıca iletişim formu bağla. Domain kısıtı sayesinde anahtar yalnızca tanımlı sitede çalışır.

Küçük işletmeler ve kişisel projeler

Sunucu ekibi veya özel API yazmana gerek kalmaz. Hesap aç, SMTP gir, formu bağla — birkaç dakikada yayında.

Nasıl kullanılır?

SMTP’ni bağla. Mesajların doğrudan gelen kutuna ulaşsın.

1

Hesap oluştur

Ücretsiz kayıt ol veya giriş yap. Birkaç dakika içinde hazırsın.

2

SMTP ayarlarını gir

Gmail, Outlook veya kurumsal mail bilgilerini kaydet. Gmail için normal şifre yerine uygulama şifresi gerekir — kurulum rehberine bak.

Ayarları kaydettikten sonra test maili göndererek bağlantıyı doğrula.

3

Siteni tanımla

Formun hangi siteden geleceğini ve mesajların nereye düşeceğini belirle:

  • Site Adı — tanımlayıcı proje adı
  • Hedef E-posta — form mesajlarının iletileceği adres
  • İzin Verilen Domain — formun barındırıldığı site (ör. sirket.com)
  • API Key — otomatik oluşur; entegrasyonda kullanın
4

Formu bağla

Sitenin JavaScript kodundan API'ye POST isteği gönder. Örnekler için kod örnekleri bölümüne bak.

5

Mesajları takip et

Gelen formları panelden görüntüle, başarılı gönderimleri kontrol et.

SMTP kurulum rehberi

Form mesajları senin SMTP ayarlarından gider. Aşağıdaki alanları doldurman yeterli.

SMTP alanları
SMTP Sunucusu  →  smtp.gmail.com (Gmail için)
Port           →  587
SSL / TLS      →  Etkin ✓
Kullanıcı Adı  →  tam e-posta adresiniz (ornek@gmail.com)
Şifre          →  uygulama şifresi (Gmail)
Gönderen Adı   →  İletişim Formu (veya istediğiniz isim)

Gmail ile SMTP Önerilen

Gmail, normal hesap şifrenizi SMTP'de kabul etmez. Google'dan uygulama şifresi almanız gerekir.

1

2 Adımlı Doğrulamayı açın

Google Hesap → Güvenlik sayfasına gidin. 2 Adımlı Doğrulama'yı etkinleştirin. (Uygulama şifresi oluşturmak için zorunludur.)

2

Uygulama şifresi oluşturun

Aynı Güvenlik sayfasında Uygulama şifreleri bölümüne gidin (doğrudan: myaccount.google.com/apppasswords).

  • Uygulama adı olarak FormFlow veya Mail yazın
  • Oluştur'a tıklayın
  • Google size 16 haneli bir şifre verir (ör. abcd efgh ijkl mnop)
3

FormFlow'a bilgileri gir

SMTP ayarlarında şu değerleri kullan:

AlanDeğer
SMTP Sunucususmtp.gmail.com
Port587
SSL / TLSEtkin
Kullanıcı AdıGmail adresiniz (ornek@gmail.com)
Şifre16 haneli uygulama şifresi (boşluksuz da yazabilirsiniz)
4

Test edin

Test e-posta adresini gir ve test maili gönder. Gelen kutuna ulaşıyorsa ayarlar doğru demektir.

Outlook / Hotmail

AlanDeğer
SMTP Sunucususmtp-mail.outlook.com
Port587
SSL / TLSEtkin
Kullanıcı AdıOutlook e-posta adresiniz
ŞifreMicrosoft hesap şifreniz (2FA açıksa uygulama şifresi gerekebilir)

Yandex Mail

AlanDeğer
SMTP Sunucususmtp.yandex.com
Port587 veya 465
SSL / TLSEtkin
Kullanıcı AdıTam Yandex e-posta adresiniz
ŞifreYandex hesap şifreniz

API Referansı

Form gönderimi için endpoint, header ve gövde alanları.

Request Headers

HeaderDeğerZorunlu
Content-Typeapplication/jsonEvet
OriginTarayıcı otomatik gönderirDomain doğrulama için

Request Body (JSON)

AlanTipZorunluAçıklama
apiKeyGUIDEvetHesabında oluşturulan site API anahtarı
senderNamestringEvetGönderen adı (max 150 karakter)
senderEmailstringEvetGeçerli e-posta adresi (max 150 karakter)
messageContentstringEvetForm mesajı (konu dahil edilebilir)

Response Body (JSON)

JSON Yanıt
{
  "success": true,
  "message": "Mesajınız başarıyla gönderildi."
}

Kod Örnekleri

Sitende kullanacağın temel ayarlar.

JavaScript
/* ── Contact form ── */
const API_KEY = "************************************";
const API_URL = "https://formflow.omerfarukgunduz.com/api/forms/submit";

Güvenlik Altyapısı

FormFlow, public API mimarisi üzerinde katmanlı güvenlik kontrolleri uygular.

API Key Doğrulama

Her istekte geçerli ve aktif bir apiKey zorunludur. Pasif site kayıtları reddedilir.

Domain Kısıtı

Origin veya Referer header'ı, hesabında tanımladığın AllowedDomain ile eşleşmelidir.

Rate Limiting

Aynı IP veya API Key için dakikada en fazla 5 istek kabul edilir. Limit aşımında 429 yanıtı döner.

AllowedDomain Örnekleri

Form adresiAllowedDomain değeri
https://sirket.com/iletisimsirket.com
https://www.sirket.com/iletisimsirket.com (www otomatik kabul)
http://localhost:3000/iletisimlocalhost

Hata Kodları

HTTP durum kodları ve olası nedenler.

HTTPsuccessmessage örneğiÇözüm
200 true Mesajınız başarıyla gönderildi.
200 false Mesaj kaydedildi ancak e-posta gönderilemedi. SMTP ayarlarını kontrol et
401 false Geçersiz veya pasif API anahtarı. API Key ve site durumunu kontrol edin
401 false İstek kaynağı izin verilen domain ile eşleşmiyor. AllowedDomain değerini güncelleyin
400 false Geçersiz istek verisi. JSON alanlarını ve formatını kontrol edin
429 false Çok fazla istek gönderildi. 1 dakika bekleyin

Sık Sorulan Sorular

Kurulum ve kullanımda en çok sorulanlar.

Gmail şifremi girdim ama e-posta gitmiyor?

Gmail normal hesap şifresini SMTP'de kabul etmez. Uygulama şifresi oluşturup onu kullanman gerekir. 2 Adımlı Doğrulama açık olmalıdır.

CORS desteği mevcut mu?

Evet. Harici domainlerden gelen POST istekleri desteklenir. Erişim güvenliği domain doğrulaması ile sağlanır.

WordPress, Wix ve Squarespace ile uyumlu mu?

Özel HTML/JS ekleme imkânı sunan tüm platformlarda kullanılabilir. fetch örneğini ilgili alana entegre etmeniz yeterlidir.

API Key'i frontend'de kullanmak güvenli mi?

API Key public olarak kullanılabilir; asıl koruma AllowedDomain kısıtı ve rate limiting ile sağlanır. Anahtarı yalnızca ilgili sitede kullanın.

FormFlow ücretsiz mi?

Evet — tamamen ücretsiz ve açık kaynaklıdır. Kendi sunucunuzda barındırabilirsiniz; kaynak kod GitHub’da. E-posta gönderimi için kendi SMTP ayarlarınızı kullanırsınız — ek servis ücreti yoktur.

Açık kaynak · Tamamen ücretsiz

Formunu dakikalar içinde bağla

Hesabını oluştur, SMTP’ni gir — mesajlar kendi e-postandan gelsin. Backend yok, ek ücret yok. Kaynak kod GitHub’da.

  • Açık kaynak kod
  • Tamamen ücretsiz