Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Tarih Seçicili WordPress Formu Nasıl Oluşturulur (Kolay Yol)

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

Tarih seçicili bir WordPress formu mu oluşturmak istiyorsunuz?

Tarih seçici alanı, WordPress formlarınızda tarihle ilgili bilgileri yakalamak için kullanışlı bir yoldur. Örneğin, kullanıcılarınızın doğum tarihlerini bilmeniz gerekebilir veya formlarınız aracılığıyla hizmetleriniz için kolayca randevu almalarını isteyebilirsiniz.

Bu makalede, tarih seçicili bir WordPress formunu nasıl kolayca oluşturacağınızı göstereceğiz.

How to Create a WordPress Form With a Date Picker

Neden Tarih Seçicili Bir WordPress Formu Oluşturmalısınız?

Bir WordPress formundaki tarih seçici alanı, kullanıcıların tarih girmesini istediğinizde kullanışlıdır. Yaygın örnekler şunlardır:

  • Kullanıcılardan doğum tarihlerini girmelerini isteyenkayıt formları.
  • Bir sipariş için teslimat tarihi ve saati seçmek içinsipariş formları.
  • Kiralık bir öğe için teslim alma veya bırakma tarihi seçmek için kiralık öğe formları.
  • Geri arama talep formları, kullanıcıların ürünleriniz veya hizmetleriniz hakkında ne zaman iletişime geçmek istediklerini size bildirmelerini sağlar.
  • Çalışanların izinleri için başlangıç ve bitiş tarihlerini girmelerine olanak tanıyan izin talep formları.
  • Konaklama veya hizmet web siteleri için randevu veya rezervasyon formları.

Tarih giriş alanı, kullanıcıların tarihleri manuel olarak yazmalarına kıyasla çok daha kolay bir şekilde eklemelerini sağlar. Tarih formatının tüm form gönderimlerinde tutarlı kalmasını sağlayarak hataları azaltır ve kullanıcı deneyimini iyileştirir.

Bunu söyledikten sonra, tarih seçicili bir WordPress formunun nasıl kolayca oluşturulacağını görelim. Bu makalede gezinmek için bu hızlı bağlantıları kullanabilirsiniz:

Adım 1: WPForms Eklentisini Kurun ve Bir Şablon Seçin

İlk adım WPForms‘u yüklemektir. Piyasadaki en iyi WordPress iletişim formu eklentisidir ve tarih seçici alanlara sahip formlar da dahil olmak üzere WordPress sitenizde her türlü formu oluşturmayı çok kolaylaştırır.

Ayrıntılı talimatlar için bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza göz atmak isteyebilirsiniz.

Not: Bu kılavuz için WPForms’un premium sürümünü kullanmanız gerekir, çünkü tarih seçici alanı burada mevcuttur. Bununla birlikte, WPForms kuponumuzu kullanırsanız, normal fiyattan %50 indirim alabilirsiniz.

Daha fazla ayrıntı için WPForms incelememizin tamamını görebilirsiniz.

Etkinleştirmenin ardından, WordPress panonuzdan WPForms ” Yeni Ekle sayfasına gidin.

Clicking Add New in WPForms inside the WordPress admin panel

Bu sizi ‘Bir Şablon Seçin’ sayfasına yönlendirecektir.

Bir şablon seçmeden önce, daha sonra kolayca tanımlayabilmeniz için WordPress formunuzu adlandırmak iyi bir fikirdir.

Naming a new form in WPForms

Aşağı kaydırdığınızda, burada birçoğunda tarih aralığı alanı bulunan bir dizi önceden hazırlanmış form şablonu göreceksiniz.

Örnek olması açısından, Basit İletişim Formu şablonunu kullanacağız ve ardından tarih seçici alanını buna ekleyeceğiz. Ancak size en uygun şablonu seçmekten çekinmeyin.

Seçiminizi yaptıktan sonra ‘Şablonu Kullan’ düğmesine tıklamanız yeterlidir.

Clicking the Use Template button in WPForms

Adım 2: WordPress Formunuza Tarih Seçici Alanı Ekleyin

Şimdi, WPForms form oluşturucusuna ulaşacaksınız. Sol sütunda alan seçeneklerini ve ekranın sağ tarafında bir form önizlemesini göreceksiniz.

Varsayılan olarak, Basit İletişim Formu şablonunda forma yalnızca ad, e-posta adresi ve yorumlar alanı eklenir.

Gösterim amacıyla, WordPress formunuza nasıl tarih alanı ekleyeceğinizi göstereceğiz. Ancak şablonunuzda zaten varsa, bu adımın düzenleme bölümüne geçebilirsiniz.

