Form Ekleme: İletişim ve Başvuru Formları

Süre tahmini: 14 dk

Bu derste ne yapacağız?

Önceki derslerde sitenizin sayfalarını oluşturdunuz ve görünümünü düzenlediniz. Şimdi ziyaretçilerin size ulaşabileceği bir kapı açacağız: form. Bu derste sitenize bir iletişim formu ekleyecek, alanlarını ve teşekkür mesajını özelleştirecek, gönderilen mesajların nereye düştüğünü ve nasıl takip edileceğini öğreneceksiniz. Ardından aynı mantıkla bir başvuru formunun nasıl kurulacağını da göreceksiniz.

Ön koşul: Bir site kurucuda (Wix, WordPress.com, Google Sites, Squarespace, Webflow gibi) en az bir sayfası olan bir siteniz ve hesabınıza giriş yapmış olmanız. Kodlama bilmeniz gerekmiyor. Her site kurucunun arayüzü zamanla ve sürüme göre değişebilir; düğme adları sizdekinden biraz farklı olursa mantık aynı kalır, benzer adlı seçeneği arayın.

Bir sonraki derste bu formlardan gelen bilgileri basit otomasyonlarla nasıl hızlandıracağımıza bakacağız. Bu yüzden bugün formu sağlam kurmak, yarın işinizi kolaylaştıracak.

Kavram

Formu, bir dükkânın girişindeki şikâyet ve öneri kutusuna benzetebilirsiniz. Ziyaretçi kâğıda yazıp kutuya atar, siz de kutuyu açıp okursunuz. Web formunda kâğıt, ekrandaki alanlardır (ad, e-posta, mesaj). Kutu, site kurucunun sakladığı gönderim kayıtlarıdır. Kutuyu açtığınızda haberdar olmak için de bildirim e-postası kullanırsınız.

Bir formun dört temel parçası vardır:

• Alanlar: Ziyaretçinin dolduracağı kutular. Metin, e-posta, telefon, açılır liste, onay kutusu gibi türleri vardır.
• Gönder düğmesi: Bilgileri yola çıkaran düğme. Üzerindeki yazıyı değiştirebilirsiniz.
• Teşekkür mesajı: Gönderimden sonra ziyaretçinin gördüğü yazı veya yönlendirildiği sayfa.
• Gönderim hedefi: Bilgilerin gittiği yer; genellikle e-posta adresiniz ve site kurucunun kendi gönderim listesi.

Altın kural: Ne kadar az alan, o kadar çok gönderim. Uzun formlar insanı yorar. Gerçekten ihtiyaç duyduğunuz bilgiyi isteyin.

Adım adım uygulama

Aşağıdaki adımlar çoğu site kurucuda benzer işler. Adım adım ilerleyin.

• Adım 1: Sitenizin düzenleyicisini açın ve iletişim sayfanızı seçin. Yoksa sayfa menüsünden Sayfa Ekle düğmesine tıklayıp sayfaya "İletişim" adını verin.
• Adım 2: Formu koymak istediğiniz yere gelin; örneğin başlığın hemen altına. Sol taraftaki veya üstteki araç çubuğunda Ekle (bazı araçlarda artı simgesi, bazılarında Öğe Ekle veya Bloklar) düğmesine tıklayın.
• Adım 3: Açılan listede Form ya da İletişim Formu seçeneğini bulun. Listenin üstünde arama kutusu varsa içine "form" yazın. Hazır bir iletişim formu şablonuna tıklayın; form sayfaya yerleşir.
• Adım 4: Formun üzerine tıklayın. Çıkan küçük araç çubuğundan Ayarlar veya Formu Düzenle seçeneğine girin. Alan listesini göreceksiniz.
• Adım 5 (alanları düzenleme): Başlangıç için üç alan yeterlidir: Ad Soyad, E-posta, Mesaj. Gereksiz alanı (örneğin adres) seçip Sil veya çöp kutusu simgesine tıklayın. Bir alana tıklayıp etiket yazısını Türkçeleştirin; örneğin "Name" yerine "Adınız Soyadınız".
• Adım 6 (zorunlu alan): E-posta alanına tıklayın ve Zorunlu anahtarını açın. Böylece e-postasız gönderim yapılamaz ve size cevap yazabilirsiniz. Mesaj alanını da zorunlu yapın; telefon gibi isteğe bağlı alanları zorunlu yapmayın.
• Adım 7 (düğme yazısı): Gönder düğmesine tıklayıp yazısını "Mesajımı Gönder" gibi net bir ifadeyle değiştirin. Sadece "Gönder" da olur ama eylemi anlatan yazı daha güven verir.
• Adım 8 (teşekkür mesajı): Ayarlar içinde Gönderimden Sonra, Başarı Mesajı veya Teşekkür Mesajı bölümünü bulun. Kısa ve net bir metin yazın: "Teşekkürler! Mesajınız bize ulaştı. En geç iki iş günü içinde size dönüş yapacağız." Söz verdiğiniz süreyi gerçekten tutabileceğiniz şekilde yazın. Seçenek varsa mesaj yerine bir "Teşekkürler" sayfasına yönlendirme de seçebilirsiniz.
• Adım 9 (gönderimin nereye düşeceği): Ayarlarda Bildirimler, E-posta Bildirimi veya Gönderimi Al bölümüne gelin. Alıcı adres olarak düzenli baktığınız e-postayı girin. Birçok araçta bu adresi doğrulamanız istenir; e-postanıza gelen onay bağlantısına tıklayın.
• Adım 10 (kayıtları görme): Site kurucunun yönetim panelinde Gönderimler, Form Yanıtları, Inbox veya Müşteri İletişimi gibi adlarla bir bölüm bulunur. Bu bölüm, e-posta gelmese bile bütün mesajları saklayan arşivinizdir. Yerini şimdiden not edin.
• Adım 11 (yayınla ve dene): Yayınla düğmesine tıklayın. Sonra sitenizi başka bir tarayıcı sekmesinde ya da telefonda açın, formu kendiniz doldurup gönderin. Teşekkür mesajını gördüğünüzü, bildirim e-postasının geldiğini ve kaydın Gönderimler bölümünde göründüğünü kontrol edin.

