Form Şekillendirme
Otomatik Form Oluşturucu, form stilini tamamen kontrol etmenizi sağlar. Marka renklerinizi eşleştirin, yazı tiplerinizi kullanın, boşlukları ayarlayın ve sitenizin doğal bir parçası gibi görünen formlar tasarlayın.
Form Biçimlendirmenin Önemi
Web sitenizin bir markası var. Formlarınız da bunu yansıtmalı.
Formlar sitenizin geri kalanından farklı göründüğünde, ziyaretçiler tereddüt eder. Hala aynı web sitesinde olup olmadıklarını merak ederler. Bu tereddüt dönüşüm oranlarına zarar verir.
Şık tasarımlı formlar aynı zamanda profesyonelliği de yansıtır. Özenle hazırlanmış bir form, ziyaretçilere ayrıntılara önem verdiğinizi gösterir; form tasarımına önem veriyorsanız, muhtemelen onların verilerine de önem veriyorsunuzdur.
Form Stili Nasıl Çalışır?
Otomatik Form Oluşturucu, form oluşturucu arayüzüne entegre edilmiş bir görsel stil düzenleyici içerir.
- Ne tür bir stil seçileceğini seçinForm kapsayıcısı, alan etiketleri, giriş alanları, düğmeler veya hata mesajları arasından seçim yapın.
- Ayarları yapınDeğerleri değiştirmek için renk seçicileri, kaydırıcıları ve açılır menüleri kullanın. Öğrenilecek veya hatırlanacak CSS sözdizimi yok.
- Anında önizleme yapınYapılan her değişiklik canlı önizlemede anında görünür. Yayınlamadan önce formunuzun tam olarak nasıl görüneceğini görün.
- Varsayılan ayarlarla kaydetYeni formlara stilinizi otomatik olarak uygulayın. Bir kez oluşturun, her yerde yeniden kullanın.
Özelleştirebileceğiniz Şeyler
Renkler
Formunuzdaki her rengi kontrol edin. Form kapsayıcısı ve ayrı alanlar için arka plan renkleri. Etiketler, yer tutucular ve giriş metni için metin renkleri. Varsayılan, odaklanma ve hata durumları için kenarlık renkleri. Düğme arka planı, metin ve fareyle üzerine gelme efektleri için düğme renkleri.
matbaacılık
Etiketler ve giriş alanları için yazı tipleri seçin. Yazı tipi boyutlarını bağımsız olarak ayarlayın; vurgu için daha büyük etiketler, ikincil bilgiler için daha küçük yardımcı metin kullanın. Kalın etiketler veya daha açık renkli giriş metni için yazı tipi kalınlığını kontrol edin.
Boşluk ve Düzen
Alanlar arasında boşluk bırakarak rahat bir giriş alanı oluşturun. Rahat metin girişi için alanların içindeki dolgu boşluğunu ayarlayın. Formun tamamının etrafındaki kenar boşluklarını kontrol ederek sayfa düzeninize mükemmel şekilde yerleştirin.
Sınırlar ve Köşeler
Kenar genişliğini, stilini ve rengini tanımlayın. Modern bir görünüm için köşeleri yuvarlaklaştırın veya minimalist bir tasarım için keskin bırakın. Farklı form durumlarına farklı kenar stilleri uygulayın; varsayılan olarak ince kenarlar, odak noktasında belirgin kenarlar.
Düğmeler
Markanıza uygun gönder butonu tasarlayın. Arka plan rengi, metin rengi, kenar yarıçapı, dolgu, yazı tipi boyutu ve yazı tipi kalınlığı gibi özellikleri özelleştirin. Butonların duyarlı ve tıklanabilir olması için fareyle üzerine gelme ve aktif olma durumlarını da özelleştirin.
FormKapsayıcısı
Formun genel çerçevesini biçimlendirin. Arka plan rengi ekleyin veya şeffaf bırakın. Derinlik için kutu gölgeleri uygulayın. Yuvarlak form kutuları için kenar yarıçapı ayarlayın. Formların çok fazla genişlemesini önlemek için maksimum genişliği kontrol edin.
Ortak Form Biçimlendirme Senaryoları
Marka Kılavuzlarına Uygunluk
Şirketinizin belirli renkleri var: #0F2D5F ana renkler, #F59E0B vurgu renkleri. Bu değerleri stil düzenleyicisine girin. Form düğmeleri vurgu renginizi, form etiketleri ise ana renginizi kullanır. Mükemmel marka tutarlılığı.
Yüksek Kontrastlı Şekiller Oluşturun
Koyu arka planlı bir web sitesi mi kullanıyorsunuz? Dikkat çeken açık renkli formlar oluşturun. Açık arka plan mı kullanıyorsunuz? Görsel olarak rekabet etmeden form alanını belirlemek için ince gölgelerle çerçevelenmiş formlar kullanın.
Minimalist Formlar Tasarlayın
Kenarlıkları kaldırın, boşlukları azaltın, şeffaf arka planlar kullanın. Sayfaya entegre olmuş, kutu içinde kalmış gibi görünmeyen formlar oluşturun.
Cesur ve Etkileyici Harekete Geçirici Formlar Oluşturun
Büyük düğmeler, canlı renkler, bolca boşluk. En önemli potansiyel müşteri oluşturma sayfalarınız için dikkat çekici formlar oluşturun.
Her Temaya Uygun Formlar
Otomatik Form Oluşturucu, her WordPress temasıyla çalışır. Şekillendirilmiş formlarınız, her türlü tasarım bağlamına uyum sağlar.
Woodmart, Astra, GeneratePress, Divi veya başka bir tema mı kullanıyorsunuz? Formlarınız yerel görünümlü olacak. Stil düzenleyici, herhangi bir tasarım sistemine uyacak kadar kontrol imkanı sunar.
Tema çakışması yok. Stil kalıtımı sorunu yok. Tam istediğiniz gibi görünen formlar.
CSS Gerekmiyor
Formlarınızı biçimlendirmek için özel CSS yazmanıza gerek yok. Görsel düzenleyici her şeyi hallediyor.
Ancak CSS kontrolü istiyorsanız, Otomatik Form Oluşturucu her form için özel CSS desteği sunar. Uç durumlar için geçersiz kılmalar ekleyin veya görsel düzenleyicide bulunmayan gelişmiş stiller uygulayın. Gelişmiş kullanıcılar ihtiyaç duydukları esnekliğe sahip olurlar.
