Contact Form 7, WordPress için en popüler iletişim formu eklentilerinden biri. Ancak çok adımlı (multi-step) form desteği doğrudan gelmez. Bu rehberde, Contact Form 7 ile nasıl modern, adım adım ilerleyen bir form oluşturabileceğini anlatıyoruz.
🔌 1. Gerekli Eklentileri Yükleyin
Contact Form 7
Contact Form 7 Multi-Step Forms eklentisini yükleyin
🧱 2. Adım Formlarını Oluşturun
Her adım bir form olarak tanımlanır.
Adım 1 (Form 1):
[text* isim "Adınız"]
[email* email "E-posta Adresiniz"]
[hidden step "1"]
[step_to step-2 "İleri"]
Adım 2 (Form 2):
[tel* telefon "Telefon Numaranız"]
[select* il ["İstanbul" "Ankara" "İzmir"]]
[hidden step "2"]
[step_back step-1 "Geri"]
[submit "Gönder"]
Not: Her formu ayrı ayrı oluşturun ama adım geçiş bağlantıları (step_to / step_back) ile birbirine bağlayın.
🔁 3. Formları Bağlayın
Eklenti ayarlarında, çok adımlı form oluşturmak için hangi formun 1. adım olduğunu belirtin.
Diğer formlar otomatik olarak onunla zincirlenir.
🧪 4. Görünüm & Tasarım Önerisi
CSS ile adım numarası veya progress bar ekleyin.
Form adımlarını sade tut, her adımda max 2–3 alan olsun.
Örnek:
.wpcf7-form { max-width: 500px; margin: auto; }
.step-indicator { text-align: center; margin-bottom: 15px; }
Ziyaretçiyi sıkmadan bilgi almak istiyorsan çok adımlı form sistemi tam sana göre!
Üstelik Contact Form 7 + Multi-Step eklentisi ile tamamen ücretsiz.