Başvuru formu için küçük fark

Başvuru formu (etkinlik kaydı, staj başvurusu, ön kayıt gibi), iletişim formuyla aynı şekilde kurulur. Fark, alanlardadır. Şunları ekleyebilirsiniz:

• Açılır liste: Örneğin "Hangi eğitime başvuruyorsunuz?" için seçenekler.
• Onay kutusu: "Kişisel verilerimin başvurum için işlenmesini kabul ediyorum" gibi bir onay. Bu, ziyaretçiye bilgilerinin ne için kullanıldığını söyler. Hukuki gerekleriniz için sitenizin gizlilik metnini mutlaka kontrol edin.
• Dosya yükleme: Özgeçmiş gibi belgeler için. Bu alan her araçta ve her pakette bulunmayabilir.

Başvuru formunun teşekkür mesajında bir sonraki adımı da yazın: "Başvurunuz alındı. Sonuçları e-posta ile bildireceğiz."

Sık karşılaşılan sorunlar

Mini görev

Kendi sitenizde (ya da deneme için açtığınız bir sitede) İletişim sayfası oluşturun ve en fazla dört alanlı bir form ekleyin. Teşekkür mesajını kendi sözlerinizle yazın. Formu yayınlayıp kendiniz doldurarak test edin. Sonra ikinci bir form olarak, açılır listeli ve onay kutulu küçük bir başvuru formu hazırlayın (örneğin "Atölyeye kayıt").

Kontrol listesi

• İletişim sayfası var ve menüden ulaşılabiliyor.
• Formda ad, e-posta ve mesaj alanları var; gereksiz alan yok.
• E-posta ve mesaj alanları zorunlu.
• Gönder düğmesinin yazısı net ve Türkçe.
• Teşekkür mesajı yazıldı ve ne zaman dönüleceğini söylüyor.
• Bildirim e-posta adresi girildi ve doğrulandı.
• Test gönderimi yapıldı; e-posta geldi ve kayıt Gönderimler bölümünde görüldü.
• Form telefon önizlemesinde düzgün görünüyor.

Kendini sına

• Soru 1: Bir formun dört temel parçası nedir?
• Soru 2: E-posta alanını neden zorunlu yaparız?
• Soru 3: Bildirim e-postası gelmezse gönderimleri nerede bulabilirsiniz?
• Soru 4: Formu kurduktan sonra neden kendiniz test gönderimi yapmalısınız?
• Soru 5: Başvuru formunun iletişim formundan temel farkı nedir?

Cevaplar

• Cevap 1: Alanlar, gönder düğmesi, teşekkür mesajı ve gönderim hedefi.
• Cevap 2: Ziyaretçiye cevap yazabilmek için. E-posta olmazsa mesaj gelir ama ulaşacak adres olmaz.
• Cevap 3: Site kurucunun yönetim panelindeki Gönderimler (ya da benzer adlı) bölümünde. Önce spam klasörüne de bakılmalıdır.
• Cevap 4: Formun yayında çalıştığını, teşekkür mesajının göründüğünü ve bildirimin geldiğini gerçek bir ziyaretçi gibi doğrulamak için.
• Cevap 5: Kurulum aynıdır; fark alanlardadır. Başvuru formunda açılır liste, onay kutusu ve bazen dosya yükleme gibi daha ayrıntılı alanlar bulunur.

Bugün sitenize ziyaretçilerle konuşabileceği bir kapı açtınız. Bir sonraki derste bu kapıdan gelen bilgileri basit otomasyonlarla, örneğin otomatik yanıt ya da tablo kaydı gibi işlerle, kendiliğinden ilerleten adımlara geçeceğiz.