Ziyaretçilerin Form Alanlarını Çoğaltmasına Nasıl İzin Verilir?

Yayınlanan: 2024-06-14

Form kullanıcılarınız muhtemelen formlarınızdaki alanları çoğaltmak isteyecekleri birçok kez vardır. Ekstra adlar, iletişim bilgileri, çalışılan saatler vb. için alanlar, kullanıcılar bunları tekrarlayabildiğinde kolayca eklenebilir.

Artık WPForms Repeater alanıyla web sitenizin kullanıcıları tam da bunu yapabilir! Bu eğitimde, yalnızca 5 adımda formlarınızı yinelenen alanlara izin verecek şekilde nasıl değiştireceğinizi göstereceğim.

Ziyaretçilerin Form Alanlarını Çoğaltmasına Nasıl İzin Verilir?

Bu makalede

  • 1. Formunuzu Seçin veya Oluşturun
  • 2. Tekrarlayıcı Alanını Ekleyin
  • 3. Satırları veya Blokları Görüntüleyin
  • 4. Bir Düzen Seçin
  • 5. Düğme Görünümünü Özelleştirin
  • Bonus: Tekrarlayıcı Saha İş Başında
  • SSS

İlk önce WPForms'u edinin

Tamam, bu eğitimin yalnızca 5 adım sürdüğünü söylediğimi biliyorum, bu yüzden bu ekstra görünüyor. Ancak formlarınızdaki alanları çoğaltmak için WordPress sitenizde WPForms'un kurulu ve etkinleştirilmiş olması gerektiği bir bakıma bellidir.

WPForms home

Bu yüzden önce WPForms eklentisini edinin!

1. Formunuzu Seçin veya Oluşturun

Tekrarlayıcı alanı, WPForms aracılığıyla oluşturduğunuz formlarda bulunan harika bir özelliktir. Bununla form kullanıcılarınız daha fazla giriş ekleyebilir veya formun tüm bloklarını çoğaltabilir.

Ancak kullanıcıların alanları çoğaltmasına izin vermeye başlamak için yepyeni bir form oluşturmanıza gerek yok.

Tekrarlayıcı alanıyla değiştirmek istediğiniz formları sitenizde zaten kullanıyor olabilirsiniz. Form oluşturucuyu açmak istediğiniz formun altındaki Düzenle'yi tıklamanız yeterlidir.

Editing a form

Ancak yeni bir form oluşturmanız gerekiyorsa WPForms galerisinde sağlanan binlerce form şablonu arasından seçim yaparak avantajlı bir başlangıç ​​yapabilirsiniz.

Dahili Yineleyici alanı işleviyle birlikte gelen geniş bir form şablonları yelpazesi sunuyoruz.

Browsing the Repeater field form templates

Veya farklı bir form şablonu seçip Tekrarlayıcı alanını form oluşturucuyla hızlı bir şekilde ekleyebilirsiniz.

Ve her zaman olduğu gibi boş bir formla başlayarak formunuzu sıfırdan kendiniz oluşturabilirsiniz.

WordPress Formunuzu Şimdi Oluşturun

2. Tekrarlayıcı Alanını Ekleyin

Formunuzu seçip form oluşturucuya yükledikten sonra Tekrarlayıcı alanını ekleyebilirsiniz.

Ekranın sol tarafındaki alanlar arasında göreceksiniz.

Adding the Repeater field to a form

Tekrarlayıcı alanına tıklayın, formunuza sürükleyin ve istediğiniz yere bırakın.

Daha sonra, Düzen alanı gibi Tekrarlayıcı alanı da formunuzdaki diğer alanların kendisine eklenmesine olanak tanır.

Adding fields to the Repeater field area

Peki Tekrarlayıcı alanı bölümünde hangi alanlar yer alıyor? Form kullanıcılarınızın çoğaltmasına izin vermek istediğiniz alanlar.

Örneğin, kullanıcılar muhtemelen bir grup kayıt formuna aynı anda kaydolmak üzere birden fazla katılımcı adı eklemek isterler.

Front-end view of the Repeater field

WPForms Tekrarlayıcı alanını sunmadan önce, formunuzu kullanıcınızın * ihtiyaç duyabileceği bir avuç Ad alanıyla doldurmuş olabilirsiniz.

