Elementor Pro ile Formlar Nasıl Oluşturulur: İletişim, Kayıt ve Çok Aşamalı

Formlar, herhangi bir web sitesi için gereklidir—basit iletişim formlarından karmaşık çok adımlı kayıt akışlarına kadar. Elementor Pro, birçok durumda ayrı bir form eklentisine ihtiyaç duymadan kullanılabilen yerleşik bir Form widget'ı içerir. Bu kılavuzda, Elementor Pro kullanarak iletişim formları, kayıt formları ve çok adımlı formlar oluşturmayı, ayrıca e-posta pazarlama ve CRM hizmetleri için entegrasyon seçeneklerini ele alıyoruz.

Bu eğitim, Elementor Pro gerektirir. Elementor'un ücretsiz sürümü Form widget'ını içermez.

Elementor Form Widget Genel Bakış

Elementor Form widget'ı bu alan türlerini destekler:

İletişim Formu Oluşturma

Adım 1: Form Widget'ını Ekle

1. Elementor editöründe herhangi bir sayfayı açın
2. Widget panelinde "Form" için arama yapın
3. Form widget'ını düzeninize sürükleyin
4. Varsayılan form, İsim, E-posta ve Mesaj alanlarını içerir

Adım 2: Form Alanlarını Yapılandır

Standart bir iletişim formu için bu alan yapılandırması iyi çalışır:

1. İsim (Metin alanı, zorunlu) – Yer tutucu: "Adınız"
2. E-posta (E-posta alanı, zorunlu) – Yer tutucu: "[email protected]"
3. Konu (Metin alanı, isteğe bağlı) – Yer tutucu: "Size nasıl yardımcı olabiliriz?"
4. Mesaj (Metin alanı, zorunlu) – Yer tutucu: "Projeniz hakkında bize bilgi verin...", Satır sayısı: 5
5. reCAPTCHA veya Honeypot spam koruması için

Adım 3: Gönderdikten Sonra Eylemleri Yapılandır

"Gönderdikten Sonra Eylemler" bölümünde, bir kullanıcı formu gönderdiğinde ne olacağını yapılandırın: For related information, see our guide on Elementor complete guide.

• E-posta: Form verilerini e-posta adresinize (veya birden fazla adrese) gönderin
• Yönlendirme: Göndermeden sonra kullanıcıyı bir teşekkür sayfasına yönlendirin
• Açılır Pencere: Bir onay açılır penceresi gösterin
• Webhook: Form verilerini harici bir URL'ye gönderin (Zapier, Make, özel API)
• Mailchimp / ConvertKit / Drip: E-posta pazarlama listelerine abone ekleyin
• Slack: Bir Slack kanalına bildirim gönderin
• Discord: Bir Discord webhook'una bildirim gönderin

Adım 4: Formu Stilize Et

Stil sekmesinde, görsel görünümü özelleştirin: For related information, see our guide on Elementor templates and kits.

• Form düzeni: Alanlar üst üste (tam genişlik) veya yan yana (inline)
• <Alan stilleri: Kenar, arka plan rengi, dolgu, kenar yarıçapı, odak durumu rengi
• Etiket stilleri: Yazı tipi ailesi, boyut, renk, aralık
• Buton stilleri: Arka plan rengi, metin rengi, kenar, üzerine gelme efektleri, tam genişlik seçeneği
• Mesajlar: Başarı ve hata mesajı renkleri ve tipografisi

Çok Aşamalı Form Oluşturma

Çok aşamalı formlar, tüm alanları bir anda göstermek kullanıcıları bunaltabileceği için uzun formlar (kayıtlar, başvurular, anketler) için faydalıdır. Elementor Pro, çok aşamalı formları yerel olarak destekler. For related information, see our guide on creating landing pages with Elementor.

Aşamaları Nasıl Ayarlarsınız

1. Sayfanıza bir Form widget'ı ekleyin
2. Form alanları listesinde, alan grupları arasında bir "Adım" alan türü ekleyin
3. Her Adım alanı, "İleri" ve "Geri" butonları ile yeni bir adım oluşturur
4. Örnek yapı:
   • Adım 1: İsim, E-posta, Telefon (Kişisel Bilgiler)
   • Adım 2: Şirket, Bütçe, Zaman Çizelgesi (Proje Detayları)
   • Adım 3: Mesaj, Dosya Yükleme (Ek Bilgiler)

Çok aşamalı formlar, kullanıcının hangi adımda olduğunu gösteren bir ilerleme göstergesi sunar. Bu, algılanan karmaşıklığı azaltır ve tüm alanları bir anda göstermeye kıyasla tamamlama oranlarını artırır.

Kullanıcı Kayıt Formu Oluşturma

Elementor Pro, ayrı bir eklenti olmadan WordPress kullanıcı kayıt formları oluşturabilir:

1. Bir Form widget'ı ekleyin ve alanları yapılandırın (Kullanıcı Adı, E-posta, Şifre)
2. "Gönderimden Sonra İşlemler" altında, "Kaydet" eylemini ekleyin
3. Her form alanını karşılık gelen WordPress kullanıcı alanına eşleyin
4. Yeni kayıtlar için varsayılan kullanıcı rolünü ayarlayın
5. İsteğe bağlı olarak, kullanıcıları kayıt işleminden sonra hesap sayfalarına yönlendirin

Not: WordPress, varsayılan olarak yeni kullanıcıların onaylanmasını bir yöneticiye gerektirir. Kullanıcıların serbestçe kayıt olmasını istiyorsanız, bunu Ayarlar → Genel → Üyelik altında değiştirebilirsiniz.

E-posta Pazarlama Hizmetleri ile Entegrasyon

Elementor Pro, popüler e-posta pazarlama platformları ile doğrudan entegre olur:

Her entegrasyon için süreç şudur: Elementor'un entegrasyon ayarlarına hizmetinizin API anahtarını girin, ardından formunuzda "Gönderimden Sonra Eylem" olarak hizmeti seçin. Form alanlarınızı hizmetin alanlarına eşleyin ve form gönderildiğinde aboneler otomatik olarak eklenecektir.

Spam Koruma Stratejileri

İletişim formları spam botlarını çeker. Elementor Pro, çeşitli spam önleme seçenekleri sunar:

• Google reCAPTCHA v3: Kullanıcı etkileşimi olmadan gönderimleri puanlayan görünmez spam tespiti. Çoğu form için önerilir
• reCAPTCHA v2: "Ben robot değilim" onay kutusu. Daha görünür ama form tamamlama oranlarını azaltabilir
• Honeypot alanı: Botların doldurduğu görünmez bir alan. Alan veri içeriyorsa, gönderim reddedilir. Kullanıcı etkileşimi gerekmez
• Kabul alanı: Ayrıca botları caydıran bir zorunlu onay kutusu (GDPR onayı, şartları kabul)

reCAPTCHA v3'ü bir Honeypot alanı ile birleştirerek kullanmanızı öneririz. Bu, kullanıcı deneyiminde görünür bir etki olmadan iki katmanlı spam koruması sağlar.

Elementor Formları vs Özel Form Eklentileri

Elementor Formlar, iletişim formları, bülten kaydı ve basit kayıt formları için yeterlidir. Ödeme işlemleri, gelişmiş koşullu mantık veya karmaşık giriş yönetimi gerektiren formlar için Gravity Forms veya WPForms gibi özel form eklentileri daha uygundur.

Sıkça Sorulan Sorular

Elementor formlarını Elementor Pro olmadan kullanabilir miyim?

Hayır. Form widget'ı yalnızca Elementor Pro'ya özeldir. Elementor'un ücretsiz sürümü ile formlara ihtiyacınız varsa, Contact Form 7 (ücretsiz), WPForms Lite (ücretsiz) veya Gravity Forms (premium) gibi ayrı bir form eklentisi kullanın.

Elementor form gönderimleri nerede saklanıyor?

Form gönderimleri, WordPress veritabanında saklanır ve yönetim panelinde Elementor → Gönderimler altında erişilebilir. Gönderimleri görüntüleyebilir, dışa aktarabilir (CSV) ve silebilirsiniz. Gönderimler ayrıca, Email eyleminde yapılandırdığınız e-posta adreslerine de gönderilir.

Elementor formları dosya yüklemelerini kabul edebilir mi?

Evet. Formunuza bir Dosya Yükleme alanı türü ekleyin. Kabul edilen dosya türlerini (PDF, JPG, PNG, DOCX, vb.) ve maksimum dosya boyutunu yapılandırabilirsiniz. Yüklenen dosyalar, WordPress medya kütüphanesinde saklanır ve form gönderimi ile bağlantılıdır.

Elementor formlarına koşullu mantık nasıl eklerim?

Elementor Pro, temel koşullu mantığı destekler: bir alanın değerine bağlı olarak alanları gösterir veya gizler. Alan ayarlarında "Koşullu" seçeneğini etkinleştirin ve koşulları belirleyin (örneğin, "Ben bir işletmeyim" radyo düğmesi seçildiğinde "Şirket" alanını yalnızca gösterin). Gelişmiş koşullu mantık (hesaplamalar, çok seviyeli koşullar) için özel bir form eklentisi daha uygun olabilir.

Elementor ile açılır formlar oluşturabilir miyim?

Evet. Elementor'da bir açılır şablon oluşturun, içine bir Form widget'ı ekleyin ve tetikleyici koşulları ayarlayın (tıklama, kaydırma yüzdesi, çıkış niyeti, zaman gecikmesi). Bu, bülten kaydı, potansiyel müşteri çekme ve ana sayfa düzenine form eklemeden promosyon teklifleri için faydalıdır.

Elementor formlarında spam nasıl önlenir?

Gerçek kullanıcılar için sürtünme eklemeden otomatik botları engellemek için Google reCAPTCHA v3 (görünmez) ile birlikte bir Honeypot alanı kullanın. Yüksek spam hacmine sahip formlar için, üçüncü bir katman olarak bir Kabul alanı (zorunlu onay kutusu) eklemeyi düşünün.