CTA: Hesap Oluştur Oturum Aç
  • Hesap Oluştur
  • Oturum Aç

Modern Web Sitelerinin Vazgeçilmezi: Form Sihirbazı

Web sitenizin ziyaretçilerle etkileşime geçebilmesi, müşteri taleplerini toplayabilmesi ve iletişim kanallarını açık tutabilmesi için profesyonel form çözümlerine ihtiyacınız var. Tüm BulutPress® web tasarım modülleri gibi form modülü de her web sitesi için gereklidir ve her ihtiyaca uygun formu oluşturmanızı mümkün kılar: iletişim formu, İK formu, sipariş formu ve benzerleri.

Form modülü aslında bir form sihirbazıdır: sürükle-bırak mantığıyla çalışan arayüzü sayesinde, programlama bilgisi gerektirmeden profesyonel formlar oluşturabilirsiniz. İster basit bir iletişim formu, ister karmaşık bir sipariş formu olsun, tüm ihtiyaçlarınızı karşılayabilecek esnekliğe sahiptir. Web sitenizin dilediğiniz sayfasında istediğiniz konuma ekleyeceğiniz form, sizin belirleyeceğiniz e-posta adresine Amazon Web Services tarafından sunulan güçlü "SES" (Simple Email Service) servisi ile ulaştırılır.

Neden Form Sihirbazı Kullanmalısınız?

Gelişmiş Spam Koruması — reCAPTCHA'ya Gerek Yok

Web sitesi formlarında reCAPTCHA veya "basit sorulardan oluşan" (örneğin: alfabenin ilk harfini yazınız, 2+1 kaç eder gibi) eklentiler kullanmanın amacı, bot yazılımların formları yapay olarak doldurup spam göndermesini engellemek ve formun bir insan tarafından doldurulduğunu kanıtlamaktır. Bazı botlar alfabenin ilk harfini sorduğunuzu anlayabilir; basit sorular spam koruması için basit bir yoldur, reCAPTCHA ise daha gelişmiş bir yöntemdir.

Ancak BulutPress® içerik yönetim sistemi ile oluşturulan formlar, dünyanın en gelişmiş spam koruma teknolojilerinden birine sahiptir. Botlar sitenize uğrayıp formu doldurabilir, ancak gönderemezler; formun mutlaka bir insan tarafından elle doldurulup gönder tuşuna basılması gerekir. Bu sebeple formlarımızda reCAPTCHA ve benzeri "ben robot değilim" uygulamalarına ihtiyaç duyulmaz — size yalnızca gerçek insanlar tarafından doldurulan gerçek mailler ulaşır.

Elbette bir insan isterse formu doldurarak spam gönderebilir; ancak bu davranışı reCAPTCHA uygulaması da engelleyemez. Bizim çözümümüz otomatik yazılımlara karşı geliştirilmiştir.

Mobil Uyumluluk

Oluşturduğunuz tüm formlar, BulutPress'in responsive altyapısı sayesinde otomatik olarak mobil cihazlara uyumlu hale gelir. Böylece ziyaretçileriniz formlarınızı her türlü cihazdan rahatlıkla doldurabilir.

Özelleştirilebilir Tasarım

Form alanlarının renkleri, yazı tipleri, düğme tasarımları ve boşlukları tamamen özelleştirilebilir; formdaki her satıra kaç soru geleceğini de siz seçersiniz. Bu sayede formlarınız, web sitenizin genel tasarımıyla uyumlu bir görünüme kavuşur.

Beyaz Etiket

Gelen formlar tamamen beyaz etiket sistemi ile gelir. Yani müşterinize ulaşan her türden form mailinin üzerinde sizin logonuz, en altta da sizin ünvanınız yer alır.

Anında Bildirim ve Kolay Takip

Müşterileriniz formları doldurduğunda bildirimler anında e-posta adresinize ulaşır; isterseniz form gönderimlerini birden fazla e-posta adresine yönlendirebilirsiniz. Gelen formlarda ziyaretçinin IP adresi, form gönderim tarihi ve formun toplamda kaç defa gönderildiği bilgileri yer alır.

Gelen form üzerindeki düzenle düğmesine tıklayarak doğrudan yönetim panelinde ilgili formun düzenleme ekranına gidebilir ve formunuzda kolayca değişiklik yapabilirsiniz.

Form modülünün ilk satırına ziyaretçinizin yazdığı bilgi, e-posta adresinize gelen konu başlığında otomatik olarak yer alır. Bu sayede gelen formlarınızı çeşitli filtrelerden geçirerek farklı klasörlere kaydedebilir ya da farklı adreslere yönlendirebilirsiniz.