Yapmanız gereken, sol sütundaki Süslü Alanlar bölümüne ilerlemek ve burada ‘Tarih / Saat’ alanını görmektir.

Bu alanı formunuzda istediğiniz yere sürükleyip bırakmanız yeterlidir. Bu eğitimde, E-posta alanının hemen altına yerleştirdik.

Dragging and dropping the Date Time field to the form builder in WPForms

Bunu yaptıktan sonra, düzenlemek için ‘Tarih/ Saat’ alanına tıklayın. Bu, ekranınızın sol tarafındaki ‘Alan Seçenekleri’ sekmesini açacaktır.

Buradan, varsayılan olarak ‘Tarih / Saat’ olan alanın etiketini değiştirebilirsiniz. Biz alanımız için ‘Telefon Görüşmesi için Tercih Edilen Zaman’ ifadesini kullanacağız.

Biçim açılır menüsünü kullanarak alanın tarih biçimini de değiştirebilirsiniz. Seçenekler Tarih ve Saat, Tarih veya Yalnızca Saat şeklindedir. Kullanıcıların doğum tarihlerini toplamak için zaman alanı olmadan sadece tarih kullanmak istiyorsanız bu yararlı olabilir.

Bunun dışında, kullanıcının alana ne girmesi gerektiği konusunda daha fazla bağlam sağlamak için açıklama metnini doldurabilirsiniz.

Son olarak, bunu zorunlu bir alan yapmak istiyorsanız ‘Gerekli’ kutusunu işaretleyebilirsiniz. Bu, kullanıcının formu göndermeden önce bir tarih ve saat seçmesi gerektiği anlamına gelir.

Bunu yaptıktan sonra, form ayarlarınızı saklamak için üstteki ‘Kaydet’ düğmesine tıklayın.

Configuring the General settings of a form in WPForms

Profesyonel İpucu: Bir konaklama sitesi işletiyorsanız ve kullanıcıların konaklamaları için belirli tarihler girmelerini istiyorsanız, Otel Rezervasyon Formu şablonunu kullanabilirsiniz. İki tarih seçici alan içerir: biri varış tarihi ve diğeri ayrılış tarihi için.

Adım 3: Tarih Saat Seçici için Gelişmiş Seçenekleri Yapılandırma

Varsayılan olarak, WordPress formunuzdaki tarih aralığı seçici alanı, yanında bir zaman açılır menüsü olan bir takvim olacaktır.

Geçerli tarih seçilecektir, ancak kullanıcı farklı bir tarih seçmek için bunu değiştirebilir. Tarih formatı ay/gün/yıl şeklindedir.

The default Date Time picker calendar in WPForms

Bu arada, saat açılır menüsü varsayılan olarak 30 dakikalık aralıklarla 12 saatlik bir saate ayarlanır.

Kullanıcılar daha sonra kendileri için en uygun zaman aralığını seçebilirler.

The default time dropdown picker in WPForms

Bazı durumlarda, tarih seçici ayarlarını değiştirmek isteyebilirsiniz. Örneğin, ülkeniz varsayılanlar yerine gün/ay/yıl veya 24 saatlik tarih ve saat biçimlerini takip ediyor olabilir.

Bunu yapmak için, sol taraftaki panelin üst kısmındaki ‘Gelişmiş’ sekmesine geçmeniz gerekecektir.

Burada, tarih seçici alanının boyutunu ayarlayabilirsiniz. Ardından, Tarih bölümünde, tarih aralığını bir takvimden bir tarih açılır menüsüne değiştirebilirsiniz.

Choosing the Date Dropdown type in WPForms

Formda sınırlı alan varsa ve takvim oldukça küçük görünüyorsa, tarih takvimi seçicisini tarih açılır menüsüne dönüştürmek iyi bir fikirdir.

Tarih açılır menüsü şu şekilde görünür:

An example of WPForms' date dropdown menu

Bunun altında, tarih biçimini ay/gün/yıl (1/31/2024) yerine gün/ay/yıl (31/1/2024) veya Ay Gün, Yıl (31 Ocak 2024) olarak değiştirebilirsiniz.

Takvim tarih seçicisini seçerseniz, ‘Tarih’ alanına yer tutucu metin de ekleyebilirsiniz. Kullanıcıların kafalarının karışmaması için hangi formatı kullandığınızı bilmelerini sağlamak amacıyla bu alanı tarih formatınızla doldurabilirsiniz.

Configuring the date picker's advanced settings in WPForms

Ayrıca, seçilebilecek tarih aralığını ayarlamak için ‘Günleri Sınırla’ anahtarını etkinleştirebilirsiniz. Hizmetlerinizi yalnızca hafta içi çalıştırıyorsanız bu yararlı olacaktır.

