WordPress iletişim formu nasıl eklenir? Adım adım rehber

WordPress çekirdeği bir form bloğu sunmadığı için wordpress iletişim formu nasıl eklenir sorusunun cevabı bir eklentiden geçer: bir form eklentisi kurun, adı, e-postayı ve mesajı isteyen kısa bir form hazırlayın, bunu eklentinin bloğuyla bir sayfaya yerleştirin ve gönderimlerin gerçekten gelen kutunuza ulaşması için bir posta servisi bağlayın. İlk üç adım on dakika sürer. Son adım ise iletişim formlarının sessizce bozulduğu noktadır ve bu makalenin en çok zaman ayırdığı kısım budur.

WordPress çekirdeğinde form bloğu yok. Bir block tema temiz bir sayfa, bir Grup, bir Sütun düzeni ve bir Düğme verir, ama veri toplayıp gönderen bir şey vermez. Asıl soru, hangi eklentiyi seçtiğiniz ve teslimatı nasıl kurduğunuzdur.

WordPress iletişim formu için eklenti şart mı?

Kalıcı bir form tutacaksanız evet. HTML formu ve PHP işleyicisini alt tema içine yazabilirsiniz, bunu gösteren eğitimler de doğrudur. Ama o zaman doğrulama, spam filtresi, nonce kontrolleri, kaçışlama, kayıt ve hata mesajları da sizin sorumluluğunuza geçer. Bu da bakımını yapmanız gereken küçük bir eklenti demektir.

Bir müşterinin sitesinde bakım maliyeti kararı verir. 2024'te yazdığınız bir işleyici 2028'de hâlâ sitede duracak ve başarısız bir gönderimi nasıl ele aldığını çoktan unutmuş olacaksınız. Bakımı yapılan bir eklenti ise hiç düşünmek zorunda kalmayacağınız güvenlik düzeltmelerini alır.

Formu elle yazmayın, form ürünün bir parçası olmadıkça. Yalnızca bir eklenti geliştiriyorsanız ya da çok alışılmadık bir iş akışınız varsa buna değer.

Hangi WordPress form eklentisini seçmelisiniz?

Neredeyse her durumu beş eklenti karşılar. Seçimi şablon galerisine göre değil, gönderimden sonra ne olduğuna göre yapın.

• Jetpack Form bloğu: Yerel bir blok, öğrenmesi yok, sade bir iletişim sayfası için yeterli. Ancak Jetpack'e bağlı, bazı müşteriler bunu istemez.

• WPForms Lite: Sürükle bırak oluşturucusu olan, arayüzü kullanıcı dostu bir eklenti. Koşullu mantık ve ödemeler ücretli paketlerin arkasında.

• Fluent Forms: Cömert ücretsiz paketi ve hızlı oluşturucusuyla, formları birden fazla sitede kullanan ajanslar için iyi.

• Contact Form 7: Ücretsiz ve çok küçük, ama bir metin şablonuyla yapılandırılıyor. Görsel oluşturucusu yok, bu yüzden müşteriye teslim etmek kötü bir fikir.

• Gravity Forms: Yalnızca ücretli, en güçlü eklenti ve geliştirici ekosistemi. Çok adımlı formlar ve entegrasyonlar için doğru seçim.

Block teması üzerindeki standart bir iletişim sayfası için Fluent Forms ya da Jetpack bloğu yeter. CRM'e veri gönderen her form için Gravity Forms ya da WPForms Pro seçin ve karşılaştırmayı orada bırakın.

Jetpack belgeleri, Form bloğunun editörde nasıl çalıştığını ve şablon ile alt bilgi alanına nasıl yerleştirileceğini gösteriyor. Başka bir eklenti seçseniz bile faydalı.

Formu nasıl oluşturursunuz?

Eklentiyi Eklentiler > Yeni Ekle üzerinden kurup etkinleştirin, ardından eklentinin "Contact" ya da "Simple" şablonuyla yeni bir form oluşturun. Oluşturucuya dokunmadan önce alanları kâğıt üzerinde belirleyin. Eklediğiniz her ekstra alan formu tamamlayan kişi sayısını düşürür.

Çoğu küçük site için işe yarayan bir iletişim formunda dört alan olur: ad, e-posta, bir mesaj kutusu ve gelen kutunuzun sıralanması gerekiyorsa isteğe bağlı bir konu açılır listesi. Siz geri aramadıkça telefon numarası alanı dönüşümü öldürür.

Üç ayar düzenden daha önemlidir. Birincisi, yalnızca e-posta ve mesaj alanlarını zorunlu yapın. İkincisi, alanların üstüne gerçek etiketler yazın, alanların içine yer tutucu metin koymayın. Yer tutucular yazarken kaybolur ve kontrast denetimlerinde başarısız olur, bu da WCAG 2.2 açısından önemlidir. Üçüncüsü, yönlendirme yerine aynı sayfada bir onay mesajı gösterin, izleme için bir teşekkür adresine ihtiyacınız yoksa.