Pazarlama ve Analitik Entegrasyonu

Form Sihirbazı, modern pazarlama araçlarıyla tam uyumludur. Form gönderimlerini dönüşüm olarak takip edebilir, Google Analytics gibi analitik araçlarıyla entegre edebilirsiniz. Bu sayede web sitenizin performansını daha detaylı analiz edebilir, kullanıcı davranışlarını daha iyi anlayabilirsiniz.

Form Sihirbazı Modülünü Web Sitenize Ekleme

Bu bölümde 'Form Sihirbazı' modülünü web sitenize nasıl ekleyeceğinizi anlatacağız.

  1. Modül eklemek istediğiniz web sitesinin yönetim paneline gidin.
  2. Yeni modül eklemek için önce 'tüm modüller' düğmesine, ardından 'modül ekle' düğmesine tıklayın.
  3. Modül türleri içinden 'Form Sihirbazı' modülüne tıklayın.
  4. Modülün yayınlanmasını istediğiniz sayfayı seçin.
  5. Genel modül ayarları bölümünden modülün başlığını yazın; ardından sayfa içinde görüntüleneceği konumu seçin.
  6. Kaydet düğmesine basarak modülü oluşturun.

Hangi türde olursa olsun, bütün modüller hep aynı şekilde oluşturulur.

Tüm bu adımları eğitim videomuzdan da izleyebilirsiniz:

https://www.youtube.com/watch?v=lvL10qz8uAg

Modül Ayarları

1

Modülü oluşturduktan sonra sıra, 'Form Sihirbazı' modülüne özgü tercihleri düzenlemeye gelir:

  • Form alıcısı: Form gönderimlerinin hangi e-posta adresine iletileceğini belirler.
  • Düğme metin ve tasarımı: Form düğmesinin metnini, renklerini, kenarlıklarını ve üzerine gelindiğindeki görünümünü özelleştirmenizi sağlar.
  • Modül stili: Modülün renklerini, iç ve dış boşluklarını hem masaüstü hem de mobil görünüm için ayarlamanıza olanak tanır.
  • Etiket ve giriş alanları: Form etiketlerinin ve giriş alanlarının yazı tiplerini, renklerini ve kenarlıklarını özelleştirmenizi sağlar.
  • Form açıklama ve sonuç: Formun üzerindeki açıklama metnini ve başarılı gönderim sonrası görüntülenecek mesajı belirlemenizi sağlar.
  • Pazarlama ve yönlendirme: Dönüşüm takip kodu eklemenize ve form gönderimi sonrası isteğe bağlı yönlendirme yapmanıza olanak tanır.

Modül türüne özgü tercihlerinizi tamamladıktan sonra kaydetmeyi unutmayın.

Forma Alan (Nesne) Ekleme

Modül ayarlarını tamamladıktan sonra forma yeni nesneler eklemeye başlayabilirsiniz. Bunun için 'yeni nesne ekle' düğmesine tıklayın ve her alan için şu parametreleri düzenleyin:

  • Soru: Form alanının etiket metnini temsil eder.
  • Tür: Metin, büyük metin, seçim kutusu, e-posta, telefon, dosya yükleme gibi çeşitli giriş türleri arasından seçim yapmanızı sağlar.
  • Zorunlu alan: Alanın form gönderilmeden önce doldurulmasının zorunlu olup olmadığını belirler.
  • Genişlik: Alanın yatayda ne kadar yer kaplayacağını ayarlamanızı sağlar.
  • Otomatik tamamlama: Yaygın alan türleri için tarayıcı otomatik tamamlama işlevini etkinleştirir.
  • Yardımcı metin ve değer: Alanlar için yardımcı metin (placeholder) ve varsayılan değerler belirlemenizi sağlar.

Nesne eklemeyi tamamlamak için 'kaydet' düğmesine tıklayın. Bu şekilde 'Form Sihirbazı' modülüne istediğiniz kadar yeni nesne ekleyebilirsiniz. Ayrıca 'yayınlanacağı sayfaları seç' düğmesine tıklayarak modülünüzün hangi sayfalarda yayınlanacağına karar verebilirsiniz.

Alan türleri arasında metin kutuları, açılır menüler, onay kutuları, dosya yükleme alanları ve daha fazlası bulunur; her alan türü için zorunluluk durumu, otomatik doldurma özellikleri ve doğrulama kuralları belirleyebilirsiniz. Yeni HTML form türleri ve özellikleri eklendikçe biz de bunları yazılıma eklemeye devam edeceğiz.