Önceki tarihlerin seçilmesini önlemek için geçmiş tarihleri devre dışı bırakmaktan da çekinmeyin.

The Limit Days and Disable Past Dates settings for the Date Time field in WPForms

Ardından, zaman seçiciyi değiştirmek için ‘Zaman’ bölümüne geçelim.

Burada, aralığı 30 dakika yerine 15 dakika veya 1 saat olarak değiştirebilirsiniz. Hangi saat biçimini kullandığınızı göstermek için buraya yer tutucu metin girmeniz de iyi olur.

Saat seçici varsayılan olarak 12 saatlik bir saate ayarlıdır, ancak tercih ederseniz bunu 24 saatlik bir saate değiştirebilirsiniz.

Ayrıca, hizmetlerinizin başlangıç ve bitiş saatlerini belirtmek için ‘Saatleri Sınırla’ ayarını açmaktan çekinmeyin. Bu şekilde, kullanıcılar çalışma saatleriniz dışında randevu alamazlar.

Bunun dışında, tarih aralığı alanı için bir CSS sınıf adı girebilirsiniz. Bu gelişmiş ve isteğe bağlı bir özelliktir, ancak daha sonra kod kullanarak formun stilini geçersiz kılmak için bunu kullanabilirsiniz.

Son olarak, gerekirse form alanı etiketini ve/veya alt etiketini gizleyebilirsiniz.

Yeni formunuzdan memnun olduğunuzda, ekranın sağ üst köşesindeki ‘Kaydet’ düğmesine tıklayarak formu kaydedebilirsiniz.

Configuring the advanced settings of the time picker field in WPForms

Adım 4: WordPress Formunu Web Sitenize Yerleştirin

Artık tarih seçicili yeni formunuzu WordPress web sitenize eklemeye hazırsınız. Bunu yapmak için form oluşturucunun üst kısmındaki ‘Yerleştir’ düğmesine tıklamanız yeterlidir.

Formu eklemek için mevcut bir sayfayı seçmenizi veya form için sıfırdan yeni bir sayfa oluşturmanızı isteyen bir açılır pencere görünecektir. Her iki seçenek de blok düzenleyiciyi kullanır, bu nedenle adımlar oldukça benzerdir.

The Embed popup in WPForms

WPForms Bloğunu Mevcut veya Yeni Bir Sayfaya Ekleme

Formu mevcut bir sayfaya eklemek için ‘Mevcut Sayfayı Seç’ düğmesine tıklayın. Bundan sonra, WordPress blogunuzda veya web sitenizde zaten var olan sayfalardan birini seçin ve ‘Hadi Gidelim!

Choosing an existing page to add a WPForms form to

Formu yeni bir sayfaya eklemek istiyorsanız, ‘Yeni Sayfa Oluştur’ düğmesine tıklamanız yeterlidir.

Ardından, yeni sayfanıza bir isim verin ve ‘Hadi Gidelim!

Creating a new page to insert the WPForms form into

Bu yöntemlerin her ikisi de sizi WPForms bloğunun nasıl ekleneceğine ilişkin bazı talimatlar göreceğiniz blok düzenleyicisine götürecektir.

İlk olarak, ‘+’ blok ekle düğmesine tıklayın.

Clicking the add block button in the block editor to insert the WPForms block

Ardından, blok arama çubuğuna ‘WPForms’ yazın.

Bloğu sayfada en iyi görünen yere sürükleyip bırakmanız yeterlidir.

Searching for the WPForms block in the block editor

Şimdi tek yapmanız gereken açılır menüye tıklamak.

Ardından, yeni oluşturduğunuz formu seçin.

Select a WPForms form to insert in the block editor

Blok ayarları kenar çubuğunda, form alanını, etiketi ve düğme stillerini WordPress temanızla daha güzel görünecek şekilde özelleştirebilirsiniz.

Her bir öğenin boyutunu, kenarlık yarıçapını ve renklerini değiştirebilirsiniz.

The WPForms block settings sidebar in the block editor

Artık formu web sitenizde canlı hale getirmek için ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklayabilirsiniz.

WordPress web sitenizde buna benzer bir şey görünmelidir:

An example of a contact form with a date picker made with WPForms

Form widget’ını bir sayfa yerine bir gönderiye eklemek istiyorsanız, blok düzenleyicide yeni bir gönderi oluşturabilir veya mevcut bir gönderiyi açabilirsiniz.

Bundan sonra, WPForms bloğunu bu yöntemdeki gibi bir sayfaya eklemek için aynı adımları izleyin.