Veya kullanıcı daha fazlasını eklemek isterse ek Ad alanları eklemek için koşullu mantık ayarlarını kullanmış olabilirsiniz.

Applying conditional logic settings

Durum ne olursa olsun, Tekrarlayıcı alanı artık alanları çoğaltmayı siz ve form kullanıcılarınız için çok daha kolay hale getiriyor!

3. Satırları veya Blokları Görüntüleyin

Şimdi, daha fazla ilerlemeden önce Tekrarlayıcı alanına uygulanan Görüntüleme seçeneklerine bir göz atın.

Selecting the Repeater field to display rows

Tekrarlayıcı alan alanı içindeki alanları tek Satır olarak eklenecek şekilde özelleştirmekle kalmaz, aynı zamanda tüm alan Bloklarının çoğaltılmasına da izin verebilirsiniz.

Profesyonel İpucu : Benim yaptığım gibi Tekrarlayıcı alan etiketini gizlemek için Gelişmiş sekmesine gidin.

Tekrarlayıcı alanındaki alanları Satırlar olarak görüntülenecek şekilde seçtiğinizde, form kullanıcılarınız her yatay çizgiyi kopyalayacaktır.

Front-end view of the Repeater field block

Yukarıda gördüğünüz gibi + ekle veya kaldır butonları her satırın sonunda bulunmaktadır.

Bloklar ise tek bir Satıra sığamayan, tekrarlanacak alanları birleştirmek için iyidir.

Selecting the Repeater field display as Blocks

Bloklarda + ekle veya – kaldır düğmeleri tüm alan bölümünün altındadır. Bu düğmeler hakkında daha sonra daha fazla bilgi vereceğiz.

Aşağıdaki örneğimde tekrarlanabilir alanlarımı görüntüleme yolu olarak Blokları seçtim. Daha sonra Repeater alan alanına kullanıcıların bölüm olarak kopyalayabilmesini istediğim alanları ekledim.

Front-end view of Repeater field blocks

Artık form kullanıcıları başka bir katılımcı eklediğinde her Blok için formda ihtiyacım olan tüm bilgileri sağlayabilirler.

Bu şekilde form kullanıcıları formun tüm bölümlerini aynı anda kopyalayabilir.

4. Bir Düzen Seçin

Daha sonra tekrarlanabilir alanlarınızın Düzenini düzenlemenin farklı yollarına göz atın.

Selecting the Repeater field layout

Alanlarınızı tek satırlar, eşit aralıklı sütunlar ve eşit olmayan sütunlar halinde ayarlayabilirsiniz.

Örneğin, katılımcı adları ve yaşlarından oluşan tekrarlanabilir Satırlarınız varsa, ad için daha büyük, yaş için daha küçük bir alan konumlayan bir Düzen seçebilirsiniz.

Selecting the Repeater field 2 column layout

Dolayısıyla, yukarıdaki form oluşturucudaki Satırlar ve Düzen sütunları örneğim bir form kullanıcısına şöyle görünecektir:

Veya 3. adımın sonunda size gösterdiğim Katılımcı Adı, Acil Durum İletişim Bilgileri ve diğer alanların bulunduğu Blok'u hatırlıyor musunuz?

Formun bu bölümünü özelleştirmek için 2 sütunlu bir Düzen kullanabilirim.

Selecting the Repeater field 2 column layout

Daha sonra kullanıcı için şöyle görünecektir:

Front-end view of the Repeater field 2 column layout

Profesyonel İpucu : Sütunları yukarıda yaptığım gibi eşit aralıklarla tutmak için basit, tek satırlık bir Ad alanı kullanın.

Tekrarlayıcı alanının bu yönlerini değiştirmek, formunuzun tamamı boyunca her şeyin düzenli ve düzenli kalmasına yardımcı olur.

5. Düğme Görünümünü Özelleştirin

Tekrarlayıcı alan bölümünüzde özelleştirebileceğiniz son şey, tekrarlanabilir alanları eklemek ve kaldırmak için kullanılan + ve – Düğmeleridir.

Bunlar, form kullanıcınızın adları, kayıt bölümlerini veya çoğaltmak için uygun hale getirdiğiniz diğer alanları eklemek için tıklatacağı düğmelerdir.