Formun başlığı da bir karar. "İletişim" yerine "Bize yazın" ya da "Projenizi anlatın" gibi bir başlık, formu dolduracak kişinin ne için yazdığını daha iyi söyler. Bir destek talebine sipariş numarası sorulabilir, bir satış teklifine ise şirket adı ve bütçe aralığı. Aynı formu her amaç için kullanmak hem doldurmayı zorlaştırır hem de gelen kutunuzu karıştırır.

Türkçe karakterleri de test edin. Adına Şükrü ya da İlayda yazan bir ziyaretçinin mesajı, gönderimde ve gelen e-postada ş, ğ, ı ve İ harflerini bozmadan ulaşmalı. Eski bir veritabanından taşınmış ya da yanlış karakter kodlamasıyla kurulmuş sitelerde bu sorun ortaya çıkabilir.

Formu bir sayfaya nasıl eklersiniz?

"İletişim" adında bir sayfa oluşturun, ekleme düğmesiyle blok ekleyiciyi açın ve eklentinizin adını arayın. Her ciddi form eklentisi kendi bloğunu kaydeder. Bloğu seçin, oluşturduğunuz formu belirtin ve yayımlayın.

Formu başka bir yere de koyabilirsiniz. Görünüm > Düzenleyici bölümünü açın, alt bilgi gibi bir şablon bölümünü seçin ve aynı bloğu oraya ekleyin. Bu, kısa kod kullanmadan kısa bir formu her sayfanın altına koymanın Tam Site Düzenleme yoludur.

Müşteri işinden iki yerleşim notu. Formu yaklaşık 640 piksel genişliğinde bir Grup içine koyun, çünkü 1200 piksel genişliğe yayılmış bir form okunması zor olur. Formun üstüne doğrudan bir e-posta adresi içeren kısa bir düz metin satırı yazın. Bazı ziyaretçiler formu hiç kullanmak istemez ve onlara bir adres vermek size bir şeye mal olmaz.

İletişim formunun e-postası neden ulaşmıyor?

Çünkü WordPress, sunucunun varsayılan PHP mail fonksiyonuyla posta gönderir ve alıcı posta sunucuları bu yolu güvenilir bulmaz. wp_mail() fonksiyonu iletiyi sunucunun sağladığı her şeye devreder. Paylaşımlı barındırmada bu çoğu zaman SPF ve DKIM denetimlerinden geçemeyen, kimliği doğrulanmamış bir gönderici olur. Gmail ve Outlook iletiyi spam klasörüne atar ya da doğrudan reddeder.

Asıl sinsi kısım, formun yine de yeşil bir başarı mesajı göstermesi. Eklenti görevini yapmıştır. Sunucu iletiyi kabul etmiştir. Yalnızca gelen kutusuna hiç ulaşmamıştır.

Düzeltmenin üç parçası var.

1. WP Mail SMTP, FluentSMTP ya da Post SMTP gibi bir SMTP eklentisi kurun ve bunu bir işlemsel posta servisine bağlayın.

2. "Gönderen" adresini kendi alan adınızda bir adres yapın, örneğin merhaba@alanadiniz.com. Asla ücretsiz bir Gmail adresi kullanmayın.

3. Posta servisinizin verdiği SPF ve DKIM kayıtlarını alan adınızın DNS ayarlarına ekleyin ve en azından yalnızca izleme amaçlı bir DMARC kaydı yayımlayın.

DNS kayıtlarının yayılması birkaç saat sürebilir. Kayıtları ekledikten sonra posta servisinizin test aracını çalıştırın ve onay görmeden formu canlıya almayın. DNS paneline erişiminiz yoksa alan adını yöneten kişiye bu kayıtların ne işe yaradığını anlatan kısa bir not gönderin. Gecikmelerin çoğu, kimsenin bu kaydın neden gerektiğini bilmemesinden çıkar.

Hangi servis? Bir iletişim formu günde birkaç mesaj gönderir, bu yüzden neredeyse her işlemsel sağlayıcı işe yarar. Postmark tam bu iş için tasarlanmıştır ve işlemsel postayı pazarlama postasından ayrı altyapıda tutar.

Müşteri ileride formdan gelen kişilere bültenle dönmek isterse Brevo, işlemsel gönderimi ve kampanyaları tek hesapta toplar. Ücretsiz katmanı küçük bir site için fazlasıyla yeterlidir.

Aynı SMTP kurulumunu ekran görüntüleriyle adım adım anlatan Mailtrap eğitimi ikinci bir referans olarak işinize yarar.

Spamı gerçek ziyaretçileri üzmeden nasıl durdurursunuz?

