Web Sitenize İletişim Formu Nasıl Eklenir (Gerçekten Size Ulaşan)

Düzgün çalışan bir iletişim formu eklemek için kısa bir form (ad, e-posta, mesaj) oluşturun, bunu girdiyi doğrulayan bir sunucu rotasına gönderin, mesajı bir veritabanına kaydedin ve ardından gizli bir API anahtarı kullanarak bir e-posta sağlayıcısı üzerinden size bildirim gönderin. Spamın çoğunu durdurmak için gizli bir tuzak (honeypot) alanı ve hız sınırlaması ekleyin, net bir başarı mesajı gösterin ve yayımlanmış sitede baştan sona test edin. En önemli kısım e-postadan önce kaydetmektir: e-posta hiçbir zaman çalışmazsa, talep yine elinizde olur.

Seçenekleriniz

Sitenizin zaten bir arka ucu ve veritabanı varsa — yapay zeka uygulama oluşturucularla yapılan uygulamalar çoğu zaman öyledir — son seçenek en güvenilir olanıdır ve talepleri görebileceğiniz yerde tutar.

İyi bir iletişim formunda neler olmalı

• Mümkün olan en az alan. Ad, e-posta, mesaj. Yalnızca buna göre yönlendireceksiniz ise bir konu açılır listesi ("Satış", "Destek", "Diğer") ekleyin.
• Her alanın üstünde net etiketler, kaybolan yer tutucu metinler değil.
• Yardımcı doğrulama: alanın yanında gösterilen "Geçerli bir e-posta adresi girin".
• Sonrakini açıklayan bir başarı durumu: "Teşekkürler, bir iş günü içinde yanıt veriyoruz."
• Gizlilik notu: bilgilerin nasıl kullanılacağını söyleyen ve gizlilik politikanıza bağlanan bir not.
• Yedek bir yol, örneğin e-posta adresiniz ya da telefon numaranız; bunları tercih edenler için.

Örnek komutlar

Temel form:

İletişim sayfasına ad, e-posta ve mesaj alanlarından oluşan bir iletişim formu ekle (hepsi zorunlu, mesaj en fazla 2.000 karakter). Gönderimi girdiyi doğrulayan bir sunucu rotasına yap; mesajı alınma zamanıyla birlikte contact_messages tablosuna kaydet ve şu başarı mesajını göster: "Teşekkürler, bir iş günü içinde yanıt vereceğiz." Alan hatalarını ilgili alanın yanında göster. Telefonlarda da iyi çalışsın.

E-posta bildirimleri:

Bir iletişim mesajı kaydedildiğinde, RESEND_API_KEY içindeki anahtarla Resend üzerinden hello@example.com adresime bir bildirim e-postası gönder. Yanıtı doğrudan verebilmem için reply-to alanını gönderenin e-postasına ayarla. Gönderim başarısız olursa, kaydedilmiş mesajı tut ve hatayı anahtarı açığa çıkarmadan logla.

Spam koruması:

İletişim formuna spam koruması ekle: boş kalması gereken gizli bir tuzak alanı, sunucuda IP başına saatte 5 gönderim sınırı ve 3'ten fazla bağlantı içeren mesajları reddet. Tuzak alanı dolu gönderimleri sessizce at ama yine de başarı mesajı göster.

Gelen kutusu:

Şifre korumalı bir yönetici sayfası ekle; iletişim mesajlarını en yeniden eskiye listelesin, "işlendi" onay kutusu ve işlenmemiş mesajlar için bir filtre olsun.

Adım adım