Varsayılan olarak, bu düğmeler her Satırın sonunda + veya – görüntüler, ancak bir Blok kullanırken bu simgeleri özelleştirebilirsiniz.

Navigating to the Repeater field button settings

Düğmeler Satırın sonu yerine Bloğun altında yer aldığından, özelleştirme yoluyla daha uzun olmasına izin verilmesi, her şeyin görsel olarak düzenli kalmasını sağlar.

İlk önce Düğme Türünü seçin.

Selecting the Repeater field button type

Buradaki seçenekler şunları içerir:

  • Simgeli düğmeler
  • Düğmeler
  • Metin içeren simgeler
  • Simgeler
  • Düz metin

Düğmenizde herhangi bir türde metin görüntüleniyorsa bunu bir sonraki kutuda özelleştirebilirsiniz. Burası Düğme Etiketinin okuduğunu değiştirebileceğiniz yerdir.

Customizing the Repeater field button labels

Örneğin bir grup kayıt formunda düğmenizi "Katılımcı Ekle" şeklinde özelleştirebilirsiniz.

Son olarak tekrarlanabilir alanlarınız için minimum ve maksimum Limiti seçebilirsiniz.

Setting the Repeater field button limit

Varsayılan olarak bu Limit minimum 1, maksimum 10 olarak ayarlanmıştır. Bu, form kullanıcılarının bu forma en fazla 10 katılımcı kaydedebileceği anlamına gelir.

Dolayısıyla, yukarıda gösterilen ayarları uygularken, grup kayıt formumuzdaki düğme kullanıcılar için şu şekilde görünecektir:

Front-end view of the Repeater field button

Her zaman olduğu gibi, özelleştirilmiş, tekrarlanabilir alanlarınızdan memnun olduğunuzda, bunları kaydettiğinizden emin olun. hazır olduğunuzda yayınlanacak formunuz.

Ve hepsi bu kadar! Artık web sitesi ziyaretçilerinin formlarınızdaki alanları çoğaltmasına nasıl izin vereceğinizi biliyorsunuz.

Bonus: Tekrarlayıcı Saha İş Başında

Grup kayıt formunda Tekrarlayıcı alanı alanının nasıl kullanılacağını size gösterdim, ancak bu özelliğin uygulamalı birkaç güzel örneğini daha paylaşmak istiyorum.

Çalışan Zaman Çizelgesi Formu

Öncelikle şablon olarak sunduğumuz bu çalışan zaman çizelgesine bir göz atın:

Full view of the employee timesheet form template

Öncelikle adı, çalışan e-postası, çalışan kimliği ve haftalık toplam çalışma saatleri dahil olmak üzere çalışan ayrıntıları toplanır.

The employee details section of the template

Çalışanlar daha sonra bu formu haftalık zaman çizelgesi olarak kullanarak hafta boyunca çalıştıkları belirli gün ve saatleri girebilirler.

The weekly timesheet section of the form template

Kullanıcıların haftanın çalıştıkları gününe ait alanları, o günün giriş ve çıkış saatleriyle birlikte çoğaltmasına olanak tanıyan tekrarlanabilir Bloklar ve sütunlar kullanır. Bu alanlar 14 defaya kadar veya bir haftalık çift vardiyaya kadar tekrarlanabilir.

Bu formu web sitenizde kullanmak ister misiniz? Şablonu alın!

Sınıf Kadrosu Formu

Şimdi şablon olarak da sunduğumuz bu sınıf listesine göz atın:

Full view of the class roster form template

Her gönderimde kolay takip için öğretmenin bilgilerinin toplanmasıyla başlar.

The teacher information section of the form template

Daha sonra, Tekrarlayıcı alanıyla öğretmenler, listelerindeki her öğrenci için sınıf düzeyi, doğum günü veya kayıt tutmak için eklemek istedikleri diğer veriler gibi bilgileri kolayca ekleyebilir.

The class roster section of the form template

Öğretmenler bu listeyi en fazla 20 öğrenci için kullanabilir. Veya her zaman olduğu gibi bu form şablonu tamamen özelleştirilebilir, dolayısıyla izin verilen maksimum giriş sayısı değiştirilebilir.