Herkese açık bir form birkaç gün içinde botları çeker. Akla gelen ilk çözüm çoğu zaman CAPTCHA'dır, ama çoğu zaman yanlış ilk cevaptır, çünkü eklediğiniz her doğrulama gerçek gönderimlerin bir kısmını kaybettirir.

Savunmaları şu sırayla katmanlayın ve spam durduğunda durun.

İlk olarak bir bal kupası alanı kullanın: insanların asla doldurmadığı, botların ise her zaman doldurduğu gizli bir alan. Çoğu form eklentisi bunu varsayılan olarak açık gelir. Destekliyorsa Akismet ekleyin. Gizli alanın çalıştığını kendiniz de doğrulayabilirsiniz: tarayıcınızın geliştirici araçlarıyla gizli alanı bulun, doldurun ve göndermeyi deneyin. Gönderim reddediliyorsa koruma çalışıyor demektir. Bu tek bir test yalnızca sizin tarayıcınızdaki davranışı gösterir, bu yüzden bir hafta sonra gelen kutusuna ve spam listesine tekrar bakın. Spam sürerse, görünür bir resim bulmacasına geçmeden önce Cloudflare Turnstile gibi gizliliğe saygılı bir doğrulama ekleyin. Klasik reCAPTCHA onay kutusunu yalnızca sürekli saldırı altındaki formlara ayırın.

Mümkünse sunucu tarafında hız sınırı da koyun. Bir IP adresinden dakikada kırk gönderim yapılıyorsa bu bir ziyaretçi değildir.

Hukuki tarafta, siteniz KVKK kapsamındaki kişilere ya da AB ziyaretçilerine hizmet veriyorsa gizlilik politikasına bağlantılı, işaretlenmemiş bir onay kutusu ekleyin ve eklentiyi gerektiğinden uzun süre kayıt tutmayacak şekilde ayarlayın. Birçok eklenti her gönderimi varsayılan olarak veritabanında sonsuza dek saklar. Bunu değiştirin.

Formu teslim etmeden önce nasıl test edersiniz?

Formu bir yabancı gibi test edin ve staging ortamında değil, canlı alan adınızda deneyin. Staging ortamları çoğu zaman giden postayı engeller, orada geçmek hiçbir şeyi kanıtlamaz.

Formu mobil veriyle bir telefondan, Gmail adresiyle gönderin, sonra Outlook adresiyle tekrar deneyin. Alıcının gelen kutusunu ve spam klasörünü kontrol edin. İleti başlıklarını açın ve spf=pass ile dkim=pass ifadelerini arayın. Bir kez tüm alanları boş bırakarak, bir kez de bilerek bozuk bir e-posta ile gönderin; hata mesajlarının açık ve ekran okuyucuyla okunabilir olduğunu görün.

Gönderim süresini de ölçün. Form gönderildikten sonra e-postanın ne kadar sürede geldiğine bakın. Birkaç dakikayı aşan gecikmeler, posta servisi ayarlarında ya da alıcı tarafındaki filtrelerde bir sorun olduğunu gösterebilir. Bu bilgi, müşteriye ne zaman ve neden sorun yaşandığını açıklamanızı kolaylaştırır.

Sonra formu yalnızca klavye ile doldurun. Gönder düğmesine Tab tuşuyla ulaşamıyorsanız ya da hangi alanın odakta olduğunu göremiyorsanız, odak stillerini temanızda düzeltin.

Marginalia: bir kayıt tutun. Gönderilen iletileri saklayan bir eklenti ya da posta servisi özelliği ekleyin. Müşteri "hiç talep gelmedi" dediğinde bunu bir öğleden sonra yerine bir dakikada yanıtlarsınız.

Form eklentisi ne zaman yanlış araçtır?

Bazen iletişim formu ziyaretçinin ihtiyacı değildir. Bir mağazada, boş bir mesaj kutusu yerine sipariş verisini okuyan bir destek bileşeni daha iyidir. Potansiyel müşteri toplamayı amaçlayan bir açılış sayfasında form, izlemeyle birlikte daha büyük bir akışın içine girmelidir.

Gönderimlerin bir CRM'e ya da elektronik tabloya gitmesi gerekiyorsa, e-postaları elle kopyalamak yerine doğrudan oraya gönderin. Zapier bağlantısı olan bir form eklentisi, her kaydı birkaç tıkla Sheets, Slack ya da proje takip aracınıza iletebilir.

Form bir satış hattının ön kapısıysa, kendi gömülü formları olan bir CRM eklentiyi yığınınızdan çıkarır ve iletişim geçmişini tek yerde tutar. HubSpot'un ücretsiz formları bunun yaygın bir örneğidir.

Her yerde aynı örüntü geçerli. Form en kolay on dakikadır. Teslimat, spam kuralları ve takip asıl iştir. Bu gece kendi sitenizin iletişim formunu açın, farklı bir hesaptan kendinize bir mesaj gönderin ve ulaşması ne kadar sürdüğüne bakın.