1. Mesajların nereye gideceğine karar verin: bildirimleri kim alacak, kim yanıtlayacak.
2. Formu oluşturun: yukarıdaki alanlar, erişilebilir etiketler ve telefonlara uygun girişler (telefonların doğru klavyeyi göstermesi için e-posta giriş türünü kullanın).
3. Sunucu rotasını oluşturun. Zorunlu alanları, e-posta biçimini ve uzunluk sınırlarını kontrol eder. Yalnızca tarayıcıdaki doğrulamaya asla güvenmeyin.
4. Önce veritabanına kaydedin. Bkz. uygulamanıza veritabanı nasıl eklenir.
5. Bir e-posta sağlayıcısı kurun. Bir hesap açın, gönderim alan adınızı doğrulayın ve API anahtarını gizli olarak saklayın. Uygulamanızdan e-posta nasıl gönderilir alan adı kurulumunu (SPF, DKIM) ayrıntılı anlatır.
6. Kayıttan sonra bildirimi sunucudan gönderin. Gönderen olarak doğrulanmış alan adınızı, reply-to olarak da ziyaretçinin adresini kullanın; ziyaretçinin adresinden "from" olarak göndermeyin, aksi halde sahte gönderim olarak reddedilebilir.
7. İsteğe bağlı olarak ziyaretçiye otomatik yanıt gönderin, ama kısa tutun; spam adreslerine giden otomatik yanıtlar gönderen itibarınıza zarar verebilir.
8. Spam koruması ekleyin: tuzak alanı, hız sınırlaması, gerekirse CAPTCHA benzeri bir kontrol.
9. Yayımlanmış sitede test edin: gönderin, veritabanını kontrol edin, gelen kutunuzu ve spam klasörünüzü kontrol edin, yanıtla'ya tıklayın.

Spamı durdurmak

İletişim formları yayına girdikten birkaç gün içinde botları çeker. Savunmaları en az müdahaleciden en çok müdahaleciye doğru katmanlandırın:

1. Tuzak alanı (honeypot). İnsanlardan gizlenmiş bir alan; botlar doldurur. Gerçek ziyaretçilere hiçbir maliyeti yoktur.
2. Sunucu tarafında hız sınırlaması. Bir adresin belirli bir sürede gönderebileceği mesaj sayısını sınırlar.
3. İçerik kuralları. Bağlantı yığılmış mesajları ya da boş ya da saçma derecede uzun mesaj alanlarını reddedin.
4. Cloudflare Turnstile ya da Google reCAPTCHA gibi bir CAPTCHA benzeri kontrol. Token sunucunuzda doğrulanmalıdır; yalnızca tarayıcıda çalışan bir kontrol atlanabilir.

Sık yapılan hatalar

• Hiçbir şey gönderilmemişken "Gönderildi!" göstermek. Arayüz, sunucu yanıtından önce ya da ondan bağımsız olarak başarı gösterir. Her zaman sunucuyu bekleyin.
• Yalnızca e-posta, veritabanı yok. Tek bir yanlış yapılandırılmış anahtar yüzünden talepler kimse fark etmeden haftalarca kaybolur.
• API anahtarı ön yüz kodunda. Herkes bunu sizin adınıza e-posta göndermek için kullanabilir.
• Doğrulanmamış gönderim alan adı. Bildirimler spam klasörüne düşer ya da hiç ulaşmaz.
• Ziyaretçinin e-postasından "from" olarak göndermek. Bunun yerine reply-to kullanın.
• Uzunluk sınırı olmaması. Botlar devasa metin blokları yapıştırır.
• Canlı siteyi hiç test etmemek. Anahtarlar ve alan adları önizleme ile üretim arasında çoğu zaman farklıdır.

Kontrol listesi

• Görünür etiketli ve açık hata mesajlı kısa form
• Sunucu tarafında doğrulama ve uzunluk sınırları
• Her mesaj veritabanına kaydediliyor
• Bildirim e-postası doğrulanmış bir alan adından, reply-to ayarlı gönderiliyor
• E-posta API anahtarı yalnızca sunucu tarafı gizli bilgilerde saklanıyor
• Tuzak alanı ve hız sınırlaması yerinde
• Başarı mesajı yalnızca sunucu onayladıktan sonra çıkıyor
• Gizlilik notu gizlilik politikanıza bağlanıyor
• Yayımlanmış sitede baştan sona test edildi, spam klasörü dahil

Mythex'te iletişim formları

Mythex'te her şeyi sohbetten kurabilirsiniz. Formu ve bir veritabanını aynı komutta isteyin (ya da /database yazın), böylece gönderimler kalıcı olsun. Mythex'in yerleşik bir e-posta gönderme ürünü yok; bu yüzden bildirimler için Resend, SendGrid ya da Postmark gibi bir sağlayıcı getirin, anahtarını /secrets ya da proje ayarlarıyla ekleyin ve ajandan sunucudan göndermesini isteyin. Bkz. uygulamanızdan e-posta gönderme. Güvenmeden önce önizlemede forma karşı App Testing (/test) çalıştırın, sonra yayımlayıp canlı URL'de test edin.

İletişim formu, çoğu küçük işletme web sitesinin ve açılış sayfasının temel parçasıdır. Lansmandan önce güvenlik kontrol listesine bakın.

Sorular