WPForms Bloğunu Widget’a Hazır Bir Alana Ekleme

Klasik bir WordPress teması kullanıyorsanız, formunuzu widget’a hazır bir üstbilgi, altbilgi veya kenar çubuğu alanında görüntülemek isteyebilirsiniz. Formunuz oldukça kısaysa ve çok fazla yer kaplamıyorsa bu iyi bir fikir olabilir.

Not: Bir blok tema kullanıyorsanız, bu yöntem web siteniz için çalışmayacaktır.

Bunu yapmak için WordPress yönetici alanından Görünüm “ Widget ‘lar bölümüne gidin. Ardından, istediğiniz widget’a hazır alana gidin ve içindeki beyaz ‘+’ blok ekle düğmesine tıklayın. Bundan sonra WPForms bloğunu arayabilirsiniz.

İki seçenek görürseniz, her ikisi de aynı şeyi yaptığından birini seçebilirsiniz.

Adding the WPForms block in a widget-ready area

Önceki yöntemde olduğu gibi, daha önce oluşturduğunuz formu seçmeniz yeterlidir. Blok ayarları kenar çubuğunda, tasarımı WordPress temanıza daha iyi uyacak şekilde yapılandırabilirsiniz.

Düzenlemelerden memnun olduğunuzda, ‘Güncelle’ düğmesine tıklayın.

The WPForms widget settings sidebar

Bu kadar!

İşte formumuzun bir WordPress blog yazısının altında nasıl göründüğü:

An example of a WPForms form widget with a date picker field

WordPress Formunuzu Bir Kısa Kodla Yerleştirin

WPForms bloğu veya widget ‘ı çalışmazsa, WordPress formunuzu bir kısa kod kullanarak da ekleyebilirsiniz.

‘Sayfaya Yerleştir’ açılır penceresinde, ‘kısa kod kullan’ bağlantısını tıklamanız yeterlidir. Ardından kopyalayıp bir sayfaya, gönderiye veya widget’a hazır alana yapıştırabileceğiniz bir kısa kod göreceksiniz.

Clicking the use a shortcode link in the WPForms embed popup

Kısa kodların nasıl kullanılacağı hakkında daha fazla bilgi için WordPress’te kısa kod ekleme hakkındaki makalemizi okuyun.

WordPress Formunuzu Optimize Etmek İçin Nihai İpuçları

Artık formlarınıza nasıl tarih seçici alan ekleyeceğinizi bildiğinize göre, formlarınızı bir sonraki seviyeye taşımak için en iyi ipuçlarını ele alalım:

  • Form gönderenlerinizeonay e-postaları gönderin – Bu şekilde, kullanıcılar girişlerini başarıyla aldığınıza dair bir bildirim alacak ve hangi tarih veya saati seçtiklerini unutmayacaklardır.
  • Formlarınızda çevrimiçi ödemeleri kabul edinWPForms, Stripe, PayPal, Square ve Authorize.net gibi popüler ödeme ağ geçitlerini destekler. Tek seferlik veya yinelenen ödemeleri toplayabilirsiniz ve ek işlem ücreti yoktur.
  • Uzun formlarınızı etkileşimli hale getirin – Çok sayıda bilgi yakalamanız gereken bir etkinlik veya kullanıcı kayıt formunuz varsa, bunu etkileşimli hale getirmek form tamamlama oranını artırabilir.
  • İletişim formu spam’ini önleyinSpam içeren form girişlerimizi filtrelemek için WPForms’un yerleşik anti-spam korumasını ve reCAPTCHA onay kutusunu etkinleştirebilirsiniz.
  • İletişim formu tasarımı en iyi uygulamalar listemizi takip edin – Bu kılavuz, düzenli ziyaretçileri potansiyel müşterilere veya müşterilere dönüştürmek için en iyi WordPress formunu tasarlama konusunda size yol gösterebilir.
  • Etkileşimli formlar oluşturma konusundaki uzman kılavuzumuzu okuyun – WPForms kurucu ortağı Jared Atchison, koşullu mantık kullanmaktan zengin medya içeriği eklemeye kadar formları nasıl daha ilgi çekici hale getireceğiniz konusunda size ipuçları veriyor.

Umarız bu makale tarih seçicili bir WordPress formunun nasıl oluşturulacağını öğrenmenize yardımcı olmuştur. WordPress’te çok sayfalı bir formun nasıl oluşturulacağına ilişkin makalemize ve en iyi WordPress anket eklentileri listemize de göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

3 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

    • WPBeginner Support says

      Reach out to WPForms’ support for the current methods of limiting the days of the week :)

      Yönetici

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.