Formlar genel bakış - Webflow yardım
Formlar, ister e-posta bülteni abonelikleri ister potansiyel müşterilerden iş talepleri topluyor olun, bilgileri verimli bir şekilde yakalamanıza olanak tanıyan web üzerindeki en güçlü araçlardan biridir. Webflow ile formlarınızı ihtiyaçlarınıza göre tamamen özelleştirebilir ve optimize edebilirsiniz. Sitenize bir form bloğu eklemek için Ekle paneli → Öğeler → Formlar yolunu izleyin.
Form anatomisi
Form bloğu, üst öğesinin tam genişliğini devralır ve üç alt öğe içerir:
- Form — tüm form girişlerinizi ve öğelerinizi içerir
- Başarı mesajı — form başarıyla gönderildiğinde dönen mesaj
- Hata mesajı — form gönderiminde bir sorun olduğunda dönen mesaj
Form yapısı
Formunuzu ihtiyaçlarınıza göre özelleştirmek için form içinde aşağıdaki form öğelerinden herhangi birini ekleyebilir veya silebilirsiniz:
| Form öğesi | Amacı |
|---|---|
| Alan etiketi | Bir form alanının işlevini veya amacını tanımlamak için kullanılır. Alan etiketleri erişilebilirlik için önemlidir. |
| Giriş | Tek satırlık veri toplamak için kullanılır, bir soruya kısa bir yanıt gibi (örneğin, ad veya e-posta adresi) |
| Dosya yükleme | Site ziyaretçilerinin form gönderimlerine bir dosya eklemelerine olanak tanır |
| Metin alanı | Site ziyaretçilerinin çok satırlı veri girmelerine olanak tanır, uzun bir mesaj gibi |
| Onay kutusu | Site ziyaretçilerinin bir veya birden fazla seçenek seçebileceği veri girişi için kullanılır |
| Radyo düğmesi | Site ziyaretçilerinin birçok seçenekten yalnızca birini seçebileceği veri girişi için kullanılır |
| Seçim | Site ziyaretçilerinin bir açılır listeden seçenekler seçmesine olanak tanır. Birden fazla seçim yapılabilir |
| reCAPTCHA | Form spam'ini önleyen Google hizmeti |
| Gönder düğmesi | Bir formda toplanan tüm verileri gönderir. Gönder düğmesi olmadan hiçbir form tamamlanmış sayılmaz |
Form Elemanlarını Nasıl Yapılandırılır
Bir form elemanını (örneğin, Giriş, Gönder düğmesi) ayarlarını açmak için çift tıklayabilirsiniz. Her form elemanının türüne göre farklı giriş ayarları vardır:
| Giriş ayarı | Amaç | Ek notlar |
|---|---|---|
| Ad | Form gönderimlerinde alanı tanımlar | n/a |
| Zorunlu | Formun gönderilmesi için bir form alanının doldurulmasını zorunlu kılar | Boş gönderimleri engeller |
| Yer tutucu | Yazarken kaybolan metni girişte gösterir; etiketlerin veya önemli talimatların yerini almamalıdır | Yardımcı teknoloji veya çeviri araçlarına uygun değil; durumlar menüsünden stillenebilir |
| Metin türü | Giriş türünü belirtir (örneğin, e-posta, telefon, şifre) | Telefon karakterleri kabul eder ve klavye gösterir; şifre yazılan karakterleri gizler |
| Otomatik odak | Sayfa yüklendiğinde alanın otomatik odaklanıp odaklanmayacağını belirler | Kaydırma/atlama sorunlarına veya gönderimleri engelleyen gizli alanlara dikkat edin |
Gönder Düğmesi
Gönder düğmesinin ayarları şunları ayarlamanıza olanak tanır:
- Düğme metni: Düğmede görünen metin (varsayılan: “Gönder”)
- Bekleme metni: Düğmeye tıklandıktan sonra ve gönderim tamamlanmadan önce düğmenin yerini alan metin (varsayılan: “Lütfen bekleyin…”)
Form Ayarları Nasıl Yönetilir
Başarı ve Hata Durumlarını Özelleştirin
Form bloğunu seçin ve Form bloğu ayarlarına gidin:
- Normal: Varsayılan durum
- Başarı: Başarılı bir gönderimden sonra mesaj
- Hata: Başarısız bir gönderimden sonra mesaj
Form adını ayarlayın
Belirlediğiniz ad, formu gönderim verileriyle ilişkilendirir. Benzersiz adlar ayarlamazsanız, tüm gönderim verileri "E-posta Formu" altında görünür. Formları ayırt etmek için açıklayıcı adlar verin.
Form gönderimlerini ve bildirimlerini yönetin
- Form blok ayarları'nda alıcıları belirtin.
- Site ayarları → Formlar → Form bildirimleri'nde gelişmiş bildirimlere erişin.
- Tam web sitesi sahipleri için: Site ayarları → Formlar → Form gönderimleri'nde form verilerine erişin/yönetin.
Form gönderiminde site ziyaretçilerini yönlendirin
Gönderimden sonra kullanıcıları başka bir yere göndermek için Yönlendirme alanına bir URL ekleyin.
Özel bir eylem ayarlayın
Gönderimleri başka bir yere göndermek için özel bir eylem ekleyin (ör. HubSpot). Bunu eklediğinizde, Webflow işlem yapmaz veya bildirimi göndermez. Daha fazla entegrasyon için Uygulamaları da bağlayabilirsiniz.
Uygulama bağlantılarını görüntüleyin
Bağlı Uygulamalar Bağlantılar'da görünecektir. Not: Form verilerini Webflow'a gönder her zaman görünür, Webflow işlemini tamamen atlamadığınız sürece.
Form verileri ve GDPR
- AB sakinlerinden kişisel veri topluyorsanız (formlar aracılığıyla dahil), GDPR kapsamında veri sorumlususunuz.
- Veri toplama için uygun onayı alın.
- Müşteriler için oluşturuyorsanız, onların sorumlulukları hakkında bilgilendirin.
- Verileri 3. taraflara bağlarken (ör. Zapier) sorumlulukları gözden geçirin.
Daha fazla bilgi edinin:
Sorun Giderme
Formunuz gönderilemiyorsa:
- reCAPTCHA'yı etkinleştirdiyseniz, tüm formların bunu içerdiğinden emin olun. Aksi takdirde, gönderimler başarısız olur.
- Gizli alanlarınız varsa, bu alanlar için Otomatik odaklanma'nın kapalı olduğundan emin olun.
- Ücretsiz/barındırılmayan siteler toplamda 50 form gönderimi ile sınırlıdır. Site planınızı yükseltin sınırı kaldırmak için.
Sorunlar devam ederse, müşteri desteği ile iletişime geçin.