Placeholder ve Otomatik Tamamlama Özellikleri

Placeholder (yardımcı metin) özelliği ile form kutuları içinde ön tanımlı değerler oluşturabilir ve ziyaretçilerinize hangi formatta içerik ekleyebileceklerini gösterebilirsiniz.

Otomatik tamamlama özelliği ise her bir form türüne göre ayrı ayrı seçebileceğiniz otomatik tamamlama seçeneği sunar. Ziyaretçiniz form alanına kendi ismini dolduracaksa otomatik tamamlama isim önerir; adresini yazmak istediğinde ise tarayıcı, daha önce bellekte kayıtlı olan adresini önerir.

https://www.youtube.com/watch?v=5huopd8MIh8

Ziyaretçiyi Yönlendirme ve Teşekkürler Sayfası

Form başarıyla gönderilirse ziyaretçinizi dilediğiniz bir sayfaya yönlendirebilirsiniz. Bu alanı boş bırakırsanız ziyaretçiniz formu gönderdiği sayfada kalır ve form gönderim sonucu için önceden yazdığınız metni görür. Örnek URL: /siparis-alindi

Formu dolduran ziyaretçileri özel bir teşekkürler sayfasına yönlendirmek için:

  • Web sitenizde normal bir sayfa oluşturun (teşekkür sayfası - tek sayfa).
  • Bu sayfayı oluştururken "yayında değil" (taslak) olarak işaretleyin; bu sayede menü grubunda görünmez.
  • Arama motorlarının indekslememesi için noindex, nofollow işaretleyin.
  • Oluşturduğunuz sayfayı yeni sekmede açıp görüntüleyin ve adresini kopyalayın.
  • Form modülünüzün yönlendirme adresi kısmına kopyaladığınız adresi yapıştırın.
  • Bu kadar :)

Formlara Zorunlu Onaylama Bağlantıları Ekleme

Kişisel verileri koruma kanununa uygun olarak, BulutPress® web sitenizdeki formlara, ziyaretçilerin zorunlu olarak onaylaması gereken bağlantılar oluşturabilirsiniz.

Koşullu Alan Gösterme: Akıllı Formlar

Form modülündeki alanlar birbirine bağlanabilir: bir alan, ancak başka bir alanda belirli bir değer seçildiğinde/yazıldığında görünür hale gelir. Böylece ziyaretçiye baştan uzun ve kalabalık bir form göstermek yerine, verdiği cevaplara göre adım adım açılan akıllı formlar kurabilirsiniz. Örneğin "Konu" alanında Destek seçilirse "Destek Türü" listesi belirir; Satış seçilirse hiç görünmez.

✨ Öne Çıkan Özellikler

  • Herhangi bir alanı başka bir alanın cevabına bağlayabilme
  • Her alan türü tetikleyici (ebeveyn) olabilir: Seçim, Radyo, Çoklu Seçim, Onay Kutusu, Metin, Dosya ve diğerleri
  • Birden fazla tetikleyici değer tanımlayabilme (virgülle ayırarak)
  • Büyük/küçük harf duyarsız eşleşme — "Diğer", "diğer", "DİĞER" aynı kabul edilir
  • Zincirleme koşul: koşullu bir alan, başka bir koşullu alanın tetikleyicisi olabilir
  • Zorunlu işaretli koşullu alanlar, koşul tetiklenmediğinde formu bloklamaz ve e-postada görünmez
  • Ek kurulum yok — mevcut Form modülünüzdeki her alanda kullanıma hazır

🖥️ Nasıl Kullanılır?

  1. Panelden Form modülünüzün düzenleme sayfasını açın
  2. Koşullu görünmesini istediğiniz alanı ekleyin veya mevcut alanı düzenleyin
  3. Bağlı Olduğu Alan (Koşullu Gösterim) kutusuna, tetikleyici alanın Soru etiketini birebir aynı yazımla girin
  4. Tetikleyici Değer(ler) kutusuna, alanın hangi cevap(lar)da görüneceğini yazın — birden fazla değer için virgül kullanın: Kurumsal, Bayi
  5. Kaydedin — sitenizdeki formda alan artık yalnızca koşul sağlandığında görünür

Her iki kutu da boş bırakılırsa alan eskisi gibi her zaman görünür; mevcut formlarınızda hiçbir davranış değişmez.

⚙️ Tetikleyici Kuralları

Tetikleyici (ebeveyn) alanın türüne göre eşleşme şöyle çalışır:

Ebeveyn Türü Davranış
Seçim / Radyo Seçilen değer, tetikleyici değerlerden biriyse alan görünür
Çoklu Seçim İşaretlenen değerlerden herhangi biri eşleşirse yeterli — farklı seçeneklere ayrı ayrı alanlar bağlayabilirsiniz
Metin Yazılan metin tetikleyici değerle eşleşince görünür (büyük/küçük harf ve baştaki/sondaki boşluklar önemsiz)
Onay Kutusu Tetikleyici değeri boş bırakın — kutu işaretlenince alan görünür
Dosya Tetikleyici değeri boş bırakın — dosya seçilince alan görünür

Tetikleyici Değer(ler) boş bırakılırsa genel kural şudur: ebeveyn alan herhangi bir değer aldığında (bir seçim yapıldığında, bir şey yazıldığında) bağlı alan görünür.

🔗 Zincirleme Koşullar

Koşullu bir alan, başka bir koşullu alanın ebeveyni olabilir. Örnek:

  1. Konu (Radyo: Satış, Destek)
  2. Destek Türü (Seçim: Teknik, Fatura) — Bağlı Olduğu Alan: Konu, Tetikleyici: Destek
  3. Fatura No (Metin) — Bağlı Olduğu Alan: Destek Türü, Tetikleyici: Fatura

Ziyaretçi "Destek" → "Fatura" seçtikçe alanlar sırayla açılır. Ziyaretçi fikir değiştirip "Satış"a dönerse, zincirdeki tüm alt alanlar birlikte gizlenir.

✅ Zorunlu Alanlarla Birlikte Kullanım

Koşullu bir alanı Zorunlu olarak işaretleyebilirsiniz; kural yalnızca alan görünürken geçerlidir:

  • Koşul tetiklenmediyse (alan gizliyse) form, alan boş olsa bile sorunsuz gönderilir
  • Gizli alanlar gönderilen e-postada da yer almaz — yalnızca ziyaretçinin gerçekten gördüğü ve doldurduğu alanlar iletilir

💡 Kullanım Senaryoları

"Diğer" Seçeneği

Seçim listesine "Diğer" seçeneği ekleyin ve altına Bağlı Olduğu Alan: liste etiketi, Tetikleyici: Diğer olan bir metin alanı koyun. Ziyaretçi listede kendine uygun cevabı bulamazsa kendi cevabını yazabilir.

Konuya Göre Detay Toplama

İletişim formunda "Konu" seçimine göre farklı detay alanları açın: Destek seçene sipariş numarası sorun, iş başvurusu seçene CV yükleme alanı gösterin.

Çoklu Seçime Göre Ayrı Detaylar

"Hangi hizmetlerle ilgileniyorsunuz?" çoklu seçiminde her seçeneğe ayrı detay alanı bağlayın. Ziyaretçi hangi seçenekleri işaretlerse yalnızca onların detay alanları açılır.

Onaya Bağlı Bilgi

"Size kampanyalardan haber verelim mi?" onay kutusu işaretlenince telefon numarası alanı gösterin — istemeyen ziyaretçiden gereksiz bilgi istemeyin.

❓ Sık Sorulan Sorular

Ebeveyn alanın etiketini sonradan değiştirirsem ne olur? Bağ, etiket metni üzerinden kurulur; etiket değişirse bağ kopar ve koşullu alan hiç görünmez olur. Form yine sorunsuz gönderilir, ancak koşullu alanın Bağlı Olduğu Alan kutusunu yeni etiketle güncellemeniz gerekir.

Kaç seviye zincir kurabilirim? Teknik bir sınır yoktur; zinciri doğru kurduğunuz sürece istediğiniz derinlikte çalışır. Ziyaretçiyi yormamak için 2-3 seviyeyi aşmamanızı öneririz.

Aynı etikete sahip iki alanım varsa ne olur? Alanlar etiket metniyle ayırt edildiği için aynı etiketli iki alan karışıklığa yol açar. Her alana benzersiz bir Soru etiketi verin.

Gizli alana daha önce girilmiş değer kaybolur mu? Hayır. Alan gizlendiğinde girilen değer silinmez; ziyaretçi koşulu tekrar tetiklerse önceki cevabını yerinde bulur. Gizliyken form gönderilirse bu değer e-postaya dahil edilmez.

Mevcut formlarım etkilenir mi? Hayır. Koşul tanımlanmamış tüm alanlar eskisi gibi her zaman görünür; özellik tamamen isteğe bağlıdır.

Sorularınız mı Var?

Yazılımla ilgili sorularınızı, yazılımın içinde bulunan "destek talebi oluştur" bağlantısına tıklayarak iletirseniz size daha kolay yardımcı oluruz.