Bu formu beğendiniz mi? Şablonu alın!

Ziyaretçilerin Form Alanlarını Çoğaltmasına Neden İzin Vermeliyim?

Form kullanıcılarınız için iyidir! Ziyaretçilerin form alanlarını çoğaltmasına izin vermek, özellikle kullanıcıların benzer veya tekrarlayan bilgiler girmesi gerektiğinde form doldurma işlemini çok daha kolay hale getirir. Bu, sitenizin ziyaretçilerine zaman kazandırabilir ve form doldurma deneyimlerini daha rahat ve verimli hale getirebilir.

Ve bu senin için de iyi! Kullanıcılar form alanlarını çoğaltabildiğinde, benzer veri noktaları gruplandırıldığından ve daha kolay yönetildiğinden analiz için veri toplamanız ve düzenlemeniz daha kolay olur.

Ayrıca formunuzu düzenli ve görsel olarak çekici tutar. Sitenizin ziyaretçileri, boş alanların uzun bölümleri tarafından bunaltılmayacak ve ek alanları gizli tutmak için karmaşık bir koşullu mantık kuralları dizisi oluşturmanız gerekmeyecek.

Tekrarlayıcı Alanı herkes için bir kazan-kazandır!

SSS

WPForms olarak sunduğumuz özellikler ve araçlar hakkında rehberlik sunmaktan her zaman heyecan duyuyoruz. Form alanlarını çoğaltmayla ilgili en sık sorulan bazı soruların yanıtlarını burada bulabilirsiniz:

Ziyaretçilerin form alanlarını çoğaltmasına izin vermek ne anlama gelir?

Ziyaretçilerin form alanlarını çoğaltmasına izin vermek, onlara bir form içinde belirli bir alanın birden çok örneğini oluşturma seçeneği sunmak anlamına gelir. Bu şekilde benzer veya tekrarlanan bilgileri daha verimli bir şekilde girebilirler.

Form kullanıcıları daha fazla bilgi girmek için bu alanları tekrarlayabildiğinden, WPForms'ta bu kopyalara Tekrarlayıcı alanları diyoruz.

Web sitemin formlarına alan çoğaltmayı nasıl uygulayabilirim?

Uygulama yöntemleri kullandığınız platforma veya araçlara bağlı olarak değişebilir.

WPForms'a gelince, basit bir tıklama veya sürükleyip bırakma eylemiyle alan çoğaltmayı etkinleştiriyoruz. Diğer durumlarda bu işlevselliği eklemek için özel kod veya eklentiler kullanmanız gerekebilir.

Bir form alanının çoğaltılma sayısına bir sınır koymalı mıyım?

Sınırların ayarlanması, formun kullanılabilirliğinin korunmasına yardımcı olabilir ve kullanıcıların, form performansını veya veri yönetimini etkileyebilecek aşırı sayıda alan oluşturmasını engelleyebilir.

WPForms Tekrarlayıcı alanıyla, yinelenen girişler için maksimum bir sınır belirleyerek formunuzun bu yönünü kontrol edebilirsiniz.

WordPress Formunuzu Şimdi Oluşturun

Sonra, Bu Hızlı ve Kolay Kılavuza Göz Atın

Ziyaretçilerin alanları çoğaltmasına nasıl izin verileceği konusunda oldukça fazla bilgi paylaştım, ancak Tekrarlayıcı alanını kullanma hakkında öğrenilecek daha çok şey var. Bu özellik o kadar çok şey sunuyor ki ele alınacak çok şey var.

Burada ele alınmayan özelleştirme fikirleri de dahil olmak üzere bazı ek hızlı ve kolay ipuçlarını öğrenmek için Tekrarlayıcı alan eğitimimize göz atmayı unutmayın.

Formunuzu oluşturmaya hazır mısınız? En kolay WordPress form oluşturucu eklentisiyle bugün başlayın. WPForms Pro çok sayıda ücretsiz şablon içerir ve 14 günlük para iade garantisi sunar.

Bu makale size yardımcı olduysa, daha fazla ücretsiz WordPress öğreticisi ve kılavuzu için lütfen bizi Facebook ve Twitter'da takip edin.